Scribd
Upload
4 views2 pages

Eight

The document is an HTML template for a website called Horlartech, which focuses on providing online education in various fields such as Computer Science and Management. It features a header, a navigation menu, a welcome message, and a footer with copyright information. The layout is styled using CSS for a visually appealing presentation.

Uploaded by

Abdulwaheed Toheeb Olanrewaju
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views2 pages

Eight

The document is an HTML template for a website called Horlartech, which focuses on providing online education in various fields such as Computer Science and Management. It features a header, a navigation menu, a welcome message, and a footer with copyright information. The layout is styled using CSS for a visually appealing presentation.

Uploaded by

Abdulwaheed Toheeb Olanrewaju
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width=device-width, initial-scale =
1.0">
<style>
header {
text-align: center;
background-color: lightslategray;
font-size: 50px;
color: whitesmoke;
}
.contain {
display: grid;
background-color: lightgray;
grid-template-columns: auto auto;
padding: 5px;
grid-gap: 5px;
height: 250px;
}
.item1 {
background-color: lightslategray;
margin: 5px;
padding: 5px;
letter-spacing: 1px;
}
.item2 {
background-color: lightslategray;
margin: 5px;
padding: 5px;
letter-spacing: 1px;
}
footer {
background-color: lightslategray;
text-align: center;
color: white;
padding: 10px;
}
div.item1{
&ul{
color: wheat;
}
&li{
text-decoration: none;
font-style: italic;
}
}
</style>
</head>
<body>
<header>
<div>Horlartech</div>
</header>
<div class="contain">
<div class="item1">
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Jobs</a>
</li>
<li>
<a href="#">Library</a>
</li>
<li>
<a href="#">Articles</a>
</li>
<li>
<a href="#">Certification</a>
</li>
</ul>
</div>
<div class="item2">
<h2>Welcome to Horlartech point</h2>
<p>Horlartech.com is a dedicated website to provide
quality online education in the domains of Computer Science,
Information Technology, Programming Languages, and
other Engineering as well as Management subjects.
</p>
</div>
</div>
<footer>
<div>Copyrights © TUTORIALS POINT (INDIA) PRIVATE LIMITED. All
rights reserved.</div>
</footer>
</body>
</html>

You might also like