<DAY-10> Web Development| Love Babbar’s Course
6 min readMay 28, 2023
In this blog, we will discuss two basic projects created with plain HTML.
Table of Contents
- Project-1 Love Babbar’s Resume
- Product Catalog (HW)
Project-1 Love Babbar’s Resume
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<!--Links-->
<div>
<h1>Love Babbar</h1>
<p>Contact: <a href="abcd.com">lovebabbar3@gmail.com</a></p>
<p>LinkedIn: <a href="abcd.com">linkedin.com/in/love-babbar</a></p>
<p>GitHub: <a href="abcd.com">github.com/lovebabbar</a></p>
</div>
<!--Introduction-->
<table>
<tr>
<td>
<img src="profileimage.jpg" alt="Love-Babbar-Profile-picture">
</td>
<td>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Tempora libero ullam molestiae architecto, fugit adipisci ipsam recusandae!
Odit inventore harum reiciendis nulla exercitationem sed sequi corporis, odio,
tempore ad, nostrum molestias? Aliquid, similique porro hic ex, labore doloremque
impedit exercitationem iure cupiditate sit consequuntur nemo expedita consectetur
laborum minima tenetur!
</p>
</td>
</tr>
</table>
<!--Education-->
<section>
<h2>Education</h2>
<ul>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, unde.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing.</li>
</ul>
</section>
<!--Work Experience-->
<section>
<h2>Work Experience</h2>
<div>
<h3>Software Engineer, Microsoft</h3>
<p>Nov 2021 - May 2022</p>
<ul>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing.</li>
<li>Lorem ipsum dolor sit amet consectetur.</li>
</ul>
</div>
<div>
<h3>Software Development Engineer, Amazon</h3>
<p>July 2019 - October2021</p>
<ul>
<li>Lorem ipsum dolor sit amet consectetur adipisicing.</li>
<li>Lorem ipsum dolor sit amet consectetur.</li>
</ul>
</div>
</section>
<!--Skills-->
<section>
<h2>Skills</h2>
<ul>
<li>Java</li>
<li>C++</li>
<li>Python</li>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
</section>
<!--Achievements-->
<section>
<h2>Achievement</h2>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, aperiam.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
</ul>
</section>
<!--Projects-->
<section>
<h2>Projects</h2>
<ul>
<li>
<h3>Library Management System</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum possimus earum voluptatem.</p>
<p>Hosted Link <a href="abcd.com">example.com/ecommerce</a></p>
<p>GitHub Link<a href="abcd.com">github/lovebabbar/ecommerce</a></p>
</li>
<li>
<h3>Friendly Chat AppFriendly</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum possimus earum voluptatem.</p>
<p>Hosted Link <a href="abcd.com">example.com/blog</a></p>
<p>GitHub Link<a href="abcd.com">github/lovebabbar/blog</a></p>
</li>
<li>
<h3>Secure Messenger AppScure</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum possimus earum voluptatem.</p>
<p>Hosted Link <a href="abcd.com">example.com/dashboard</a></p>
<p>GitHub Link<a href="abcd.com">github/lovebabbar/dashboard</a></p>
</li>
</ul>
</section>
<!--FAQs-->
<section>
<h2>Frequently Asked Questions:</h2>
<details>
<summary>Question 1: What is Lorem Ipsum?</summary>
<p>Lorem ipsum is dummy text</p>
</details>
<details>
<summary>Question 2: How do I get started?</summary>
<p>To get started, you can follow instructions in instructions manual</p>
</details>
<details>
<summary>Question 3: Can I customise settings?</summary>
<p>Yes you can</p>
</details>
<details>
<summary>Question 4: Is there a mobile app available?</summary>
<p>Yes we have an android as well as iOS mobile app</p>
</details>
<details>
<summary>Question 5: How can I contact customer support?</summary>
<p>Please check contact section</p>
</details>
</section>
<!--Footer-->
<br/>
<footer>
© Love Babbar. All rights reserved.
</footer>
</div>
</body>
</html>I have Lorem ipsum text, and I recommend you do the same when you are creating dummy projects. If you want to practice with real text I would advise you to make your own resume by editing the code and show it off!
(NOTE: for the image to be displayed, you will have to download the image in the same folder as your HTML file and name it “profileimage”)
<section>
<section> tag signifies that the content inside the tag is grouped. It means that they all are part of the same theme.
<section> vs <div>
On the other hand, the <div> tag does not depict any meaning. It is used to group data in a container so that similar styles can be applied to them. (We will see this in CSS).
<details>
<details> tag is used to create a widget that can be opened and closed as per demand. By default, it is closed.
All these questions have been created using <details> tag.
If we click on the arrow(or text), the content inside it is displayed.
<summary>
The content heading that needs to be displayed in <details> tag is written under <summary> tag. For example, “Question 2: How do I get started?” is written in <summary> tag.
The content text should be written after <summary> in <p>, <span>, etc. Here, “To get started, you can follow instructions in the instruction manual” is written inside <p>.
To summarize,
This is the pattern for creating a widget that opens and closes on click.
<details>
<summary> Heading </summary>
<p> text that closes and opens </p>
</details>Product Catalog (HW)
(Before looking at the code, make sure you give it a try by yourself with the help of following UI)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<div>
<h1>Product Catalog</h1>
<ul>
<li><a href="#electronics">Electronics</a></li>
<li><a href="#clothing">Clothing</a></li>
<li><a href="#home">Home</a></li>
</ul>
</div>
<!--Electronics-->
<section id="electronics">
<h2>Electronics</h2>
<div>
<h3>Laptop</h3>
<p><strong>Description:</strong> High performance laptop with the latest processor and ample storage</p>
<p><strong>Price:</strong> $999.99</p>
<p><strong>Availability:</strong> In stock</p>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSTzdXQKtpASTHJXd8ncnw5WHJ0XCPuZ9ZSmA&usqp=CAU"
alt="laptop-image">
<br />
<a href="abcd.com">View Details</a>
<ul>
<li><strong>Brand</strong>: XYZ Electronicd</li>
<li><strong>Screen Size</strong>: 15.6 inches</li>
<li><strong>RAM</strong>: 8GB</li>
<li><strong>Storage</strong>: 512GB SSD</li>
</ul>
</div>
<div>
<h3>Smartphone</h3>
<p><strong>Description:</strong> Future rich smartphone with a high resolution display and advanced camera</p>
<p><strong>Price:</strong> $699.99</p>
<p><strong>Availability:</strong> Out of stock</p>
<img src="data:image/jpeg;base64,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"
alt="phone-image">
<br />
<a href="abcd.com">View Details</a>
<ul>
<li><strong>Brand</strong>: ABC Mobile</li>
<li><strong>Screen Size</strong>: 6.5 inches</li>
<li><strong>Camera</strong>: 48MP + 12MP</li>
<li><strong>Storage</strong>: 128GB</li>
</ul>
</div>
</section>
<!--Clothing-->
<section id="clothing">
<h2>Clothing</h2>
<div>
<h3>Tshirt</h3>
<p><strong>Description:</strong> Casual and comfortable Tshirt made from premium quality cotton</p>
<p><strong>Price:</strong> $19.99</p>
<p><strong>Availability:</strong> In stock</p>
<img src="data:image/jpeg;base64,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"
alt="tshirt-image">
<br />
<a href="abcd.com">View Details</a>
<ul>
<li><strong>Brand</strong>: Fashion Apparel</li>
<li><strong>Color</strong>: Black</li>
<li><strong>Size</strong>: S, M, L</li>
<li><strong>Material</strong>: 100% Cotton</li>
</ul>
</div>
<div>
<h3>Jeans</h3>
<p><strong>Description:</strong> Classic jeans with a slim fit and stylish design</p>
<p><strong>Price:</strong> $49.99</p>
<p><strong>Availability:</strong> In stock</p>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS2i3CF6DX1XXDcDpHciIlsKGuu9mh9LN-HyA&usqp=CAU"
alt="jeans-image">
<br />
<a href="abcd.com">View Details</a>
<ul>
<li><strong>Brand</strong>: Denim co</li>
<li><strong>Color</strong>: Blue</li>
<li><strong>Size</strong>: 30, 32, 34</li>
<li><strong>Material</strong>: Denim</li>
</ul>
</div>
</section>
<!--Home-->
<section id="home">
<h2>Home</h2>
<div>
<h3>Table Lamp</h3>
<p><strong>Description:</strong> Modern and stylish table lamp to enhance your home decor</p>
<p><strong>Price:</strong> $39.99</p>
<p><strong>Availability:</strong> In stock</p>
<img src="data:image/jpeg;base64,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"
alt="lamp-image">
<br />
<a href="abcd.com">View Details</a>
<ul>
<li><strong>Brand</strong>: Home Essentials</li>
<li><strong>Color</strong>: White</li>
<li><strong>Dimensions</strong>: 12 inches(height)</li>
<li><strong>Material</strong>: Ceramic, Metal</li>
</ul>
</div>
<div>
<h3>Throw Pillow</h3>
<p><strong>Description:</strong> Soft and comfortable throw pillow for your living room or bedroom</p>
<p><strong>Price:</strong> $24.99</p>
<p><strong>Availability:</strong> In stock</p>
<img src="data:image/jpeg;base64,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"
alt="pillow-image">
<br />
<a href="abcd.com">View Details</a>
<ul>
<li><strong>Brand</strong>: Cozy Home</li>
<li><strong>Color</strong>: White</li>
<li><strong>Dimensions</strong>: 18 x 18inches</li>
<li><strong>Material</strong>: Cotton, Polyester</li>
</ul>
</div>
</section>
<br/>
<footer>
© 2023 Product Catalog, All rights reserved.
</footer>
</div>
</body>
</html>[Note: I have used images from the browser instead of downloading them to give you a better experience, please avoid the long links of these images.]
To create a bookmark you will have to create an id of the section and add the same id with # sign in the href of <a> tag.
For example,
<a href="#idOfTheContent"> Click Here </a>
<section id="idOfTheContent" >
Text
Text
Text
</section>The id need not necessarily be added to <section> it can be added to any part where you would like your anchor tag to point.
