TEST HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Profile</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>My Profile</h1>
</header>
<main>
<section class="profile">
<img src="profile-picture.jpg" alt="Profile Picture">
<h2>John Doe</h2>
<p>Web Developer</p>
</section>
<section class="contact">
<h3>Contact Information</h3>
<ul>
<li>Email: john.doe@example.com</li>
<li>Phone: +1234567890</li>
<li>Website: www.johndoe.com</li>
</ul>
</section>
<section class="about">
<h3>About Me</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae hendrerit ipsum. Nullam sed velit ut odio mollis suscipit vel nec quam.</p>
</section>
</main>
<footer>
<p>© 2023 John Doe</p>
</footer>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Profile</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>My Profile</h1>
</header>
<main>
<section class="profile">
<img src="profile-picture.jpg" alt="Profile Picture">
<h2>John Doe</h2>
<p>Web Developer</p>
</section>
<section class="contact">
<h3>Contact Information</h3>
<ul>
<li>Email: john.doe@example.com</li>
<li>Phone: +1234567890</li>
<li>Website: www.johndoe.com</li>
</ul>
</section>
<section class="about">
<h3>About Me</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae hendrerit ipsum. Nullam sed velit ut odio mollis suscipit vel nec quam.</p>
</section>
</main>
<footer>
<p>© 2023 John Doe</p>
</footer>
</body>
</html>