mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 16:03:10 +01:00
555 lines
26 KiB
HTML
555 lines
26 KiB
HTML
<!doctype html>
|
|
<!--[if IE 7 ]> <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
|
|
<!--[if IE 8 ]> <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
|
|
<!--[if IE 9 ]> <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
|
|
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-gb" class="no-js"> <!--<![endif]-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<!--[if lt IE 9]>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<![endif]-->
|
|
<title>Webthemez - Single page website</title>
|
|
<meta name="description" content="">
|
|
<meta name="author" content="webthemez">
|
|
<!--[if lt IE 9]>
|
|
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
<!--[if lte IE 8]>
|
|
<script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
|
|
<![endif]-->
|
|
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
|
|
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
|
|
<link rel="stylesheet" type="text/css" href="css/da-slider.css" />
|
|
<link rel="stylesheet" href="css/styles.css"/>
|
|
<!-- Font Awesome -->
|
|
<link href="font/css/font-awesome.min.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<header class="header">
|
|
<div class="container">
|
|
<nav class="navbar navbar-inverse" role="navigation">
|
|
<div class="navbar-header">
|
|
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a href="#" class="navbar-brand scroll-top logo"><b>Green</b>Corp</a>
|
|
</div>
|
|
<!--/.navbar-header-->
|
|
<div id="main-nav" class="collapse navbar-collapse">
|
|
<ul class="nav navbar-nav" id="mainNav">
|
|
<li class="active"><a href="#home" class="scroll-link">Home</a></li>
|
|
<li><a href="#aboutUs" class="scroll-link">About Us</a></li>
|
|
<li><a href="#services" class="scroll-link">Services</a></li>
|
|
<li><a href="#portfolio" class="scroll-link">Portfolio</a></li>
|
|
<li><a href="#team" class="scroll-link">Team</a></li>
|
|
<li><a href="#contactUs" class="scroll-link">Contact Us</a></li>
|
|
</ul>
|
|
</div>
|
|
<!--/.navbar-collapse-->
|
|
</nav>
|
|
<!--/.navbar-->
|
|
</div>
|
|
<!--/.container-->
|
|
</header>
|
|
<!--/.header-->
|
|
<div id="#top"></div>
|
|
<section id="home">
|
|
<div id="myCarousel" class="carousel slide" data-ride="carousel">
|
|
<!-- Indicators -->
|
|
<ol class="carousel-indicators">
|
|
<li data-target="#myCarousel" data-slide-to="0" class=""></li>
|
|
<li data-target="#myCarousel" data-slide-to="1" class="active"></li>
|
|
<li data-target="#myCarousel" data-slide-to="2" class=""></li>
|
|
</ol>
|
|
<div class="carousel-inner">
|
|
<div class="item">
|
|
<img data-src="images/chess-2.jpg" alt="First slide" src="images/chess-2.jpg" />
|
|
<div class="container">
|
|
<div class="carousel-caption">
|
|
<h1>Responsive Website</h1>
|
|
<h3>Its a Single Page Responsive Website.</h3>
|
|
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item active">
|
|
<img data-src="images/apple.jpg" alt="Second slide" src="images/apple.jpg">
|
|
<div class="container">
|
|
<div class="carousel-caption">
|
|
<h1>Mulit device compatability</h1>
|
|
<h3>Its a Responsive website with mulit device compatability</h3>
|
|
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<img data-src="images/windmills.jpg" alt="Third slide" src="images/windmills.jpg">
|
|
<div class="container">
|
|
<div class="carousel-caption">
|
|
<h1 id="">Technologies Include</h1>
|
|
<h3>Technologies: Bootstrap, HTML5, CSS3 and jQuery.</h3>
|
|
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
|
|
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
|
|
</div>
|
|
<div class="actionPanel">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-9 ">
|
|
<h3>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum..</h3>
|
|
</div>
|
|
<div class="col-sm-3 ">
|
|
<a href="#" class="btn btn-extra-large btn-primary spclBtn">Start Now!</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section id="aboutUs" class="page-section darkBg pDark pdingBtm30">
|
|
<div class="container">
|
|
<div class="heading text-center">
|
|
<!-- Heading -->
|
|
<h2>About Us</h2>
|
|
<p>At lorem ipsum available, but the majority have suffered alteration humour or randomised</p>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-4 col-sm-4">
|
|
<h3><i class="fa fa-desktop color"></i> What we do?</h3>
|
|
<!-- Paragraph -->
|
|
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit occaecat cupidatat non id est laborum.</p>
|
|
</div>
|
|
<div class="col-md-4 col-sm-4">
|
|
<!-- Heading -->
|
|
<h3><i class="fa fa-cloud color"></i> Why choose us?</h3>
|
|
<!-- Paragraph -->
|
|
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit occaecat cupidatat non id est laborum.</p>
|
|
</div>
|
|
<div class="col-md-4 col-sm-4">
|
|
<!-- Heading -->
|
|
<h3><i class="fa fa-home color"></i> Where are we?</h3>
|
|
<!-- Paragraph -->
|
|
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit occaecat cupidatat non id est laborum.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--/.container-->
|
|
</section>
|
|
|
|
<section id="services" class="page-section">
|
|
<div class="container">
|
|
<div class="heading text-center">
|
|
<!-- Heading -->
|
|
<h2>Services</h2>
|
|
<p>At lorem Ipsum available, but the majority have suffered alteration in some form by injected humour.</p>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<!-- item -->
|
|
<div class="col-md-4 text-center">
|
|
<i class="fa fa-arrows fa-2x circle"></i>
|
|
<h3>Responsive <span class="id-color">Design</span></h3>
|
|
<p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer elit imperdiet congue.</p>
|
|
</div><!-- end: -->
|
|
|
|
<!-- item -->
|
|
<div class="col-md-4 text-center">
|
|
<i class="fa fa-css3 fa-2x circle"></i>
|
|
<h3>HTML5/CSS3 <span class="id-color">Dev</span></h3>
|
|
<p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer elit imperdiet congue.</p>
|
|
</div><!-- end: -->
|
|
|
|
<!-- item -->
|
|
<div class="col-md-4 text-center">
|
|
<i class="fa fa-lightbulb-o fa-2x circle"></i>
|
|
<h3>JavaScript <span class="id-color">jQuery</span></h3>
|
|
<p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer ultricies sed elit impe.</p>
|
|
</div><!-- end: -->
|
|
|
|
<!-- item -->
|
|
<div class="col-md-4 text-center">
|
|
<i class="fa fa-globe fa-2x circle"></i>
|
|
<h3>Web <span class="id-color">Designing</span></h3>
|
|
<p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer elit imperdiet conempus.</p>
|
|
</div><!-- end:-->
|
|
<!-- item -->
|
|
<div class="col-md-4 text-center">
|
|
<i class="fa fa-desktop fa-2x circle"></i>
|
|
<h3>Wordpress <span class="id-color">Dev</span></h3>
|
|
<p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer ultricies sed elit imperdiet congue. Integer ultricies sed ligula eget tempus.</p>
|
|
</div><!-- end: -->
|
|
|
|
<!-- item -->
|
|
<div class="col-md-4 text-center">
|
|
<i class="fa fa-tablet fa-2x circle"></i>
|
|
<h3>Mobile <span class="id-color">Dev</span></h3>
|
|
<p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer elit imperdiet congue. Integer ultricies sed ultricies sed ligula eget tempus.</p>
|
|
</div><!-- end:-->
|
|
|
|
</div>
|
|
</div>
|
|
<!--/.container-->
|
|
</section>
|
|
|
|
<section id="portfolio" class="page-section section appear clearfix">
|
|
<div class="container">
|
|
|
|
<div class="heading text-center">
|
|
<!-- Heading -->
|
|
<h2>Portfolio</h2>
|
|
<p>At lorem Ipsum available, but the majority have suffered alteration in some form by injected humour.</p>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<nav id="filter" class="col-md-12 text-center">
|
|
<ul>
|
|
<li><a href="#" class="current btn-theme btn-small" data-filter="*">All</a></li>
|
|
<li><a href="#" class="btn-theme btn-small" data-filter=".webdesign" >Web Design</a></li>
|
|
<li><a href="#" class="btn-theme btn-small" data-filter=".photography">Photography</a></li>
|
|
<li ><a href="#" class="btn-theme btn-small" data-filter=".print">Print</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="col-md-12">
|
|
<div class="row">
|
|
<div class="portfolio-items isotopeWrapper clearfix" id="3">
|
|
|
|
<article class="col-md-4 isotopeItem webdesign">
|
|
<div class="portfolio-item">
|
|
<img src="images/portfolio/img1.jpg" alt="" />
|
|
<div class="portfolio-desc align-center">
|
|
<div class="folio-info">
|
|
<a href="images/portfolio/img1.jpg" class="fancybox"><h5>Project Name</h5>
|
|
<i class="fa fa-plus-circle fa-2x"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="col-md-4 isotopeItem photography">
|
|
<div class="portfolio-item">
|
|
<img src="images/portfolio/img2.jpg" alt="" />
|
|
<div class="portfolio-desc align-center">
|
|
<div class="folio-info">
|
|
<a href="images/portfolio/img2.jpg" class="fancybox"><h5>Project Name</h5>
|
|
<i class="fa fa-plus-circle fa-2x"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="col-md-4 isotopeItem photography">
|
|
<div class="portfolio-item">
|
|
<img src="images/portfolio/img3.jpg" alt="" />
|
|
<div class="portfolio-desc align-center">
|
|
<div class="folio-info">
|
|
<a href="images/portfolio/img3.jpg" class="fancybox"><h5>Project Name</h5>
|
|
<i class="fa fa-plus-circle fa-2x"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="col-md-4 isotopeItem print">
|
|
<div class="portfolio-item">
|
|
<img src="images/portfolio/img4.jpg" alt="" />
|
|
<div class="portfolio-desc align-center">
|
|
<div class="folio-info">
|
|
<a href="images/portfolio/img4.jpg" class="fancybox"><h5>Project Name</h5>
|
|
<i class="fa fa-plus-circle fa-2x"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="col-md-4 isotopeItem photography">
|
|
<div class="portfolio-item">
|
|
<img src="images/portfolio/img5.jpg" alt="" />
|
|
<div class="portfolio-desc align-center">
|
|
<div class="folio-info">
|
|
<a href="images/portfolio/img5.jpg" class="fancybox"><h5>Project Name</h5>
|
|
<i class="fa fa-plus-circle fa-2x"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="col-md-4 isotopeItem webdesign">
|
|
<div class="portfolio-item">
|
|
<img src="images/portfolio/img6.jpg" alt="" />
|
|
<div class="portfolio-desc align-center">
|
|
<div class="folio-info">
|
|
<a href="images/portfolio/img6.jpg" class="fancybox"><h5>Project Name</h5>
|
|
<i class="fa fa-plus-circle fa-2x"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="col-md-4 isotopeItem print">
|
|
<div class="portfolio-item">
|
|
<img src="images/portfolio/img7.jpg" alt="" />
|
|
<div class="portfolio-desc align-center">
|
|
<div class="folio-info">
|
|
<a href="images/portfolio/img7.jpg" class="fancybox"><h5>Project Name</h5>
|
|
<i class="fa fa-plus-circle fa-2x"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="col-md-4 isotopeItem photography">
|
|
<div class="portfolio-item">
|
|
<img src="images/portfolio/img8.jpg" alt="" />
|
|
<div class="portfolio-desc align-center">
|
|
<div class="folio-info">
|
|
<a href="images/portfolio/img8.jpg" class="fancybox"><h5>Project Name</h5>
|
|
<i class="fa fa-plus-circle fa-2x"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="col-md-4 isotopeItem print">
|
|
<div class="portfolio-item">
|
|
<img src="images/portfolio/img9.jpg" alt="" />
|
|
<div class="portfolio-desc align-center">
|
|
<div class="folio-info">
|
|
<a href="images/portfolio/img9.jpg" class="fancybox"><h5>Project Name</h5>
|
|
<i class="fa fa-plus-circle fa-2x"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section id="team" class="page-section">
|
|
<div class="container">
|
|
<div class="heading text-center">
|
|
<!-- Heading -->
|
|
<h2>Our Team</h2>
|
|
<p>At variations of passages of Lorem Ipsum available, but the majority have suffered alteration..</p>
|
|
</div>
|
|
<!-- Team Member's Details -->
|
|
<div class="team-content">
|
|
<div class="row">
|
|
<div class="col-md-3 col-sm-6 col-xs-6">
|
|
<!-- Team Member -->
|
|
<div class="team-member pDark">
|
|
<!-- Image Hover Block -->
|
|
<div class="member-img">
|
|
<!-- Image -->
|
|
<img class="img-responsive" src="images/photo-1.jpg" alt="">
|
|
</div>
|
|
<!-- Member Details -->
|
|
<h3>John Doe</h3>
|
|
<!-- Designation -->
|
|
<span class="pos">CEO</span>
|
|
<div class="team-socials">
|
|
<a href="#"><i class="fa fa-facebook"></i></a>
|
|
<a href="#"><i class="fa fa-google-plus"></i></a>
|
|
<a href="#"><i class="fa fa-twitter"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6 col-xs-6">
|
|
<!-- Team Member -->
|
|
<div class="team-member pDark">
|
|
<!-- Image Hover Block -->
|
|
<div class="member-img">
|
|
<!-- Image -->
|
|
<img class="img-responsive" src="images/photo-2.jpg" alt="">
|
|
</div>
|
|
<!-- Member Details -->
|
|
<h3>Larry Doe</h3>
|
|
<!-- Designation -->
|
|
<span class="pos">Art Director</span>
|
|
<div class="team-socials">
|
|
<a href="#"><i class="fa fa-facebook"></i></a>
|
|
<a href="#"><i class="fa fa-google-plus"></i></a>
|
|
<a href="#"><i class="fa fa-twitter"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6 col-xs-6">
|
|
<!-- Team Member -->
|
|
<div class="team-member pDark">
|
|
<!-- Image Hover Block -->
|
|
<div class="member-img">
|
|
<!-- Image -->
|
|
<img class="img-responsive" src="images/photo-3.jpg" alt="">
|
|
</div>
|
|
<!-- Member Details -->
|
|
<h3>Ranith Kays</h3>
|
|
<!-- Designation -->
|
|
<span class="pos">Manager</span>
|
|
<div class="team-socials">
|
|
<a href="#"><i class="fa fa-facebook"></i></a>
|
|
<a href="#"><i class="fa fa-google-plus"></i></a>
|
|
<a href="#"><i class="fa fa-twitter"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6 col-xs-6">
|
|
<!-- Team Member -->
|
|
<div class="team-member pDark">
|
|
<!-- Image Hover Block -->
|
|
<div class="member-img">
|
|
<!-- Image -->
|
|
<img class="img-responsive" src="images/photo-4.jpg" alt="">
|
|
</div>
|
|
<!-- Member Details -->
|
|
<h3>Joan Ray</h3>
|
|
<!-- Designation -->
|
|
<span class="pos">Creative</span>
|
|
<div class="team-socials">
|
|
<a href="#"><i class="fa fa-facebook"></i></a>
|
|
<a href="#"><i class="fa fa-google-plus"></i></a>
|
|
<a href="#"><i class="fa fa-twitter"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--/.container-->
|
|
</section>
|
|
|
|
<section id="contactUs" class="page-section">
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="heading text-center">
|
|
<!-- Heading -->
|
|
<h2>Contact Us</h2>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mrgn30">
|
|
<div class="col-sm-4">
|
|
<h4>Address:</h4>
|
|
<address>
|
|
WebThemez Company<br>
|
|
134 Stilla. Tae., 414515<br>
|
|
Leorislon, SA 02434-34534 USA <br>
|
|
</address>
|
|
<h4>Phone:</h4>
|
|
<address>
|
|
12345-49589-2<br>
|
|
</address>
|
|
</div>
|
|
<form method="post" action="" id="contactfrm" role="form">
|
|
|
|
<div class="col-sm-4">
|
|
<div class="form-group">
|
|
<label for="name">Name</label>
|
|
<input type="text" class="form-control" name="name" id="name" placeholder="Enter name" title="Please enter your name (at least 2 characters)">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email">Email</label>
|
|
<input type="email" class="form-control" name="email" id="email" placeholder="Enter email" title="Please enter a valid email address">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="phone">Phone</label>
|
|
<input name="phone" class="form-control required digits" type="tel" id="phone" size="30" value="" placeholder="Enter email phone" title="Please enter a valid phone number (at least 10 characters)">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="form-group">
|
|
<label for="comments">Comments</label>
|
|
<textarea name="comment" class="form-control" id="comments" cols="3" rows="5" placeholder="Enter your message…" title="Please enter your message (at least 10 characters)"></textarea>
|
|
</div>
|
|
<button name="submit" type="submit" class="btn btn-lg btn-primary" id="submit"> Submit</button>
|
|
<div class="result"></div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!--/.container-->
|
|
</section>
|
|
<section class="maps">
|
|
<iframe src="http://maps.google.com/maps?f=q&t=m&z=15&ll=-7.269152,112.733127&output=embed" width="100%" height="250" frameborder="0"></iframe>
|
|
</section>
|
|
<footer class="page-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4 col-sm-6 about">
|
|
<a href="#" class="logoDark"><h4>WebThemez</h4></a>
|
|
<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>
|
|
<ul class="socialIcons">
|
|
<li><a href="#" class="fbIcon" target="_blank"><i class="fa fa-facebook-square fa-lg""></i></a></li>
|
|
<li><a href="#" class="twitterIcon" target="_blank"><i class="fa fa-twitter-square fa-lg""></i></a></li>
|
|
<li><a href="#" class="googleIcon" target="_blank"><i class="fa fa-google-plus-square fa-lg""></i></a></li>
|
|
<li><a href="#" class="pinterest" target="_blank"><i class="fa fa-pinterest-square fa-lg""></i></a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 twitter">
|
|
<h4>Latest Tweets</h4>
|
|
<ul>
|
|
<li><a href="#">@John Doe</a> Lorem ipsum dolor amet, consectetur adipiscing
|
|
elit. Aenean leo lectus sollicitudin eget libero.<br><span>2 minutes ago</span></li>
|
|
<li><a href="#">@John Doe</a> Lorem ipsum dolor amet, consectetur adipiscing
|
|
elit. Aenean leo lectus sollicitudin eget libero.<br><span>About an hour ago</span></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-4 contact">
|
|
<h4>Contact Info</h4>
|
|
<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><!-- END Row -->
|
|
</div>
|
|
</footer>
|
|
<!--/.page-section-->
|
|
<section class="copyright">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="pull-left copyRights">Copyright 2014 All Rights Reserved</div> <div class="pull-right webThemez">Template by <a href="http://webThemez.com"> WebThemez.com</a></div>
|
|
</div>
|
|
</div> <!-- / .row -->
|
|
</div>
|
|
</section>
|
|
<a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>
|
|
|
|
<!--[if lte IE 8]><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><![endif]-->
|
|
<script src="js/modernizr-latest.js"></script>
|
|
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
|
|
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
|
<script src="js/jquery.isotope.min.js" type="text/javascript"></script>
|
|
<script src="js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
|
|
<script src="js/jquery.nav.js" type="text/javascript"></script>
|
|
<script src="js/jquery.cslider.js" type="text/javascript"></script>
|
|
<script src="js/custom.js" type="text/javascript"></script>
|
|
</body>
|
|
</html> |