Table of contents
No headings in the article.
<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>Project 1</title>
<link rel="icon" type="image/x-icon" href="wallpaperflare.com_wallpaper.jpg">
</head>
<body>
<div>
<div>
<h1>Amal Gupta</h1>
<p> Contact: <a href="mailto:amalgupta8299@gmail.com">amalgupta8299@gmail.com</a></p>
<p> Linkedin: <a href="https://www.Linkedin.com">https://www.linkedin.com/in/amal-gupta-6a6847262</a></p>
<p> Hashnode: <a href="https://www.hashnode.com">https://hashnode.com/@amalgupta2709</a></p>
<p> Instagram: <a href="https://www.instagram.com">https://www.instagram.com/amalgupta2709/</a></p>
</div>
<table>
<tr>
<td><img src="image/Screenshot 2023-05-26 160611.png" height="150px" width="150px" alt="Amal Gupta"></td>
<td> About Amal Gupta = He is a Good Boy😎</td>
</tr>
</table>
<section>
<h2> Education </h2>
<ul>
<li>Schooling from Sunbeam School ,Ghazipur</li>
<li>Btech from Kiet Group Of Institutipns</li>
</ul>
</section>
<section>
<h2> Work Experience</h2>
<div>
<h3>Right now Learning</h3>
<p>Starting Date</p>
<ul>
<li>work 1</li>
<li>work 2</li>
<li>work 3</li>
</ul></div>
<div>
<h3>Work Completed</h3>
<p>dates</p>
<ul>
<li>work 1</li>
<li>work 2</li>
</ul>
</div>
</section>
<section>
<h2>Skills</h2>
<ul>
<li>first</li>
<li>second</li>
<li>third</li>
<li>fourth</li>
<li>fifth</li>
</ul>
</section>
<section>
<h2>Achievments</h2>
<ul>
<li>A1</li>
<li>A2</li>
<li>A3</li>
</ul>
</section>
<section><h2>Projects</h2>
<ul>
<li>
<h3>Project 1</h3>
<p>Details of project 1 <br> <a href="abcd.com">links attached to this project</a></p>
</li>
<li><h3>Project 2</h3>
<p>Details of project 2 <br> <a href="abcd.com">links attached to this project</a></p></li>
<li><h3>Project 3</h3>
<p>Details of project 3<br> <a href="abcd.com">links attached to this project</a></p></li>
</ul>
</section>
<section><h2>Frequently Asked Questions</h2>
<details>
<summary>What is Web development?</summary>
Web development refers to the creating, building, and maintaining of websites.
</details>
<details>
<summary>Benifits of Web development?</summary>
Short education time. ...
Salary. ...
High creative potential. ...
Ability to work in various work environments. ...
Freelance opportunities. ...
Career growth. ...
Opportunity for innovation and invention. ...
Chance to learn transferable skills.
</details>
</section>
<footer>
<p>© 2023 Amal Gupta. All rights reserved.</p>
</footer>
</div>
</body>
</html>
OUTPUT 👇👇
Explaining the different sections and elements in the above provided HTML code:
Title: Building a Personal Website: An HTML Breakdown
Introduction: In this blog post, we will explore the structure and content of a personal website coded in HTML. We'll break down the different sections and elements of the website to understand their purpose and how they contribute to the overall design. Let's dive in!
Section 1: Personal Information The personal information section introduces the website owner, Amal Gupta. It includes the name, email address, and links to their LinkedIn, Hashnode, and Instagram profiles. This section helps visitors to connect with Amal and learn more about them.
Section 2: About Amal Gupta This section displays an image of Amal Gupta along with a brief description. The image provides a visual representation, while the description provides a glimpse into Amal's personality or qualities.
Section 3: Education The education section lists the educational background of Amal Gupta. It includes the schools they attended, namely Sunbeam School in Ghazipur for schooling and Kiet Group Of Institutions for Btech. This information highlights Amal's academic qualifications.
Section 4: Work Experience The work experience section is divided into two parts: "Right now Learning" and "Work Completed." In the "Right Now Learning" subsection, the starting date is mentioned, followed by a list of ongoing projects or areas of study. The "Work Completed" subsection includes the dates and a list of completed projects or work experiences. This section demonstrates Amal's professional development and showcases their skills and expertise.
Section 5: Skills The skills section presents a list of skills possessed by Amal Gupta. The skills can be technical, interpersonal, or any other relevant abilities. This section provides insights into the areas where Amal excels.
Section 6: Achievements The achievements section highlights the notable accomplishments of Amal Gupta. It includes three achievements labeled A1, A2, and A3. This section showcases recognition and accomplishments in their respective fields.
Section 7: Projects The projects section showcases three projects: Project 1, Project 2, and Project 3. Each project is accompanied by a project description and a link for additional details. This section allows visitors to explore Amal's work and projects in detail.
Section 8: Frequently Asked Questions The Frequently Asked Questions (FAQ) section provides answers to common questions related to web development. Two questions are addressed: "What is Web development?" and "What are the benefits of Web development?" Each question is accompanied by a summary and a detailed answer. This section aims to provide valuable information and address potential queries visitors may have.
Section 9: Footer The footer section includes a copyright notice indicating that the content is protected and the rights belong to Amal Gupta. This section adds a professional touch and reinforces ownership of the website content.
Conclusion: In this blog post, we explored an HTML code for a personal website belonging to Amal Gupta. We examined each section and its purpose, from personal information and education to work experience, skills, achievements, projects, and frequently asked questions. Understanding the structure and content of a personal website allows us to create an effective online presence and showcase our skills and experiences. We hope this breakdown helps you in building your website.
" I hope this article has provided you with valuable insights and practical tips for enhancing your website's performance. If you have any questions or would like to share your experiences, please feel free to leave a comment below.
Thank you for reading, and I look forward to hearing your thoughts! ".