<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
<div class="container">
<div class="col-div-6">
<p class="logo"><span>M-</span>Softtech</p>
</div>
<div class="col-div-6">
<ul class="nav">
<li><a href="#">Blog</a></li>
<li><a href="#">Latest</a></li>
<li><a href="#">Contact</a></li>
<li><button>Subscribe</button></a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</header>
<section class="banner-section">
<div class="container">
<div class="col-div-6">
<h1 class="heading">A blog that people will<br> actually want to read</h1>
<p class="p1">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the </p>
<div class="input-box"><input type="text" placeholder="Enter Your Email"><button>Try it</button></div>
</div>
<div class="col-div-6">
<br><br><br><br>
<div style="text-align: center;"><img src="image/1.png" class="ban-img"></div>
</div>
<div class="clearfix"></div>
</div>
</section>
<section>
<div class="container">
<br><br>
<div class="col-div-6">
<div class="box-1">
<img src="image/2.jpg" class="b-img">
<h3 class="heading1">Travel</h3>
<p class="blog-heading">Beautiful Location For Travel</p>
<p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the Beautiful Location For Travel</p>
<p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
<span class="name">Manoj Singh . SEP 21, 2021</span>
</div>
</div>
<div class="col-div-6">
<div class="lr-box">
<div class="col-div-6">
<h3 class="heading1">Food</h3>
<p class="blog-heading-1">Good Food Good Health</p>
<p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting </p>
<span class="name">Manoj Singh . SEP 21, 2021</span>
</div>
<div class="col-div-6">
<img src="image/f.jpg" class="b-img-1">
</div>
<div class="clearfix"></div>
<hr class="line">
</div>
<div class="lr-box">
<div class="col-div-6">
<h3 class="heading1">Technology</h3>
<p class="blog-heading-1">Looking for tech blogs</p>
<p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting </p>
<span class="name">Manoj Singh . SEP 21, 2021</span>
</div>
<div class="col-div-6">
<img src="image/t.jpg" class="b-img-1">
</div>
<div class="clearfix"></div>
<hr class="line">
</div>
<div class="lr-box">
<div class="col-div-6">
<h3 class="heading1">Food</h3>
<p class="blog-heading-1">Good Food Good Health</p>
<p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting </p>
<span class="name">Manoj Singh . SEP 21, 2021</span>
</div>
<div class="col-div-6">
<img src="image/fun.jpg" class="b-img-1">
</div>
<div class="clearfix"></div>
<hr class="line">
</div>
</div>
<div class="clearfix"></div>
</div>
</section>
<br><br>
<section>
<div class="container" style="text-align:center;">
<h3>Latest stories</h3>
<br>
<div class="box-2">
<img src="image/e.jpg" class="b-img-1">
<h3 class="heading1">Entertainment</h3>
<p class="blog-heading-1">Entertainment good for health</p>
<p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting </p>
<span class="name">Manoj Singh . SEP 21, 2021</span>
</div>
<div class="box-2">
<img src="image/a.jpg" class="b-img-1">
<h3 class="heading1">Animals</h3>
<p class="blog-heading-1">Good Food Good Health</p>
<p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting </p>
<span class="name">Manoj Singh . SEP 21, 2021</span>
</div>
<div class="box-2">
<img src="image/p.jpg" class="b-img-1">
<h3 class="heading1">Photograpy</h3>
<p class="blog-heading-1">Good Food Good Health</p>
<p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting </p>
<span class="name">Manoj Singh . SEP 21, 2021</span>
</div>
<div class="clearfix"></div>
<div class="box-2">
<img src="image/fun.jpg" class="b-img-1">
<h3 class="heading1">Fun</h3>
<p class="blog-heading-1">Good Food Good Health</p>
<p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting </p>
<span class="name">Manoj Singh . SEP 21, 2021</span>
</div>
<div class="box-2">
<img src="image/f.jpg" class="b-img-1">
<h3 class="heading1">Food</h3>
<p class="blog-heading-1">Good Food Good Health</p>
<p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting </p>
<span class="name">Manoj Singh . SEP 21, 2021</span>
</div>
<div class="box-2">
<img src="image/2.jpg" class="b-img-1">
<h3 class="heading1">Food</h3>
<p class="blog-heading-1">Good Food Good Health</p>
<p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting </p>
<span class="name">Manoj Singh . SEP 21, 2021</span>
</div>
<div class="clearfix"></div>
</div>
</section>
<section class="foot-section">
<div class="container">
<div class="foot-inner">
<h1 class="heading" style="margin: 0px;">Get our weekly email</h1>
<p class="p1">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the </p>
<div class="input-box ibox2"><input type="text" placeholder="Enter Your Email"><button>Sign up</button></div>
</div>
</div>
</section>
<footer>
<div class="container">
<p>Copyright@ M-SoftTech</p>
</div>
</footer>
</body>
</html>