Please its HTML homework show all the work nice and neat thank you Your assignme
ID: 3855139 • Letter: P
Question
Please its HTML homework show all the work nice and neat thank you
Your assignment 2 is to pick a template from the reading notes, sample files, or by creating your own, and build a web page using the template. This home page needs to include the following: 1. A header section with the name of the site. 2. A navigation section (either on the top, on the side, or in the footer), You do not A navigation section (either on the top, on the side, or in the footer). You do not need to create the any pages for the links to go to, but insert the hyperlinks in the navigation section anyways to get practice with links. 3. A main content section (you do not need to have any content yet, just put in some simple text) 4. You will need to incorporate at least 2 images into your home page (they can be the logo on the top, the navigation links, or just images within the main content)Explanation / Answer
<!--please do it in sublime and take a new folder, then inside new folder place 'image folder' place ur images , then specify the image location in src of image tag <img src="" />-->
<!DOCTYPE html>
<html>
<head>
<style>
ul {
margin-top: 50px;
padding: 0;
width: 250px;
height: 100%;
background-color: #f1f1f1;
position: fixed;
overflow: auto;
list-style-type: none;
}
li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}
li a.active {
background-color: #3a3b73;
color: white;
}
li a:hover:not(.active) {
background-color: #555;
color: white;
}
body {margin:0;}
.headerNav {
width: 100%;
position: fixed;
background:#2a1854;
color: #fff;
}
.headerNav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.headerNav a:hover {
background-color: #ddd;
color: black;
}
.headerNav .icon {
display: none;
}
.widhgt
{
}
</style>
</head>
<body>
<!-- Header Part -->
<div class="headerNav" id="headerNav" >
<a class="widhgt"><h3 class="widhgt">CHEGG</h3></a>
<a href="#home">Home</a>
<a href="#blogs">Blogs</a>
<a href="#news">News</a>
<a href="#aboutus">AboutUs</a>
</div>
</div>
<!-- End OF Header Part -->
<!-- Navigation Section -->
<ul>
<li><a class="active" href="#Dashboard">UserDashboard</a></li>
<li><a href="#sales">Sales</a></li>
<li><a href="#setting">Settings</a></li>
<li><a href="#summary">Summary</a></li>
</ul>
<!-- End Of Navigation Section -->
<!-- Content Section -->
<div>
<p>
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
</p>
<img src="Images/homepG.jpg" height="200" width="200"/>
<p>
Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget
</p>
<img src="Images/owl.jpg" height="200" width="200"/>
<div>
<img src="Images/owl.jpg" height="200" width="200"/>
</div>
</div>
<!-- End Of Content Section -->
</body>
</html>