mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 16:03:10 +01:00
194 lines
9.5 KiB
HTML
194 lines
9.5 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="Techro is a modern and fully responsive Template by WebThemez.">
|
|
<meta name="author" content="webThemez.com">
|
|
<title>Techro - Flat Free Responsive bootstrap template</title>
|
|
<link rel="favicon" 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-->
|
|
<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">
|
|
<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="Techro 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">
|
|
|
|
<!-- Article main content -->
|
|
<article class="col-md-8 maincontent">
|
|
<header class="page-header">
|
|
<h1 class="page-title">Lorem ipsum dolor sit amet.</h1>
|
|
</header>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras scelerisque cursus erat vitae interdum. Nam vehicula, felis eu semper tincidunt, mauris risus ultricies dolor, a tristique arcu libero sit amet felis. Donec venenatis sed velit eget dignissim. Mauris tempor purus enim, vitae ultricies arcu scelerisque vel. Suspendisse ultrices ut dolor nec laoreet. Mauris luctus elit odio, in hendrerit odio aliquet et. Morbi vitae diam felis. Mauris vulputate nisi erat, adipiscing pretium lacus lacinia quis. Sed consectetur ipsum et leo posuere vestibulum. Vivamus mattis fringilla ultrices. Donec sit amet tincidunt arcu, sit amet adipiscing felis.</p>
|
|
|
|
<p>Cras accumsan sollicitudin eleifend. Nunc id lorem nulla. In pretium laoreet libero, at interdum nisi facilisis eget. Pellentesque dapibus, lectus in sollicitudin ullamcorper, urna sem sodales lacus, eget laoreet metus metus ut nibh. Integer tempor erat odio, quis eleifend lectus gravida in. Etiam sit amet tortor ullamcorper, interdum turpis gravida, convallis tortor. Ut venenatis lorem non iaculis malesuada.</p>
|
|
|
|
<p>Suspendisse faucibus, mauris eget dictum facilisis, libero sem lacinia diam, at vestibulum nulla nisi quis nisi. Donec at tempus arcu, non consectetur diam. Morbi vehicula sit amet velit et aliquet. Maecenas vel dui tristique, ornare nibh a, consectetur magna. Nunc sagittis turpis sem, eu euismod ipsum eleifend et. Duis a ligula augue. Morbi laoreet est at urna pellentesque lacinia.</p>
|
|
|
|
<h2>Facilis natus illum vitae doloremque</h2>
|
|
<p>In eleifend diam ipsum, a hendrerit sapien vehicula sed. Donec fermentum dolor in diam accumsan ultrices. Nullam interdum diam ut urna ullamcorper, ut vulputate mi tincidunt. Sed volutpat a nunc ut ultrices. Suspendisse tempor ornare nisi ac rhoncus. Quisque id tellus justo. In in quam sed lorem dignissim egestas. Vivamus est libero, tempus et pretium ac, ultricies ac augue. Quisque placerat vitae nisi eget facilisis. Quisque consectetur neque in ornare accumsan. Praesent at molestie nunc. Proin sollicitudin arcu posuere accumsan pretium. Maecenas tincidunt lorem arcu, vel semper justo congue et.</p>
|
|
|
|
<p>Aliquam sollicitudin in nulla ut sagittis. Fusce feugiat, sapien eget rutrum ullamcorper, lectus dui dapibus felis, blandit sagittis libero mi eu velit. Cras venenatis, arcu et ornare pharetra, quam ante accumsan libero, ac condimentum felis velit quis lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet urna est. Proin vulputate laoreet turpis ut pulvinar. Ut sollicitudin sem dui, vel elementum velit venenatis a. Fusce scelerisque tortor in augue consectetur lacinia. In at mattis mi.</p>
|
|
|
|
<blockquote>Venenatis, arcu et ornare pharetra, quam ante accumsan libero, ac condimentum felis velit quis lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet urna est. Proin vulputate laoreet turpis ut pulvinar.</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>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 -->
|
|
|
|
<!-- Sidebar -->
|
|
<aside class="col-md-4 sidebar sidebar-right">
|
|
|
|
<div class="row panel">
|
|
<div class="col-xs-12">
|
|
<h3>Lorem ipsum dolor sit</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras scelerisque cursus erat vitae interdum. Nam vehicula, felis eu semper tincidunt, mauris risus ultricies dolor, a tristique arcu libero sit amet felis. Donec venenatis sed velit eget dignissim.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row panel">
|
|
<div class="col-xs-12">
|
|
<h3>Lorem ipsum dolor sit</h3>
|
|
<p>
|
|
<img src="assets/images/1.jpg" alt=""></p>
|
|
<p>Morbi vitae diam felis. Mauris vulputate nisi erat, adipiscing pretium lacus lacinia quis. Sed consectetur ipsum.</p>
|
|
</div>
|
|
</div>
|
|
|
|
</aside>
|
|
<!-- /Sidebar -->
|
|
|
|
</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">About Techro</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 me</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/custom.js"></script>
|
|
</body>
|
|
</html>
|