Skip to content

added solutions to the tasks in HTML Crash Course #72

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

added solutions to the tasks in HTML Crash Course #72

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
3 changes: 3 additions & 0 deletions Striver97/HTML/.vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
47 changes: 47 additions & 0 deletions Striver97/HTML/form-assignment/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
background-color: black;
color: white;
}
</style>
</head>
<body>
<form action="#" method="post">
<div>
<label for="name">Name:</label>
<input type="text" name="name" id="name">
<br>
<label for="email">Email:</label>
<input type="email" name="email" id="email">
<br>
<label for="password">Password:</label>
<input type="password" name="password" id="password">
<br>
<label for="confirm-password">Confirm Password:</label>
<input type="password" name="confirm-password" id="confirm-password">
<br>
<label for="dob">Date of Birth:</label>
<input type="date" name="dob" id="dob">
<br>
<label for="gender">Gender</label>
<input type="radio" name="gender" id="gender">Male
<input type="radio" name="gender" id="gender">Female
<input type="radio" name="gender" id="gender">Other

<br>
<label for="interests">Pick your interests</label>
<input type="checkbox" name="interests" id="gender">Football
<input type="checkbox" name="interests" id="gender">Cricket
<input type="checkbox" name="interests" id="gender">Reading
</div>
<input type="submit" value="submit">
<input type="reset" value="reset">
</form>
</body>
</html>
Binary file added Striver97/HTML/menu-assignment/images/coffee.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
64 changes: 64 additions & 0 deletions Striver97/HTML/menu-assignment/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cafe Otaku</title>
<style>
*{
background-color: #dcbb7e;
color: brown;
text-align: center;
}
table{
border: 5px solid chocolate;
font-size: larger;
margin-top: 20px;
margin-left: 200px;
}


</style>
</head>
<body>

<h1>Cafe Otaku Menu | Address: 20th Ward</h1>
<img src="./images/coffee.jpeg" alt="Coffee">
<table>
<thead>
<tr>
<th>Name</th>
<th>Description</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>Espresso</td>
<td>Made from strong coffee beans</td>
<td>8$</td>
</tr>
<tr>
<td>latte</td>
<td>Sweet and energetic</td>
<td>7$</td>
</tr>
<tr>
<td>Chai</td>
<td>Indian Beverage to keep you focused</td>
<td>7$</td>
</tr>
<tr>
<td>Black Coffee</td>
<td>A dose of Caffiene</td>
<td>6$</td>
</tr>
<tr>
<td>Milk</td>
<td>Plain old milk with some sugar</td>
<td>5$</td>
</tr>
</tbody>
</table>
</body>
</html>
52 changes: 52 additions & 0 deletions Striver97/HTML/portfolio-assignment/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<style>
*{
background-color: black;
color: white;
font-family: monospace,sans-serif;
}
li{
list-style: none;
}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio Site</title>
</head>
<body>
<h1>My Portfolio</h1>
<section id="about-me">
<h1>About me</h1>
<br>
Hey, am Nilesh, currently working as a Web Developer at Data to Destiny.
</section>
<br>
<hr>
<section id="Education">
<h1>Education details</h1>
<ul>
<li>
B.S. Information Technology (7.5 CGPA)
</li>
<li>
HSC Commerce (72%)
</li>
<li>
SSC (78%)
</li>
</ul>
</section>
<hr>
<section id="projects">
<h1>Projects: </h1>
No projects yet
</section>
<hr>
<section id="Experience">
<h1>Work Experience</h1>
Working as a Web Developer Intern at Data to Destiny
</section>
</body>
</html>
67 changes: 67 additions & 0 deletions Striver97/HTML/price-details-table/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Product Prices</title>
<style>
table {
width: 100%;
border-collapse: collapse;
}
th, td {
padding: 18px;
text-align: left;
border-bottom: 1px solid #ddd;
}
th {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<h2>Product Prices</h2>
<table>
<thead>
<tr>
<th>Product Name</th>
<th>Description</th>
<th>Price</th>
<th>Availability</th>
</tr>
</thead>
<tbody>
<tr>
<td>Laptop</td>
<td>15-inch, Intel Core i5, 8GB RAM, 256GB SSD</td>
<td>$999</td>
<td>In stock</td>
</tr>
<tr>
<td>Smartphone</td>
<td>6.5-inch, 128GB Storage, 12MP Camera</td>
<td>$699</td>
<td>In stock</td>
</tr>
<tr>
<td>Headphones</td>
<td>Wireless, Noise Cancelling, 30-hour Battery Life</td>
<td>$199</td>
<td>In stock</td>
</tr>
<tr>
<td>Smartwatch</td>
<td>Waterproof, Heart Rate Monitor, Fitness Tracker</td>
<td>$149</td>
<td>Out of stock</td>
</tr>
<tr>
<td>Camera</td>
<td>24MP, 4K Video Recording, Interchangeable Lenses</td>
<td>$799</td>
<td>In stock</td>
</tr>
</tbody>
</table>
</body>
</html>
Binary file added Striver97/HTML/timeline-assignment/images/kaneki-evolution.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
45 changes: 45 additions & 0 deletions Striver97/HTML/timeline-assignment/timeline.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!-- Your HTML code goes here -->
<!DOCTYPE html>
<html>
<head>
<style>
*{
background-color: black;
color:grey;
}
h1{
color: red;
}
p{
color: white;
}
img{
border: 15px red;
}
</style>
<title>My Page</title>
</head>
<body>
<h1>Ken Kaneki | Tokyo Ghoul</h1>
<p>This page is meant to show the events of the making off Tokyo Ghoul.</p>
<img src="images/kaneki-evolution.jpeg">
<ol>
<li>2011-2012: Kaneki's first fight with Amon is recorded in a journal in his bag.</li>
<hr>
<li>2015: Kaneki's birthday is December 20th.</li>
<hr>
<li>2014: Tokyo Ghoul: Past is released, which takes place before the main series and focuses on Kaneki's backstory.
</li>
<hr>
<li>2014: Tokyo Ghoul: Past is released, which takes place before the main series and focuses on Kaneki's backstory.
</li>
<hr>
<li>Age 21: Kaneki is at the start of Tokyo Ghoul: Re.
</li>
<hr>
<li>Age 29: Kaneki is at the end of Tokyo Ghoul: Re.
</li>
<hr>
</ol>
</body>
</html>
Binary file added Striver97/HTML/todo-assignment/images/todo.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
33 changes: 33 additions & 0 deletions Striver97/HTML/todo-assignment/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Todo List</title>
<style>
*{
background-color: black;
color: white;
}
img{
margin-left: 200px;
}
ul{
margin-left: 200px;
}
li{
list-style: none;
padding: 0.5rem;
}
</style>
</head>
<body>
<h1>My Todo List </h1>
<img src="./images/todo.jpeg">
<ul>
<li>Workout <input type="checkbox"></li>
<li>Study <input type="checkbox"></li>
<li>Sleep <input type="checkbox"></li>
</ul>
</body>
</html>