mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 16:03:10 +01:00
197 lines
9.3 KiB
HTML
197 lines
9.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="webThemez.com">
|
|
|
|
<title>Retro - Free Consulting Responsive Website Template</title>
|
|
|
|
<link rel="shortcut icon" href="assets/images/favicon.png">
|
|
|
|
<link rel="stylesheet" media="screen" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
|
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
|
|
|
|
<!-- Custom styles for our template -->
|
|
<link rel="stylesheet" href="assets/css/bootstrap-theme.css" media="screen" >
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
|
|
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
<!--[if lt IE 9]>
|
|
<script src="assets/js/html5shiv.js"></script>
|
|
<script src="assets/js/respond.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Fixed navbar -->
|
|
<div class="navbar navbar-inverse navbar-fixed-top headroom" >
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<!-- Button for smallest screens -->
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
|
|
<a class="navbar-brand" href="index.html"><img src="assets/images/logo.png" alt="Retro HTML5 template"></a>
|
|
</div>
|
|
<div class="navbar-collapse collapse">
|
|
<ul class="nav navbar-nav pull-right">
|
|
<li><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="portfolio.html">Portfolio</a></li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <b class="caret"></b></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="sidebar-right.html">Right Sidebar</a></li>
|
|
<li><a href="#">Dummy Link1</a></li>
|
|
<li><a href="#">Dummy Link2</a></li>
|
|
<li><a href="#">Dummy Link3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
|
|
</ul>
|
|
</div><!--/.nav-collapse -->
|
|
</div>
|
|
</div>
|
|
<!-- /.navbar -->
|
|
|
|
<header id="head" class="secondary"></header>
|
|
|
|
<!-- container -->
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<!-- Sidebar -->
|
|
<aside class="col-md-4 sidebar sidebar-left">
|
|
|
|
<div class="row panel">
|
|
<div class="col-xs-12">
|
|
<h4>Lorem ipsum dolor sit</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, ratione delectus reiciendis nulla nisi pariatur molestias animi eos repellat? Vel.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row panel">
|
|
<div class="col-xs-12">
|
|
<h4>Lorem ipsum dolor sit</h4>
|
|
<p><img src="assets/images/1.jpg" alt=""></p>
|
|
</div>
|
|
</div>
|
|
<div class="row panel">
|
|
<div class="col-xs-12">
|
|
<h4>Lorem ipsum dolor sit</h4>
|
|
<p><img src="assets/images/2.jpg" alt=""></p>
|
|
<p>Qui, debitis, ad, neque reprehenderit laborum soluta dolor voluptate eligendi enim consequuntur eveniet recusandae rerum? Atque eos corporis provident tenetur.</p>
|
|
</div>
|
|
</div>
|
|
|
|
</aside>
|
|
<!-- /Sidebar -->
|
|
|
|
<!-- Article main content -->
|
|
<article class="col-md-8 maincontent">
|
|
<header class="page-header">
|
|
<h1 class="page-title">Lorem ipsum dolor sit amet, consectetur.</h1>
|
|
</header>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!</p>
|
|
<p>Consectetur cupiditate labore repudiandae beatae nisi fugiat facilis natus illum vitae doloremque. In, perspiciatis, natus, impedit voluptas itaque odio repudiandae placeat nisi totam repellendus earum dolores mollitia tempore quasi beatae alias cum dicta maxime laborum corporis harum porro magnam laboriosam.</p>
|
|
<p>Aut, eaque, minus atque alias odio mollitia cum nisi ipsa nulla natus quae minima similique ipsam aspernatur molestias animi in deleniti nam. Tempora, labore, modi eum perspiciatis doloremque sequi nam illo corporis iusto maiores nisi recusandae repellat animi reiciendis accusamus.</p>
|
|
|
|
<h2>A, quibusdam, nobis, eveniet consequatur</h2>
|
|
<p>A, quibusdam, nobis, eveniet consequatur alias doloremque officia blanditiis fuga et numquam labore reiciendis voluptas quis repellat quos sunt non dolore consectetur at sit nam tenetur dolorem? Harum, quas, sit perspiciatis esse odit temporibus aperiam nulla aspernatur sequi fugiat tempore?</p>
|
|
<p>Ad velit consequuntur quo qui odit quam sapiente repudiandae et ea pariatur? Ex sapiente beatae nobis consectetur ea. Deleniti, beatae, magnam, dolorum, fuga nostrum quas laboriosam sapiente temporibus enim voluptates ullam impedit atque quae provident quos mollitia aperiam perferendis amet.</p>
|
|
|
|
<blockquote>Numquam, ut iure quia facere totam quas odit illo incidunt. Voluptatem, nostrum, ex, quasi incidunt similique cum maxime expedita unde labore inventore excepturi veniam corporis sequi facere ullam voluptates amet illum quam fuga voluptatibus ipsum atque sunt eos. Ut, necessitatibus.</blockquote>
|
|
<p>Odit, laudantium, dolores, natus distinctio labore voluptates in inventore quasi qui nobis quis adipisci fugit id! Aliquam alias ea modi. Porro, odio, sed veniam hic numquam qui ad molestiae sint placeat expedita? Perferendis, enim qui numquam sequi obcaecati molestiae fugiat!</p>
|
|
<p>Aperiam, odit, quasi, voluptate fugiat quisquam velit magni provident corporis animi facilis illo eveniet eum obcaecati adipisci blanditiis quas labore doloribus eos veniam repudiandae suscipit tempora ad harum odio eius distinctio hic deleniti. Sunt fuga ad perspiciatis repellat deleniti omnis!</p>
|
|
|
|
<h3>Numquam, ut iure quia facere totam quas odit illo incidunt</h3>
|
|
<p>Est, maiores, fuga sed nemo qui veritatis ducimus placeat odit quisquam dolorum. Rem, sunt, praesentium veniam maiores quia molestias eos fugit eaque ducimus veritatis provident assumenda. Quia, fuga, voluptates voluptatibus quis enim nam asperiores aliquam dignissimos ullam recusandae debitis iste.</p>
|
|
<p>Dignissimos, beatae, praesentium illum eos autem perspiciatis? Minus, non, tempore, illo, mollitia exercitationem tempora quas harum odio dolores delectus quidem laudantium adipisci ducimus ullam placeat eaque minima quae iure itaque corporis magni nesciunt eius sed dolor doloremque id quasi nisi.</p>
|
|
</article>
|
|
<!-- /Article -->
|
|
|
|
</div>
|
|
</div> <!-- /container -->
|
|
|
|
<footer id="footer" class="top-space">
|
|
|
|
<div class="footer1">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-5 panel">
|
|
<h3 class="panel-title">Latest News</h3>
|
|
<div class="panel-body">
|
|
<p>Lorem ipsum dolor amet, consectetur adipiscing elit. Aenean leo lectus sollicitudin convallis eget libero. Aliquam laoreet tellus ut libero semper, egestas velit malesuada. Sed non risus eget dolor amet vestibulum ullamcorper. Integer feugiat molestie.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 panel contact">
|
|
<h3 class="panel-title">Contact Info</h4>
|
|
<div class="panel-body">
|
|
<p>Lorem ipsum dolor amet, consectetur adipiscing ipsum dolor.</p>
|
|
<ul>
|
|
<li><i class="fa fa-phone"></i>1-123-345-6789</li>
|
|
<li><a href="#"><i class="fa fa-envelope-o"></i> contact@webthemez.com</a></li>
|
|
<li><i class="fa fa-flag"></i>123 Smith Drive, Baltimore, MD 21212</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3 panel">
|
|
<h3 class="panel-title">Follow Us</h3>
|
|
<div class="panel-body">
|
|
<p class="follow-me-icons">
|
|
<a href=""><i class="fa fa-twitter fa-2"></i></a>
|
|
<a href=""><i class="fa fa-dribbble fa-2"></i></a>
|
|
<a href=""><i class="fa fa-github fa-2"></i></a>
|
|
<a href=""><i class="fa fa-facebook fa-2"></i></a>
|
|
<a href=""><i class="fa fa-youtube fa-2"></i></a>
|
|
<a href=""><i class="fa fa-pinterest fa-2"></i></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- /row of panels -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer2">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="col-md-6 panel">
|
|
<div class="panel-body">
|
|
<p class="simplenav">
|
|
<a href="index.html">Home</a> |
|
|
<a href="about.html">About</a> |
|
|
<a href="services.html">Services</a> |
|
|
<a href="portfolio.html">Portfolio</a> |
|
|
<a href="contact.html">Contact</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 panel">
|
|
<div class="panel-body">
|
|
<p class="text-right">
|
|
Copyright © 2014. Template by <a href="http://webthemez.com/" rel="develop">WebThemez.com</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- /row of panels -->
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
|
|
<!-- JavaScript libs are placed at the end of the document so the pages load faster -->
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
|
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
|
<script src="assets/js/headroom.min.js"></script>
|
|
<script src="assets/js/jQuery.headroom.min.js"></script>
|
|
<script src="assets/js/custom.js"></script>
|
|
</body>
|
|
</html> |