<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width-device-width">
<meta name="description" content="Articles and Blogs">
<meta name="keywords" content="web design, fitness , meditation , professional, others">
<meta name="author" content="Saif Ali">
<title>Blogs| Welcome</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<div class="container" >
<div id="branding">
<h1><span class="highlight">Articles</span> and Blogs</h1>
</div>
<nav>
<ul>
<li class="current"><a href="index.html">Home</a></li>
<li><a href="About.html">About</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="login.html">Login</a></li>
</ul>
</nav>
</div>
</header>
<section id="showcase">
<div class="container">
<h1>Publish your desired Articles</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tristique odio ac tortor consectetur, nec luctus ipsum mollis. Aenean id maximus lorem. </p>
</div>
</section>
<section id="newsletter">
<div class="container">
<h1>Subscribe to our Blogs</h1>
<form>
<input type="email" placeholder="Enter Article Name....">
<button type="submit" class="button_1">Search</button>
</form>
</div>
</section>
<section id="boxes">
<div class="container">
<div class="box">
<a href="fitness.html"target="_blank"><img src="./Images/fitness_PNG41.png"></a>
<h3>Fitness</h3>
<i><h4>by Saif Ali on 22-4-19</h4></i>
<p>To get started, I want to start with the idea of the all-rounder among the fitness blogs.</p>
</div>
<div class="box">
<a href="meditation.html"target="_blank">
<img src="./Images/Meditation-PNG-Image.png">
</a>
<h3>Meditation</h3>
<i><h4>by Saif Ali on 22-4-19</h4></i>
<p>If you’re brand new to meditation, this is a great place to start.</p>
</div>
<div class="box">
<a href="profession.html"target="_blank">
<img src="./Images/rb-tlds-profession.png" alt="">
</a>
<h3>Professions</h3>
<i><h4>by Saif Ali on 22-4-19</h4></i>
<p>The definition of professionalism is widespread and unique to whomever you may ask about it.</p>
</div>
<div class="box">
<a href="football.html"target="_blank"><img src="./Images/football.png" alt="">
</a>
<h3>Football</h3>
<i><h4>by Saif Ali on 22-4-19</h4></i>
<p>We at the Fanatic love for football recognize the many great football blogs and websites .</p>
</div>
<div class="box">
<a href="pollution.html"target="_blank"><img src="./Images/pollution.jpg" alt="">
</a>
<h3>Pollution</h3>
<i><h4>by Saif Ali on 22-4-19</h4></i>
<p>Short-lived climate pollutants like blackcarbons and methane aren't as well-known.</p>
</div>
<div class="box">
<a href="cooking.html"target="_blank"><img src="./Images/cooking.png" alt="">
</a>
<h3>Cooking</h3>
<i><h4>by Saif Ali on 22-4-19</h4></i>
<p>Well-tested interesting recipes, food science, techniques, equipment, and even food histories.</p>
</div>
</div>
</div>
</div>
</section>
<footer>
<p>Tech-Science Blog, Copyright © 2019</p>
</footer>
</body>
</html>