<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="en">
<head>
<title>sample temp</title>
<link rel="icon" href="http://sslabs.co.in/wp-content/uploads/2018/02/s1600-w286.png">
<meta charset="UTF-8">
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="css/legend.css">
</head>
<body>
<div class="row">
<div class="banner">
Legend!
</div>
<div class="menu">
<ul>
<li><a href="">Portfolio</a></li>
<li><a href="">Services</a></li>
<li><a href="">News</a></li>
<li><a href="">Team</a></li>
<li><a href="">Contact</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="row1">
<h1><span class="legend">Legend!</span> we make web a beautiful place.</h1>
<p>Signup for our Newsletter to be updated</p>
<input type="text" placeholder="you@yourmail.com">
<button>Notify me</button>
<div class="social-icon">
<a href=""><img src="images/g.png" width="50px" height="50px">
<a href=""><img src="images/f.png" width="50px" height="50px">
<a href=""><img src="images/s.png" width="50px" height="50px">
<a href=""><img src="images/t.png" width="50px" height="50px">
<a href=""><img src="images/p.png" width="50px" height="50px">
</div>
</div>
<div class="row2">
<p>Legend! we make web a beautiful place.</p>
<p>landscape Legend! we make web a beautiful place.</p>
<p>Legend! we make web a beautiful place.</p>
</div>
<div class="row3">
<img src="images/m.png" width="80px" height="80px" alt="">
<p>Portfolio....</p>
</div>
<div class="row4">
<div class="img1">
<img src="images/1.jpg" width="100%">
<h2>welcome to sslabs</h2>
<p>If a field in a table is optional, it is possible to insert a new record or update a record without adding a value to this field. Then, the field will be saved with a NULL valueIf a field in a table is optional, it is possible to insert a new record or update a record without adding a value to this field. Then, the field will be saved with a NULL value</p>
</div>
<div class="img2">
<img src="images/1.jpg" width="100%">
<h2>welcome to sslabs</h2>
<p>If a field in a table is optional, it is possible to insert a new record or update a record without adding a value to this field. Then, the field will be saved with a NULL valueIf a field in a table is optional, it is possible to insert a new record or update a record without adding a value to this field. Then, the field will be saved with a NULL value</p>
</div>
<div class="img3">
<img src="images/1.jpg" width="100%">
<h2>welcome to sslabs</h2>
<p>If a field in a table is optional, it is possible to insert a new record or update a record without adding a value to this field. Then, the field will be saved with a NULL valueIf a field in a table is optional, it is possible to insert a new record or update a record without adding a value to this field. Then, the field will be saved with a NULL value</p>
</div>
</div>
</body>
</html>
