<html>
<head>
<title>About</title>
<style type="text/css">
.about {
text-align: center;
color: white;
margin-top: 100px;
}
img{
border-radius: 100%;
margin-top: 50px;
}
</style>
</head>
<body style="background-color: black;"">
<div class="about">
<h1>This is a heading</h1>
<p>This is a paragraph</p>
<img src="human.jpeg" />
</div>
</body>
</html>
<html>
<head>
<title>Achievements</title>
<style type="text/css">
.align {
text-align: center;
}
img {
border: 5px solid;
border-width: 10px;
box-shadow: 5px 10px 15px grey;
margin-right: 50px;
margin-top: 250px;
margin-left: 80px;
}
.text {
}
</style>
</head>
<body>
<h1 class="align" style="font-size: 60">List Of My Favorite Hobbies</h1>
<div id="container" style="position: relative">ZZZ
<img src="cricketplay.jpg" height="200" width="200" />
<h1 style="position: absolute; top: 190px; left: 140px">Cricket</h1>
<img src="bloggings.jpg" height="200" width="200" />
<h1 style="position: absolute; top: 190px; left: 480px">Blogging</h1>
<img src="musics.jpeg" height="200" width="200" />
<h1 style="position: absolute; top: 190px; left: 855px">Music</h1>
<img src="internetok.WEBP" height="200" width="200" />
<h1 style="position: absolute; top: 190px; left: 1110px">
Surfing the Internet
</h1>
<img src="readingbook.jpg" height="200" width="200" />
<h1 style="position: absolute; top: 190px; left: 1500px">
Reading Books
</h1>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Education</title>
<style type="text/css">
body {
background-image: url("");
}
.center {
text-align: center;
}
table,
td {
border: 1px solid gray;
margin-top: 10px;
border-style: dashed;
border-width: 1px;
height: 30px;
border-collapse: collapse;
}
th {
background-color: blue;
color: black;
border-style: dashed;
border-collapse: collapse;
}
.addlink:hover {
background-color: darkgray;
}
</style>
</head>
<body>
<table width="50%">
<tr>
<th>Name</th>
<td>OM NANDAGANVAKAR</td>
</tr>
<tr>
<th>USN</th>
<td>ENG20CS0240</td>
</tr>
<tr>
<th>Semester</th>
<td>4th Sem</td>
</tr>
<tr>
<th>Address</th>
<td>
shanti nagar 11th ward ,near VNC college HOSPETE
</td>
</tr>
<tr>
<th>Branch</th>
<td>Computer Science Engineering</td>
</tr>
<tr>
<th><b>Email</b></th>
<td><b>[email protected]</b></td>
</tr>
<tr>
<th>Gender</th>
<td>Male</td>
</tr>
<tr>
<th>Grade Scored</th>
<td>80/100</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>OM - ENG20CS0240</title>
</title>
<style type = "text/css">
.About{
background-color: maroon;
padding : 0.5%;
font-size: 20;
color:white;
margin-top: 50px;
}
.About:hover{
background:rgb(153, 199, 29);
}
</style>
</head>
<body>
<a class = "About" style="text-decoration: none" href = "About.html" target = "_blank">About</a>
<a class = "About" style="text-decoration: none" href = "intro.html" target = "_blank">Introduction</a>
<a class = "About" style="text-decoration: none" href = "Achieve.html" target = "_blank">Achievements</a>
<a class = "About" style="text-decoration: none" href = "edu.html" target = "_blank">Education</a>
<a class = "About" style="text-decoration: none" href = "Contact Us" target = "_blank">Contact Us</a>
<br>
<br>
<br>
<br>
<ol type="a">
<li>The Ol Type
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</li>
<li>
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</li>
<li>
<ol start="6" type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</li>
<li>
<ol start="6" type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</li>
</ol>
</div>
</body>
</html>
<html>
<head>
<title>Introduction</title>
<style type = "text/css">
.highlight{
background-color: aqua;
}
</style>
</head>
<body>
<h1>Character Entities Examples:</h1>
<ol>
<li>The address of a varable is represented as &a</li>
<li>5<6</li>
<li>10>5</li>
<li>This represents :"<b>Double quote</b>"</li>
<li>This represents :'<b>Single quote</b>'</li>
<li>One-fifth fraction is repsented as ⅕</li>
<li>The degree is represented as 180°</li>
<li>The currency of Europe is &euro</li>
<li class="highlight">© Jan 2021,OM.All copyrights reserved</li>
</ol>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Days</title>
<style type="text/css">
th {
font-weight: 700;
}
table {
border-collapse: collapse;
}
table thead th {
border-bottom: 1px solid #000;
}
img {
width: 180px;
height: auto;
}
</style>
</head>
<body>
<table style="width: 100%">
<thead>
<tr>
<th>Day</th>
<th>Image</th>
<th>Article Name</th>
<th>Author</th>
<th>Words</th>
<th>Shares</th>
</tr>
</thead>
<tr style="border-bottom: 1px solid black">
<td><strong>1</strong></td>
<td><img src="lamb.jpg" alt="baaaah" /></td>
<td>Bootstrap 4 CDN and Starter Template</td>
<td>Christina</td>
<td>913</td>
<td>2.846</td>
</tr>
<tr>
<td><strong>2</strong></td>
<td><img src="shaunsheep.jpg" alt="bigger baaaah" /></td>
<td>Bootstrap Grid 4 Tutorial and Examples</td>
<td>Christina</td>
<td>1434</td>
<td>3.417</td>
</tr>
</table>
</body>
</html>
<html lang=“en">
<head>
<meta charset="UTF-8" />
<title>Form</title>
<style type="text/css">
*{
background: orange;
}
</style>
</head>
<body>
<h1 style="text-align: center">Enter Your Details</h1>
<br />
<h3>ENTER NAME & USN</h3>
<form action="submit.html">
<label for="fname">First name:</label>
<input
type="text"
id="fname"
name="fname"
placeholder="Enter name here"
style="background: white"
/><br /><br />
<label for="usn">USN:</label>
<input
type="text"
id="usn"
name="usn"
placeholder="Enter usn here"
style="background: white"
/><br />
<h3>SELECT YEAR</h3>
<input type="radio" id="first" name="year" value="FIRST" size="20" />
<label for="year">FIRST</label>
<br />
<input type="radio" id="first" name="year" value="SECOND" size="20" />
<label for="year">SECOND</label>
<br />
<input type="radio" id="first" name="year" value="THIRD" size="20" />
<label for="year">THIRD</label>
<br />
<input type="radio" id="first" name="year" value="FOURTH" size="20" />
<label for="year">FOURTH</label>
<br />
<h3>SELECT SUBJECTS</h3>
<input type="checkbox" id="one" name="subject" value="WEB TECHNOLOGY" />
<label for="vehicle1"> WEB TECHNOLOGY</label><br />
<input
type="checkbox"
id="one"
name="subject"
value="DESIGN AND ANALYSIS OF ALGORITHMS"
/>
<label for="vehicle1"> DESIGN & ANALYSIS OF ALGORITHMS</label><br />
<input
type="checkbox"
id="one"
name="subject"
value="SIGNALS AND SYSTEMS"
/>
<label for="vehicle1"> SIGNALS & SYSTEMS</label><br /><br />
<a href="submit.html">
<input
style="background: white; padding: 5px"
type="submit"
value="Submit to another page"
/>
</a>
<br />
<p>Note that the form is not visible.</p>
<p>
Also note that the default width of text input fiels is 20 characters
long.
<html>
<head>
<title>Staircase Webpage</title>
<style type="text/css">
*{
font-size: 27px;
}
p{
margin: 0;
padding: 5px;
}
#sone {
margin-left: 45%;
border: 1px solid black;
width: 5%;
}
#stwo {
margin-left: 40%;
border: 1px solid black;
width: 10%;
}
#sthree {
margin-left: 35%;
border: 1px solid black;
width: 15%;
}
#sfour {
margin-left: 30%;
border: 1px solid black;
width: 20%;
}
</style>
</head>
<body>
<div class="staircase">
<p id="sone">The Summit!</p>
<p id="stwo">We're close to the end.</p>
<p id="sthree">The second step used a different foot.</p>
<p id="sfour">The first step is the hardest.</p>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Submitted</title>
<style type="text/css">
*{
background: yellow;
color: blue;
font-weight: 500;
}
</style>
</head>
<body>
<h1 style="text-align: center">SUBMITTED FORM DATA</h1>
</body>
</html>
