mam-project-templates
Version:
my personal templating projects
183 lines (179 loc) • 7.35 kB
HTML
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Minifolio - Bootstrap Responsive Resume, Personal Portfolio Template</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<!-- header section -->
<section class="banner" role="banner">
<header id="header">
<!-- navigation section -->
<div class="header-content clearfix"> <a class="logo" href="#"><img src="images/logo.png" alt="Mafolio"></a>
<nav class="navigation" role="navigation">
<ul class="primary-nav">
<li><a href="about.html">About Me</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="#">External link</a></li>
</ul>
</nav>
<a href="#" class="nav-toggle">Menu<span></span></a> </div>
<!-- navigation section -->
</header>
<!-- banner text -->
<div class="container">
<div class="col-md-10 col-md-offset-1">
<div class="banner-text text-center">
<h1>Hey, I’m John</h1>
<p>Looking for a strategist and experienced designer,<br>
Scroll to see my work.</p>
<!-- banner text -->
</div>
</div>
</div>
</section>
<!-- header section -->
<!-- description text section -->
<section id="descripton" class="section descripton">
<div class="container">
<div class="col-md-10 col-md-offset-1 text-center">
<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet avida at eget metus.</p>
</div>
</div>
</section>
<!-- description text section -->
<!-- portfolio section -->
<section id="works" class="works section no-padding">
<div class="container-fluid">
<div class="row no-gutter">
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-1.jpg" class="work-box"> <img src="images/work-1.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<h5>Project Name</h5>
<p>Logo Design</p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-2.jpg" class="work-box"> <img src="images/work-2.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<h5>Project Name</h5>
<p>Website Design</p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-3.jpg" class="work-box"> <img src="images/work-3.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<h5>Project Name</h5>
<p>Branding</p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-4.jpg" class="work-box"> <img src="images/work-4.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<h5>Project Name</h5>
<p>Graphic Design</p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-5.jpg" class="work-box"> <img src="images/work-5.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<h5>Project Name</h5>
<p>Website Design</p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-6.jpg" class="work-box"> <img src="images/work-6.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<h5>Project Name</h5>
<p>Logo Design</p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-7.jpg" class="work-box"> <img src="images/work-7.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<h5>Project Name</h5>
<p>Branding</p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-8.jpg" class="work-box"> <img src="images/work-8.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<h5>Project Name</h5>
<p>Website Design</p>
</div>
</div>
<!-- overlay -->
</a> </div>
</div>
</div>
</section>
<!-- portfolio section -->
<!-- hire me section -->
<section id="hireme" class="section hireme">
<div class="container">
<div class="col-md-8 col-md-offset-2 text-center">
<h3>Need something specific?</h3>
<p>We are currently crafting new products but would love to hear from you.</p>
<a href="contact.html" class="btn btn-large">Hire me</a> </div>
</div>
</section>
<!-- hire me section -->
<!-- footer -->
<footer class="section footer">
<div class="footer-bottom">
<div class="container">
<div class="col-md-12">
<p>
<ul class="footer-share">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
<li><a href="#"><i class="fa fa-vimeo"></i></a></li>
</ul>
</p>
<p>© 2015 All rights reserved. All Rights Reserved<br>
Made with <i class="fa fa-heart pulse"></i> by <a href="http://www.designstub.com/">Designstub</a></p>
</div>
</div>
</div>
</footer>
<!-- footer -->
<!-- JS FILES -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/retina.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/main.js"></script>
</body>
</html>