Skip to content
Open

Task2 #149

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added Easy/Sarang Meshte/Task 1/Task1.mp4
Binary file not shown.
29 changes: 29 additions & 0 deletions Easy/Sarang Meshte/Task 1/Task2-Sarang.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Navigation Bar with Dropdown</title>
<link rel="stylesheet" href="task2.css">
</head>
<body>
<nav class="navbar">
<ul class="nav-menu">
<li><a href="#">ABOUT US</a></li>
<li><a href="#">CLICK</a></li>

<li class="dropdown"><a href="#">SERVICES</a>
<ul class="dropdown-menu">
<li class="dropdown-submenu"></li>
<li class=""><a href="#">Mentor chat</a></li>

<li><a href="#">Video chat</a></li>
<li><a href="#">Home service</a></li>
</ul>
</li>

<li><a href="#">CONTACT US</a></li>
</ul>
</nav>

</body>
</html>
25 changes: 25 additions & 0 deletions Easy/Sarang Meshte/Task 1/afterlogin.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HomePage</title>
<link rel="stylesheet" href="kuchtohbhi.css">
<link rel="script" href="scipt1.js">
</head>

<body>
<script src="scipt1.js"></script>
<div class="task-text">Task 1 is complete</div>
<div class="wrap">
<!-- <div class="wrap">

<div class="soyjack"> -->

<img style="margin: 100px 500px;" src="soyjackpoint.jpg">
<!-- </div>
</div> -->
</div>
</body>

</html>
Binary file added Easy/Sarang Meshte/Task 1/bgpagetask1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
29 changes: 29 additions & 0 deletions Easy/Sarang Meshte/Task 1/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
<link rel="stylesheet" href="kuchtohbhi.css">
</head>
<body>
<div class="welc-text">
<h1> <b>BombKart</b><br></h1>
<i><h2>Your One-Stop destination to <br>Bomb Your College</h2></i>
</div>
<div class="wrap">
<img src="bgpagetask1.jpg" alt="bgpage" style="width:50%";>
<div class="box">
<h2><b font="Arial">Login into your account</b></h2>
<!-- <div class="inp-field">Enter Username</div>
<div class="inp-field">Enter Password</div> -->
<input placeholder="Enter Username">
<input placeholder="Enter Password">
<br>
<a href="afterlogin.html"><button type="button">Login</button></a>
<p>Don't have an account? <a href="signup.html">Sign Up</a></p>
</div>
</div>
</div>
</body>
</html>
64 changes: 64 additions & 0 deletions Easy/Sarang Meshte/Task 1/kuchtohbhi.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
.wrap{
height:100vh;
width:100vw;
justify-content: center;
display: flex;
}
input{
margin-bottom: 10px;
width: 70%;
}

/* .inp-field{
background-color: rgb(238, 229, 229);
height:20px;
margin : 1em 0;
width : 95%;
color: #9f9f9f;
border:1px solid black;
&:hover{
color:rgb(238, 229, 229);
}

} */
button{
margin: auto;
width:30%;

}
.task-text{
position:absolute;
margin-top: 300px;
margin-left: 580px;
height: 30px;
font-size: larger;
font-family: Arial, Helvetica, sans-serif;
/* background-color: aqua; */
}

.welc-text{
position:absolute;
margin-top:16%;
margin-left:15%;
/* margin:auto; */
text-align:center;
/* padding-top: 5rem; */
height: 20%;
width: 20%;
text-size-adjust:auto;
justify-content: center;
align-items: center;

}
.box {
background-color:rgb(0, 255, 119);
width:25%;
height:40%;
margin: auto;
padding-left: 2%;
border: 2px solid black;


}


2 changes: 2 additions & 0 deletions Easy/Sarang Meshte/Task 1/scipt1.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
let yash="good";
console.log(yash);
35 changes: 35 additions & 0 deletions Easy/Sarang Meshte/Task 1/signup.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
<link rel="stylesheet" href="kuchtohbhi.css">
</head>
<body>
<div class="welc-text">
<h1> <b>BombKart</b><br></h1>
<i><h2>Your One-Stop destination to <br>Bomb Your College</h2></i>
</div>
<div class="wrap">
<img src="bgpagetask1.jpg" alt="bgpage" style="width:50%";>
<div class="box">
<h2><b font="Arial">Create your account</b></h2>
<!-- <div class="inp-field">Enter E-Mail</div>
<div class="inp-field">Enter Username</div>
<div class="inp-field">Enter Password</div> -->

<input placeholder="Enter E-Mail">

<input placeholder="Enter Username">

<input placeholder="Enter Password">
<a href="afterlogin.html">
<button type="button">Sign Up</button></a>
<p><a href="index.html">Proceed to Login</a></p>
</div>

<!-- <p>Don't have an account? <a href="signup.html">Sign Up</a></p> -->
</div>
</body>
</html>
Binary file added Easy/Sarang Meshte/Task 1/soyjackpoint.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
71 changes: 71 additions & 0 deletions Easy/Sarang Meshte/Task 1/task2.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Poppins', sans-serif;
background-color: #f2f4f8;
}

.navbar {
background: linear-gradient(to right, #4ec86a, #9a8ffb);
padding: 10px 0;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.nav-menu {
list-style: none;
display: flex;
justify-content: center;
gap: 30px;
}

.nav-menu li {
position: relative;
}

.nav-menu a {
display: block;
color: white;
padding: 12px 18px;
text-decoration: none;
font-weight: 500;
border-radius: 8px;
transition: background 0.3s, transform 0.2s;
}

.nav-menu a:hover {
background-color: rgba(255, 255, 255, 0.2);
transform: translateY(-2px);
}

.dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: white;
border-radius: 10px;
box-shadow: 0 8px 16px rgba(0,0,0,0.15);
min-width: 180px;
z-index: 1;
overflow: hidden;
}

.dropdown-menu li a {
padding: 12px 16px;
color: #333;
text-align: left;
font-weight: 400;
transition: background 0.3s;
}

.dropdown-menu li a:hover {
background-color: #f0f0f0;
}

.dropdown:hover .dropdown-menu {
display: block;
}
Empty file.
29 changes: 29 additions & 0 deletions Easy/Task2-Sarang
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Navigation Bar with Dropdown</title>
<link rel="stylesheet" href="task2.css">
</head>
<body>
<nav class="navbar">
<ul class="nav-menu">
<li><a href="#">ABOUT US</a></li>
<li><a href="#">CLICK</a></li>

<li class="dropdown"><a href="#">SERVICES</a>
<ul class="dropdown-menu">
<li class="dropdown-submenu"></li>
<li class=""><a href="#">Mentor chat</a></li>

<li><a href="#">Video chat</a></li>
<li><a href="#">Home service</a></li>
</ul>
</li>

<li><a href="#">CONTACT US</a></li>
</ul>
</nav>

</body>
</html>
29 changes: 29 additions & 0 deletions Easy/Task2-Sarang.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Navigation Bar with Dropdown</title>
<link rel="stylesheet" href="task2.css">
</head>
<body>
<nav class="navbar">
<ul class="nav-menu">
<li><a href="#">ABOUT US</a></li>
<li><a href="#">CLICK</a></li>

<li class="dropdown"><a href="#">SERVICES</a>
<ul class="dropdown-menu">
<li class="dropdown-submenu"></li>
<li class=""><a href="#">Mentor chat</a></li>

<li><a href="#">Video chat</a></li>
<li><a href="#">Home service</a></li>
</ul>
</li>

<li><a href="#">CONTACT US</a></li>
</ul>
</nav>

</body>
</html>
Loading