Simple web page layouts examples

in this i share three types of very simple web page layouts you can donwload them from my facebook group the .html was uploaded here.

Download File from following Links:

---

Web Layout No 1.

Web Layout No 2

Web Layout No 3

---

---

<style>

h1,h2,p{text-align: center;color:#eee;}

.top h1{font-size: 800%;}

table{margin:3% auto;}

.top .top_left table td{padding: 20px;background-color: #b3b3b3;}

*{margin:0px;padding:0px;}

body{background-color: #f2ccff;}

.top{border: 2px solid;width: 95%;margin: auto;height: 45%;}

.top .top_left{border: 0px solid;width: 25%;height: 100%;float: left;background-color: #404040}

.top .top_right{border: 1px solid;width: 75%;height: 100%;margin: 0% 25%;background-color: #4f404f;}

.top .top_left .logo{width: 40%;margin:3% auto;height: 50%;border-radius: 100%;background-color:#b3b3b3;}

.menu{border: 2px solid;width: 95%;margin: auto;height: 8%;border-radius: 0px 0px 20px  20px; background-color: #737373;}

.mid{width: 95%;margin: auto;}

.mid .link_item{border: 2px solid olive;width: 25%;height: 100%;margin: 1% 1% 0% 0%;float: left;position: relative;background-color: #eee;border-radius: 10px; }

.mid .main_body{border: 2px solid olive;width:50%;margin: 1% 0%;height: 100%;float:left; position: relative;background-color: #eee;border-radius: 10px;}

.mid .right_links{border: 2px solid olive;width: 22%;height: 100%;margin: 1% 0% 0% 1%;position: relative;float: left;background-color: #eee;border-radius: 10px;}

.footer{width: 95%;margin: auto;height: 10%;float:left;margin-left: 2.5%;background-color: skyblue;}

</style>

---

<div class="top">

<div class="top_left">

<div class="logo">

</div>

<h2>Beginners Heap</h2><p>Some info about site</p>

<table><tr><td></td><td></td><td></td></tr></table>

</div>

<div class="top_right">

<h1>Slider here</h1>

</div>

</div>

<div class="menu">

</div>

<div class="mid">

<div class="link_item">

</div>

<div class="main_body">

</div>

<div class="right_links">

</div>

</div>

<div class="footer">

</div>

---