32 lines
1.1 KiB
HTML
32 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>CSS Basics Combined Task</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<main class="container">
|
|
|
|
<div class="profile-card">
|
|
|
|
<img src="profile.jpg" alt="Profile Picture" class="profile-img">
|
|
|
|
<h1 class="user-name">Rupesh Bangar</h1>
|
|
<p class="tagline">Junior Web Developer</p>
|
|
|
|
<div class="bio-box">
|
|
<p><strong>Bio:</strong> This is a long biography to demonstrate the overflow property. CSS allows us to handle content that is larger than its container. By setting the height and the overflow property, we can ensure the layout stays intact while the user can still read all the text by scrolling inside this specific box.</p>
|
|
</div>
|
|
|
|
<form class="contact-form">
|
|
<input type="email" placeholder="Enter your email" required>
|
|
<button type="submit" id="submit-btn">Contact Me</button>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
|
|
</body>
|
|
</html> |