Skip to content

Instantly share code, notes, and snippets.

@Thilini5678

Thilini5678/gist:238eff73c1b72ec99d8095c21269fed7

Created February 18, 2021 14:27
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Thilini5678/238eff73c1b72ec99d8095c21269fed7 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Thilini5678/238eff73c1b72ec99d8095c21269fed7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCKTYPE html>
<html>
<head>
<style>
*{margin:0;}
.al{margin:0 auto; width:960px; height:450px; align:center;}
.top{background-color:blue; width:960px; height:140px;}
.wl{float:left; color:white; margin-top:45px; margin-left:12px;}
.side{background-color:purple; float:left; width:220px; height:450px; color:white;}
.middle{background-color:teal; width:960px; height:450px; align:center; color:white;}
.side ul li a{color:white;}
.ft{background-color:black; text-align:center; color:white; height:30px; width:960px; margin:140px auto;}
.sl{float:left; margin-top:25px; margin-left:12px;}
.list{float:left; margin-top:12px; margin-left:8px;}
.para{float:left; margin-top:25px; margin-left:12px;}
.tm{float:left; margin-top:7px; margin-left:350px;}
</style>
</head>
<body>
<div class="al">
<div class="top">
<div class="wl"> <h1><b>Welcome to Thilini's Website</b></h1></div>
</div>
<div class="side">
<div class="sl">Sidebar Links</div>
<div class="list">
<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>
</div>
</div>
<div class="middle">
<div class="para">I want to learn web designing</div>
</div>
</div>
<div class="ft">
<div class="tm"><footer>Copyright Recerved 2021-Thilini Kalansooriya</footer></div></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment