<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div id="container">
<div class="header">
<header>welcome to sslabs</header>
</div>
<div class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="img">
<img src="http://algoworks.com.s3-us-west-2.amazonaws.com/new-algoworks/wp-content/uploads/2016/03/06080740/Why-Choose-AngularJS-for-Your-Next-App1.jpg" width="100%" height="400px">
</div>
<div class="col2">
<p>W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie andW3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie and </p>
</div>
<div class="col2">
<p>W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie andW3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie and </p>
</div>
<div class="col4">
<img src="http://moduscreate.com/wp-content/uploads/2014/10/Screenshot-2014-10-02-09.42.12.png" width="100%" height="300px">
</div>
<div class="col4">
<p>W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie andW3Schools is optimized for learning, testing, and training. Examples mightdfasdfsfasfdsafasdfasdfasd</p>
</div>
<div class="col4">
<img src="https://www.codeproject.com/KB/aspnet/826307/Angular_Framework.png" width="100%" height="300px">
</div>
<div class="col4">
<p>W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie andW3Schools is optimized for learning, testing, and training. Examples mightdfasdfsfasfdsafasdfasdfasd</p>
</div>
<div class="clear"></div>
<div class="footer">
<footer>All Copy © Rights to sslabs</footer>
</div>
</div>
body{
background-color: #abc;
}
header{
height: 35px;
background-color: #ddd;
text-align: center;
font-size: 30px;
border-radius:10px;
}
.menu{
background-color: lightblue;
height: 40px;
margin: 5px 0px;
border-radius: 10px;
}
.menu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
.menu ul li{
float: left;
margin:10px;
padding: 5px;
}
.menu ul li a{
text-decoration: none;
background-color: lightgreen;
padding: 5px 10px;
border: 2px solid;
border-radius: 10px;
}
.menu ul li a:hover{
background-color: #fff;
color:#000;
}
.img img{
border-radius: 10px;
}
.col2{
width:45.5%;
float: left;
border:1px solid;
margin: 10px;
padding: 10px;
background-color: lightblue;
text-align: justify;
border-radius: 10px;
}
.col4{
width:24%;
float: left;
border:1px solid;
margin: 2.5px;
text-align: justify;
border-radius: 10px;
color:#fff;
}
.clear{
clear: both;
}
.footer{
text-align: center;
background-color: #ddd;
font-size: 20px;
}
