Skip to content
Open
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
162 changes: 162 additions & 0 deletions full stack week1 task/Layout.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,162 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Layout</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>

#rightContainer{
background-color: #fff1ec;
height: 800px;
}
.images{
display: flex;
padding: 3rem;
}
.images img{
height: 100px;
width: 70%;
}
.div1{
display: flex;
}
body{
overflow: hidden;
}
form{
background-color: #fffffc;
height: 460px;
border-radius: 10px;
justify-content: center;
margin-left: 15%;
width: 75%;
box-shadow: 5px 4px 21px 10px grey;
}
.formInside{
padding: 5rem;
}
form input{
height: 50px;

margin: 0.5rem;
}
h1{
font-size: 30px;
padding-top: 0.7rem;
}
p{
margin-left: 48%;
font-weight: bold;
}
#button{
background-color: #ff8c1a;
height: 50px;
border:#ff8c1a;
width: 100%;
}
input{
border: none;
border-radius: 2px;
font-size: 20px;
padding: 1rem;
}
select{
background-color: #fff1ec;
width: 72%;
border: none;
font-size: 20px;
padding:1rem;

}
.div1 input{
background-color: #fff1ec;
width: 80%;
}
.div2 input{
background-color: #fff1ec;
width: 91%;
}
.div3 input{
background-color: #fff1ec;
width: 89%;
}
.email{
display: flex;
margin: 3rem;
justify-content: center;
}
.email h2{
font-size: 20px;
font-weight: normal;

}
#leftContainer{
background-image: linear-gradient(to right,grey, orange, pink,orange, white,orange);
overflow: hidden;
}
form:hover{
cursor: pointer;
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-xl-6" id="leftContainer" style="background-color:#bdb29d; height: 800px;">
<div id="carouselExample" class="carousel slide">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://files.lpu.in//umsweb//Events//umseventAssets//27273_2024_10_10_17_19.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="https://files.lpu.in//umsweb//Events//umseventAssets//27273_2024_8_14_13_51.png" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="col-md-6" id="rightContainer">
<div class="images">
<img src="https://ums.lpu.in/lpuums/assets/login/img/logos/seal.svg" alt="">
<img src="https://ums.lpu.in/lpuums/assets/login/img/logos/ums_logo1.svg" alt="">
</div>
<form action="">
<div class="formInside">
<div class="div1">
<h1>Login</h1> <select name="HeadOffice" id="">
<option value="HeadOffice">HeadOffice00</option>
<option value="HeadOffice0">HeadOffice0</option>
<option value="HeadOffice1">HeadOffice1</option>
<option value="HeadOffice2">HeadOffice2</option>
</select>
</div>
<div class="div2">
<input type="text" placeholder="UserID"><i class="fa-regular fa-user"></i>
</div>
<div class="div3">
<input type="Password" placeholder="password"><i class="fa-solid fa-eye-slash"></i>
</div>
<p>Forget Your Password ?</p>
<button class="btn btn-primary" id="button">LogIN</button>
</div>
</form>
<div class="email">
<img src="https://ums.lpu.in/lpuums/assets/login/img/mail-icon.svg" alt=""> &nbsp;&nbsp;&nbsp;
<h2> Student Email</h2>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>
Empty file added full stack week1 task/index.css
Empty file.
77 changes: 77 additions & 0 deletions full stack week1 task/index.htm
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Timetable</title>
<style>
table {
width: 100%;
border-collapse: collapse;
border: 3px double black;
}
th, td {
border: 3px double black;
text-align: center;
padding: 10px;
}
th {
background-color: #d5d4d4;
}
.lunch {
background-color: #cbcbcb;
font-weight: bold;
}
</style>
</head>
<body>
<table>
<tr>
<th colspan="6">Timetable</th>
</tr>
<tr>
<th>Hours</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
</tr>
<tr>
<td>8:00 - 9:00 AM</td>
<td>Science</td>
<td>Maths</td>
<td>Science</td>
<td>Maths</td>
<td>Arts</td>
</tr>
<tr>
<td>9:00 - 10:00 AM</td>
<td>Social</td>
<td>Hindi</td>
<td>English</td>
<td>Social</td>
<td>Sports</td>
</tr>
<tr class="lunch">
<td>10:00 - 11:00 AM</td>
<td colspan="5">Lunch</td>
</tr>
<tr>
<td>11:00 - 12:00 PM</td>
<td>Science</td>
<td>Maths</td>
<td>Science</td>
<td>Maths</td>
<td rowspan="2">Project</td>
</tr>
<tr>
<td>12:00 - 1:00 PM</td>
<td>Social</td>
<td>Hindi</td>
<td>English</td>
<td>Social</td>
</tr>
</table>
</body>
</html>
43 changes: 43 additions & 0 deletions week2/Task1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>To-Do List</title>
</head>
<body>
<div>
<h1>To-Do List</h1>
</div>
<form id="todo">
<input type="text" id="task" placeholder="Enter a task">
</form>
<br>
<button id="Addbuttn">Add a task</button>
<button id="delbuttn">Delete a task</button>
<ul id="taskList"></ul>

<script>
const items = document.getElementById('taskList');
const delbuttn = document.getElementById('delbuttn');
const Addbuttn = document.getElementById('Addbuttn');
const taskAdd = document.getElementById('task');

Addbuttn.addEventListener('click', function() {
if (taskAdd.value != '') {
const list = document.createElement("li");
list.innerText = taskAdd.value;
list.classList.add('list');
items.appendChild(list);
taskAdd.value = '';
}
});

delbuttn.addEventListener('click', function() {
if (items.hasChildNodes()) {
items.removeChild(items.lastChild);
}
});
</script>
</body>
</html>