Name: Tharunsaisiddha
[Link]: 12410865
Input:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
margin: 0px;
#maindiv{
background-color:black;
height: 110px;
border: 1px solid black;
}
#maindiv2{
text-align: center;
border: 1px solid;
border-radius: 10px;
background-color: white;
margin-left: 80px;
margin-right: 80px;
height: 80px;
color: blue;
}
#div3{
background-color: grey;
text-align: center;
height: 20px;
}
#div4{
margin-left: 50px;
}
#div5{
padding: 20px;
}
#div6{
padding: 20px;
}
#div7{
width: 1530px;
border: 2px solid whitesmoke;
}
#div8{
width: 1530px;
border: 2px solid whitesmoke;
}
table{
width: 1530px;
border-collapse: collapse;
margin-left: 70px;
}
label{
display: block;
color: brown;
}
input[type="text"]{
width: 1530px;
}
#button1{
background-color: black;
color: whitesmoke;
margin-top: 5px;
padding: 5px;
width: 1540px;
cursor: pointer;
border-radius: 5px;
}
#div11{
height: 70px;
border: 1px solid black;
background-color :whitesmoke;
margin-top: 5px;
border-radius: 5px;
}
#div10{
color: brown;
margin-left: 70px;
}
#div12{
background-color:whitesmoke;
margin-left: 70px;
margin-right: 70px;
margin-top: 10px;
border-radius: 5px;
height: 50px;
}
#div13{
margin-right: 75px;
}
</style>
</head>
<body>
<div id="maindiv">
<div id="maindiv2">
<h1 style="margin-top:5px;">Riwick Smith</h1><br>
<p style="margin-top: -40px; color: blue;">Web Developer &
Designer</p>
</div>
</div>
<div id="div3">
<a style="text-decoration: none; color: black;"
href="#">About</a>
<a style="text-decoration: none; color: black;"
href="#">Project</a>
<a style="text-decoration: none; color: black;" href="#">Contact</a>
</div>
<div id="div4">
<div id="div5">
<h2 style="color: brown;">About Me</h2>
<p style="color: brown;">
Hello!I'm Ritwick Smith, apassionate with developer with a love
for creating beautiful and functional websites. I have experience in HTML ,
CSS , Javascript , and more
</p>
</div>
<div id="div6">
<h2 style="color: brown;">
My Projects
</h2>
<div id="div7">
<h3 style="color: brown;">
Project 1
</h3>
<p style="color: brown;">
A Description of Project [Link] Ipsum dolor sit amet,
consectetur adipiscing elit.
</p>
<div id="div8">
<h3 style="color: brown;">
Project 2
</h3>
<p style="color: brown;"> A Description of Project [Link]
Ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
</div>
<div id="div9">
<table border="1">
<caption style="color: brown; margin-top: 10px; font-size:
30px;">Project Statistics</caption>
<tr>
<th style="background-color: whitesmoke;">Project</th>
<th style="background-color:
whitesmoke;">Technologies</th>
<th style="background-color: whitesmoke;">Completion
Date</th>
</tr>
<tr>
<td>Project 1</td>
<td>HTML, CSS, Javascript</td>
<td>August 2024</td>
</tr>
<tr>
<td>Project 2</td>
<td>React,[Link]</td>
<td>June 2024</td>
</tr>
</table>
</div>
<div id="div10">
<h2 style="color: brown;">Contact Me</h2>
<form>
<label for="Name" style=" color: brown;">Name:</label>
<input style="width: 1530px;" for="name" id="name"><br>
<label for="Email">Email:</label>
<input style=" color: brown;" type="text" id="email"><br>
<div id="div13">
<fieldset>
<legend style="color: brown;">
Preferred Contact method
</legend>
<input type="radio" id="email" name="contact-method"
value="phone">Email
<input type="radio" id="email" name="contact-method"
value="phone">Phone
</fieldset>
</div>
<input type="checkbox"
id="newsletter"value="newsletter">Subscribe to Newsletter<br>
<button id="button1" >send</button>
</form>
</div>
<div id="div11" style="background-color: grey;">
<div id="div12" style="background-color: whitesmoke">
<footer style="color:blue;text-align: center; padding:
15px;">©2024 Riwick Smith.
All rights reserved
</footer>
</div>
</div>
</div>
</body>
</html>
Output: