<!doctype html>
<html lang="en">
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Responsive Page</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</head>
<body class="homepage">
<header id="header">
<nav class="navbar navbar-inverse" role="banner">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div style="font-size:25px; color:white; padding:5px">Company Name</div>
</div>
<div class="collapse navbar-collapse navbar-right">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li ><a href="#">Link 1</a></li>
<li ><a href="#">Link 2</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="#">Dropdown 1</a></li>
<li><a href="#">Dropdown 2</a></li>
<li><a href="#">Dropdown 3</a></li>
<li><a href="#">Dropdown 4</a></li>
</ul>
</li>
<li ><a href="#">Link 4</a></li>
<li ><a href="#">Link 5</a></li>
<li ><a href="#">Link 6</a></li>
</ul>
</div>
</div>
</nav>
</header>
<section id="blog">
<div class="container">
<div class="blog">
<div class="row">
<div class="col-md-8">
<h2>At vero eos et accusam et justo</h2>
<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet</p>
</div>
<aside class="col-md-4">
<h2>At vero eos</h2>
<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</p>
</aside>
</div>
</div>
</div>
</section>
<section id="bottom">
<div class="container">
<div class="row">
<div class="col-md-5 col-sm-5">
<h3>Company Name</h3>
</div>
<div class="col-md-7 col-sm-7">
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="widget">
<h3>Bottom Menu 1</h3>
<ul>
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
<li><a href="#">Option 4</a></li>
<li><a href="#">Option 5</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="widget">
<h3>Bottom Menu 2</h3>
<ul>
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
<li><a href="#">Option 4</a></li>
<li><a href="#">Option 5</a></li>
<li><a href="#">Option 6</a></li>
<li><a href="#">Option 7</a></li>
<li><a href="#">Option 8</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="widget">
<h3>Bottom Menu 3</h3>
<ul>
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
</ul>
<br />
<h3>Bottom Menu 4</h3>
<ul>
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-sm-12">
© <a target="_blank" href="" title="tile">Copyright
</div>
</div>
</div>
</footer>
</body>
</html>