Skip to content

Instantly share code, notes, and snippets.

@isu3ru

isu3ru/thilini_1.html

Created February 18, 2021 13:52
Show Gist options
  • Save isu3ru/d92a941f62014379cf61d97f22992a54 to your computer and use it in GitHub Desktop.
Save isu3ru/d92a941f62014379cf61d97f22992a54 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
thilini_1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>First Page</title>
<style>
#wrapper {
width: 960px;
margin: 0px auto;
color: white;
}
#wrapper header {
padding: 25px 15px;
background-color: blue;
}
#wrapper content aside, #wrapper content section {
float: left;
height: 400px;
}
#wrapper content aside {
width: 200px;
background-color: purple;
padding: 10px;
}
#wrapper content section {
width: 720px;
padding: 10px;
background-color: teal;
}
#wrapper footer {
clear: both;
padding: 15px 10px;
text-align: center;
background-color: black;
}
#wrapper content aside ul li a{
color: white;
}
</style>
</head>
<body>
<div id="wrapper">
<header>
<h1>Welcome to Thillini's Website</h1>
</header>
<content>
<aside>
<p>Sidebar Links</p>
<ul>
<li><a href="">Home</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Our Projects</a></li>
<li><a href="">Services</a></li>
<li><a href="">Contact Us</a></li>
</ul>
</aside>
<section>
<p>Lorem, ipsum dolor sit amet, consectetur adipisicing elit. Ex facere libero voluptatum. Impedit architecto iusto adipisci natus error, doloribus ab, laborum suscipit quo corporis, vitae odit esse dicta ducimus, atque.</p>
</section>
</content>
<footer>Copyrights Reserved 2021 - Thilini Kalansooriya</footer>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment