<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width initial-scale=1">

<meta name="description" content="Learn the Python programming language">

<meta name="keywords" content="learn python, python tutorials, easy programming">

<meta name="author" content="Jerry Mba">

<title>Learn Python | Tutorials</title>

<link rel="stylesheet" type="text/css" href="css/style.css">

<link rel="icon" href="./img/py-topicon.png">

</head>

<body>

<header>

<div class="container">

<div id="branding">

<h1><span class="highlight">Jay</span> | Python Tutorials</h1>

</div>

<nav>

<ul>

<li><a href="index.html">Home</a></li>

<li class="current"><a href="tutorials.html" >Tutorials</a></li>

<li><a href="resources.html">Resources</a></li>

</ul>

</nav>

</div>

</header>

<section id="newsletter">

<div class="container">

<h1>Subscribe to our NewsLetter</h1>

<form>

<input type="email" name="email" placeholder="Enter your email..." />

<button class="button_1">Subscribe</button>

</form>

</div>

</section>

<section id="main">

<div class="container">

<article id="main-col">

<h1 class="page-title">About The Tutorials</h1>

<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi n</p>

<p class="bright">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi n</p>

</article>

<aside id="sidebar">

<div class="bright">

<h3>What You Will Learn</h3>

<p>Sed ut <strong>perspiciatis</strong> unde omnis iste natus error sit voluptatem accusantium doloremque.</p>

</div>

</aside>

</div>

</section>

<footer>

<p>Jay | Tutorials, Copyright &copy; 2019</p>

</footer>

</body>

</html>