<!-- HTML --> <!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>Student Bio</title> </head> <body> <!-- Site Header --> <header> <!--The h1 tag should be used for the most important heading--> <h1>Student Profile</h1> </header> <!-- Section 1: Bio --> <section> <h2>Diego Jimenez Perez</h2> <!-- Image --> <img src="https://avatars.githubusercontent.com/u/96632452?v=4" alt="Diego Jimenez Picture"/> <!-- Paragraph with embedded link --> <p>This is my student bio, learning a bit of HTML with this example</p> </section> <!-- Section 2: Contact Info --> <section> <h2>Contact Info</h2> <!-- Unordered list --> <ul> <li><strong>Email:</strong> <a href="#">djpcoding8652@gmail.com</a></li> <li><strong>Github:</strong> <a href="https://github.com/diegojimenez77">diegojimenez77</a> </li> <li><strong>Portfolio:</strong> <a href="#">coming soon</a></li> </ul> </section> </body> </html>
<!-- CSS -->
<!-- JS -->
<!-- Instructions --> # 🏗️ Create a Webpage Using HTML Work with a partner to implement the following user story: * As a student, I want to create a biography page that includes an image, a paragraph about me, and my contact information. ## Acceptance Criteria * It's done when the main header reads "Student Bio". * It's done when there is a section that includes a name, an image, and a paragraph. * It's done when there is a second section that includes a subheader labeled "Contact Info" and a list that includes links to my email, GitHub, and portfolio. * It's done when the finished page matches the mockup. ## Assets The following image demonstrates the web application's appearance and functionality:  You can use this [placeholder image](https://via.placeholder.com/200). --- ## 💡 Hints How can you use header elements to define the most important heading and the subheaders? How will using different header elements impact the size of the text? ## 🏆 Bonus If you have completed this activity, work through the following challenge with your partner to further your knowledge: * What are the advantages of using semantic elements in your HTML? Use [Google](https://www.google.com) or another search engine to research this.