794 lines
38 KiB
HTML
794 lines
38 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
|
|
<title>Boson</title>
|
|
|
|
<!-- Styles -->
|
|
<link rel="stylesheet" href="css/prettyPhoto.css">
|
|
<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<link rel="stylesheet" href="css/jquery-ui.css">
|
|
<link rel="stylesheet" href="css/yamm/yamm.css">
|
|
<link rel="stylesheet" href="css/color-scheme/blue.css">
|
|
<link rel="stylesheet" href="css/responsive.css">
|
|
|
|
<!-- Base JS -->
|
|
<script src="js/jquery-1.9.1.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/jquery.sticky.js"></script>
|
|
<script src="js/stellar.js"></script>
|
|
<script src="js/main.js"></script>
|
|
|
|
<!-- Prety photo -->
|
|
<script src="js/jquery.prettyPhoto.js"></script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
$("a[rel^='prettyPhoto']").prettyPhoto();
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="main">
|
|
|
|
|
|
<!-- HEADER
|
|
============================================= -->
|
|
<div class="header">
|
|
<header>
|
|
<div class="navbar yamm navbar-default navbar-top">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
|
|
</div>
|
|
<div id="navbar-collapse-1" class="navbar-collapse collapse">
|
|
<!-- Search Form -->
|
|
<form action="/" class="b-search-form">
|
|
<div class="input-wrap">
|
|
<input type="text" placeholder="Search..">
|
|
</div>
|
|
</form>
|
|
<!-- End Search Form -->
|
|
<ul class="nav navbar-nav pull-right">
|
|
<li class="dropdown yamm-fw yamm-fw5">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a> <ul class="dropdown-menu">
|
|
<li>
|
|
<div class="yamm-content">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-3 m-submenu first">
|
|
<div class="mmenu-title">Home Pages</div>
|
|
<a href="index-1.html">Home Layout 1</a>
|
|
<a href="index-2.html">Home Layout 2</a>
|
|
<a href="index-3.html">Home Layout 3</a>
|
|
<a href="index-4.html">Home Layout 4</a>
|
|
<a href="index-5.html">Home Layout 5</a>
|
|
<a href="index-6.html">Home Layout 6</a>
|
|
<a href="index-7.html">Home Layout 7</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<a href="index-8.html">Home Layout 8</a>
|
|
<a href="index-9.html">Home Layout 9</a>
|
|
<a href="index-10.html">Home Layout 10</a>
|
|
<a href="index-11.html">Home Layout 11</a>
|
|
<div class="mmenu-title">Home - One Page</div>
|
|
<a href="index-onepage.html">One Page Default</a>
|
|
<a href="oncepage-topbar.html">One Page Topbar</a>
|
|
<a href="onepage-transparent.html">One Page Transparent</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<div class="mmenu-title">Landing Page 1-7</div>
|
|
<a href="home-restaurant.html">Home - Restaurant</a>
|
|
<a href="home-construction.html">Home - Construction</a>
|
|
<a href="home-hosting.html">Home - Hosting</a>
|
|
<a href="home-lawyer.html">Home - Lawyer</a>
|
|
<a href="home-fashion.html">Home - Fashion</a>
|
|
<a href="home-portfolio.html">Home - Portfolio</a>
|
|
<a href="home-landing.html">Home - App Landing</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<div class="mmenu-title">Landing Pages 8 - 14</div>
|
|
<a href="home-creative.html">Home - Creative</a>
|
|
<a href="home-marketing.html">Home - Marketing</a>
|
|
<a href="home-resume.html">Home - Resume</a>
|
|
<a href="home-medical.html">Home - Medical</a>
|
|
<a href="home-gym.html">Home - Gym</a>
|
|
<a href="home-church.html">Home - church</a>
|
|
<a href="home-charity.html">Home - Charity</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<div class="mmenu-title">Landing Pages 15-21 </div>
|
|
<a href="home-resume.html">Home - Resume</a>
|
|
<a href="home-portfolio2.html">Home - Portfolio 2</a>
|
|
<a href="home-app-landing.html">Home - App landing</a>
|
|
<a href="home-corporate.html">Home - Corporate</a>
|
|
<a href="home-hosting2.html">Home - Hosting</a>
|
|
<a href="home-marketing.html">Home - Marketing</a>
|
|
<a href="home-restaurant2.html">Home - Restaurant 2</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- Classic list -->
|
|
<li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Home - One Page</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="index-onepage.html">One Page Default</a></li>
|
|
<li><a href="oncepage-topbar.html">One Page Topbar</a></li>
|
|
<li><a href="onepagefullslider.html">One Page Full Slider</a></li>
|
|
<li><a href="onepage-transparent.html">One Page Transparent</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
|
|
<li><a href="onepage-construction.html">One Page - Construction</a></li>
|
|
<li><a href="onepage-hosting.html">One Page - Hosting</a></li>
|
|
<li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
|
|
<li><a href="onepage-fashion.html">One Page - Fashion</a></li>
|
|
<li><a href="onepage-landing.html">One Page - App Landing</a></li>
|
|
<li><a href="onepage-resume.html">One Page - Resume</a></li>
|
|
<li><a href="onepage-medical.html">One Page - Medical</a></li>
|
|
<li><a href="onepage-gym.html">One Page - Gym</a></li>
|
|
<li><a href="onepage-church.html">One Page - church</a></li>
|
|
<li><a href="onepage-charity.html">One Page - Charity</a></li>
|
|
<li><a href="onepage-corporate.html">One Page - Corporate</a></li>
|
|
</ul>
|
|
</li><li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
|
|
<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
|
|
<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
|
|
<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
|
|
<li><a href="index-transparent.html">Transparent Nav</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown yamm-fw">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<div class="yamm-content">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-3 m-submenu first">
|
|
<a href="about-us.html">About Us</a>
|
|
<a href="pricing.html">Pricing Tables</a>
|
|
<a href="testimonials.html">Testimonials</a>
|
|
<a href="testimonials-2.html">Testimonials: 2</a>
|
|
<a href="404-error-page.html">404 Error Page</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<a href="services-2.html">Services: 1</a>
|
|
<a href="services-3.html">Services: 2</a>
|
|
<a href="services-4.html">Services: 3</a>
|
|
<a href="services-5.html">Services: 4</a>
|
|
<a href="services-6.html">Services: 5</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<a href="meet-the-team.html">Meet The Team</a>
|
|
<a href="faq.html">F.A.Q.</a>
|
|
<a href="full-width-page.html">Full Width Page</a>
|
|
<a href="side-navigation.html">Side Navigation</a>
|
|
<a href="search-results.html">Search Results</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
|
|
<a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
|
|
<a href="no-title-bar.html">No Title Bar</a>
|
|
<a href="contact-us-1.html">Contact Us 1</a>
|
|
<a href="contact-us-2.html">Contact Us 2</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
|
|
<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
|
|
<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Single Project: Wide</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="portfolio-single-wide-image.html">Image</a></li>
|
|
<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
|
|
<li><a href="portfolio-single-wide-video.html">Video</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Single Project: Half</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="portfolio-single-half-image.html">Image</a></li>
|
|
<li><a href="portfolio-single-half-slider.html">Slider</a></li>
|
|
<li><a href="portfolio-single-half-video.html">Video</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="blog-large.html">Blog: Large Images</a></li>
|
|
<li><a href="blog-medium.html">Blog: Medium Images</a></li>
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Blog: Single Post</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="blog-single-image.html">Image</a></li>
|
|
<li><a href="blog-single-slider.html">Slider</a></li>
|
|
<li><a href="blog-single-video.html">Video</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="news.html">News</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
|
|
<li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
|
|
<li><a href="elements.html">Elements</a></li>
|
|
<li><a href="images.html">Images & Gallery</a></li>
|
|
<li><a href="lists.html">Lists</a></li>
|
|
<li><a href="columns.html">Grid Columns</a></li>
|
|
<li><a href="typography.html">Typography</a></li>
|
|
<li><a href="media.html">Media</a></li>
|
|
<li><a href="pricing-elements.html">Elements of Prices</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="./shop.html">Shop - Home</a></li>
|
|
<li><a href="./shop-single.html">Shop - Single</a></li>
|
|
<li><a href="./shop_checkout.html">Shop - Checkout</a></li>
|
|
<li><a href="./shop_cart.html">Shop - Cart</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
<!-- END HEADER
|
|
============================================= -->
|
|
|
|
<!-- TITLE BAR
|
|
============================================= -->
|
|
<div class="b-titlebar">
|
|
<div class="container layout">
|
|
<!-- Bread Crumbs -->
|
|
<ul class="crumbs">
|
|
<li>You are here:</li>
|
|
<li><a href="#">Home</a></li>
|
|
<li><a href="#">Blog Single: Video</a></li>
|
|
</ul>
|
|
<!-- Title -->
|
|
<h1>Blog Single: Video</h1>
|
|
</div>
|
|
</div>
|
|
<!-- END TITLE BAR
|
|
============================================= -->
|
|
|
|
<!-- CONTENT
|
|
============================================= -->
|
|
<div class="content shortcodes">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-9">
|
|
<div class="post">
|
|
<!-- Post Title & Meta -->
|
|
<h2>Laoreet Dolore Magna Aliquam Erat Volutpat</h2>
|
|
<div class="post-meta">
|
|
Posted by <span class="meta-author"><a href="#">Admin</a></span>
|
|
<span class="meta-date">on Jan 12, 2013</span>
|
|
<span class="meta-tags"><a href="#">Web Design.</a></span>
|
|
<span class="meta-comment"><a href="#">4 comments</a></span>
|
|
</div>
|
|
<!-- End Post Title & Meta -->
|
|
<!-- Video -->
|
|
<div class="element-wrap video-wrap">
|
|
<iframe src="http://player.vimeo.com/video/67500403?badge=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
|
|
</iframe>
|
|
</div>
|
|
<!-- End Video -->
|
|
<!-- Post Content -->
|
|
<div class="post-content">
|
|
<p>
|
|
Ut aenean pellentesque felis at turpis bibendum, duis eu consectetur sed tellus, blandit pulvinar dictum ac wisi libero a, nec sed ac elit. Fringilla penatibus orci est non mollit, suspendisse pulvinar egestas a donec, iaculis aenean, parturient velit elit ac viverra vestibulum, quis et nascetur rutrum nibh molestie fusce.
|
|
</p>
|
|
<!-- Blockquote -->
|
|
<div class="blockquote">
|
|
Sapien pede libero. Maecenas lacus aliquet et nisl nunc, per sed sed maecenas.Lectus tincidunt pellentesque augue urna sit sed, arcu sed ante ac montes pellentesque consectetuer.
|
|
</div>
|
|
<!-- End Blockquote -->
|
|
<p>
|
|
Fringilla penatibus orci est non mollit, suspendisse pulvinar egestas a donec. Vulputate mi dui suscipit, molestie vulputate libero fusce iaculis suscipit. Sapien pede libero. Maecenas lacus aliquet et nisl nunc, per sed sed maecenas.Lectus tincidunt pellentesque augue urna sit sed, arcu sed ante ac montes pellentesque consectetuer, neque magnis penatibus laoreet vehicula nulla orci, a malesuada justo laoreet ipsum, in ac fusce.
|
|
</p>
|
|
<!-- Success List -->
|
|
<ul class="b-list iconok strong">
|
|
<li><span>Sed ut perspiciatis unde omnis</span></li>
|
|
<li><span>Accusantium doloremque</span></li>
|
|
<li><span>Neque porro quisquam est</span></li>
|
|
</ul>
|
|
<!-- End Success List -->
|
|
<p>
|
|
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.
|
|
</p>
|
|
<!-- Gallery -->
|
|
<div class="b-gallery">
|
|
<div class="img-wrap">
|
|
<a class="pretty-photo-item" rel="prettyPhoto[gallery]" href="img/port/spring-flowers-big.jpg">
|
|
<img src="img/blog/2.jpg" alt="">
|
|
<div class="link-overlay icon-search"></div>
|
|
</a>
|
|
</div>
|
|
<div class="img-wrap">
|
|
<a class="pretty-photo-item" rel="prettyPhoto[gallery]" href="img/port/smiling-big.jpg">
|
|
<img src="img/blog/3.jpg" alt="">
|
|
<div class="link-overlay icon-search"></div>
|
|
</a>
|
|
</div>
|
|
<div class="img-wrap">
|
|
<a class="pretty-photo-item" rel="prettyPhoto[gallery]" href="img/port/yacht-sailing-big.jpg">
|
|
<img src="img/blog/4.jpg" alt="">
|
|
<div class="link-overlay icon-search"></div>
|
|
</a>
|
|
</div>
|
|
<div class="img-wrap">
|
|
<a class="pretty-photo-item" rel="prettyPhoto[gallery]" href="img/port/music-night-club-big.jpg">
|
|
<img src="img/blog/5.jpg" alt="">
|
|
<div class="link-overlay icon-search"></div>
|
|
</a>
|
|
</div>
|
|
<div class="img-wrap">
|
|
<a class="pretty-photo-item" rel="prettyPhoto[gallery]" href="img/port/work-from-home-big.jpg">
|
|
<img src="img/blog/6.jpg" alt="">
|
|
<div class="link-overlay icon-search"></div>
|
|
</a>
|
|
</div>
|
|
<div class="img-wrap">
|
|
<a class="pretty-photo-item" rel="prettyPhoto[gallery]" href="img/port/surfer-big.jpg">
|
|
<img src="img/blog/8.jpg" alt="">
|
|
<div class="link-overlay icon-search"></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- End Gallery -->
|
|
<p>
|
|
Fringilla penatibus orci est non mollit, suspendisse pulvinar egestas a donec. Vulputate mi dui suscipit, molestie vulputate libero fusce iaculis suscipit. Sapien pede libero. Maecenas lacus aliquet et nisl nunc, per sed sed maecenas.Lectus tincidunt pellentesque augue urna sit sed, arcu sed ante ac montes pellentesque consectetuer, neque magnis penatibus laoreet vehicula nulla orci, a malesuada justo laoreet ipsum, in ac fusce.
|
|
</p>
|
|
<!-- Tags -->
|
|
<div class="b-tag-cloud">
|
|
<span>Tags: </span>
|
|
<a href="#">beach</a>
|
|
<a href="#">bar</a>
|
|
<a href="#">blog</a>
|
|
</div>
|
|
<!-- End Tags -->
|
|
</div>
|
|
<!-- End Post Content -->
|
|
<!-- About the Author -->
|
|
<div class="b-user-info">
|
|
<div class="user-info-ava">
|
|
<img src="img/team/team-5.jpg" alt="">
|
|
</div>
|
|
<div class="user-info-bio">
|
|
<div class="user-info-name">
|
|
About the Author
|
|
</div>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl <a href="#" class="link">@jhon_doe_lorem</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<!-- End About the Author -->
|
|
<!-- Related Posts -->
|
|
<div class="title">
|
|
<h3 class="lined related-post-head">Related Posts</h3>
|
|
</div>
|
|
<div class="row related-post">
|
|
<!-- Related Post 1 -->
|
|
<div class="row-item col-md-3">
|
|
<div class="post-preview">
|
|
<a href="blog-single-image.html" class="post-image">
|
|
<img src="img/blog/bm-4.jpg" alt="">
|
|
<div class="link-overlay icon-chevron-right"></div>
|
|
</a>
|
|
|
|
<h5><a href="blog-single-image.html" class="dark-link">Lobortis Nisl Ut Aliquip</a></h5>
|
|
|
|
<div class="post-meta">
|
|
<span class="meta-date">Jan 12, 2013</span>
|
|
<span class="meta-comment"><a href="#">2 comments</a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Related Post 2 -->
|
|
<!-- Related Post 2 -->
|
|
<div class="row-item col-md-3">
|
|
<div class="post-preview">
|
|
<a href="blog-single-image.html" rel="prettyPhoto" class="post-image">
|
|
<img src="img/blog/bm-2.jpg" alt="">
|
|
<div class="link-overlay icon-chevron-right"></div>
|
|
</a>
|
|
<h5><a href="blog-single-image.html" class="dark-link">Illum Dolore Eu Feugiat</a></h5>
|
|
<div class="post-meta">
|
|
<span class="meta-date">Jan 12, 2013</span>
|
|
<span class="meta-comment"><a href="#">1 comments</a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Related Post 2 -->
|
|
<!-- Related Post 3 -->
|
|
<div class="row-item col-md-3">
|
|
<div class="post-preview">
|
|
<a href="blog-single-image.html" rel="prettyPhoto" class="post-image">
|
|
<img src="img/blog/bm-3.jpg" alt="">
|
|
<div class="link-overlay icon-chevron-right"></div>
|
|
</a>
|
|
|
|
<h5><a href="blog-single-image.html" class="dark-link">Consectetuer Adipiscing Elit</a></h5>
|
|
|
|
<div class="post-meta">
|
|
<span class="meta-date">Jan 12, 2013</span>
|
|
<span class="meta-comment"><a href="#">4 comments</a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Related Post 3 -->
|
|
</div>
|
|
<!-- End Related Posts -->
|
|
<!-- Comments -->
|
|
<div class="title">
|
|
<h3 class="lined">Responses (4)</h3>
|
|
</div>
|
|
<div class="b-comments">
|
|
<!-- Comment 1 -->
|
|
<div class="comment">
|
|
<!-- Comment 1 Avatar -->
|
|
<div class="comment-ava">
|
|
<img src="img/team/team-5.jpg" alt="">
|
|
</div>
|
|
<!-- End Comment 1 Avatar -->
|
|
<div class="comment-content">
|
|
<!-- Comment 1 Meta -->
|
|
<div class="comment-meta">
|
|
<div>
|
|
<a href="#" class="comment-name">Admin</a>
|
|
</div>
|
|
<span class="comment-date">jan 7, 2013 at 3:56 pm</span>
|
|
<span class="btn-reply"><b>reply</b></span>
|
|
</div>
|
|
<!-- End Comment 1 Meta -->
|
|
<!-- Comment 1 Content -->
|
|
<p>
|
|
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
|
|
</p>
|
|
<!-- End Comment 1 Content -->
|
|
</div>
|
|
<!-- End Comment 1 -->
|
|
<!-- Comment 2 -->
|
|
<div class="comment comment-reply">
|
|
<!-- Comment 2 Avatar -->
|
|
<div class="comment-ava">
|
|
<img src="img/ava.jpg" alt="">
|
|
</div>
|
|
<!-- End Comment 2 Avatar -->
|
|
<div class="comment-content">
|
|
<!-- Comment 2 Meta -->
|
|
<div class="comment-meta">
|
|
<div>
|
|
<a href="#" class="comment-name">Andrew</a>
|
|
</div>
|
|
<span class="comment-date">jan 7, 2013 at 3:56 pm</span>
|
|
<span class="btn-reply"><b>reply</b></span>
|
|
</div>
|
|
<!-- End Comment 2 Meta -->
|
|
<!-- Comment 2 Content -->
|
|
<p>
|
|
Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.
|
|
</p>
|
|
<!-- End Comment 2 Content -->
|
|
</div>
|
|
<!-- End Comment 2 -->
|
|
<!-- Comment 3 -->
|
|
<div class="comment comment-reply">
|
|
<!-- Comment 3 Avatar -->
|
|
<div class="comment-ava">
|
|
<img src="img/team/team-6.jpg" alt="">
|
|
</div>
|
|
<!-- End Comment 3 Avatar -->
|
|
<div class="comment-content">
|
|
<!-- Comment 3 Meta -->
|
|
<div class="comment-meta">
|
|
<div>
|
|
<a href="#" class="comment-name">Jane</a>
|
|
</div>
|
|
<span class="comment-date">jan 7, 2013 at 3:56 pm</span>
|
|
<span class="btn-reply"><b>reply</b></span>
|
|
</div>
|
|
<!-- End Comment 3 Meta -->
|
|
<!-- Comment 3 Content -->
|
|
<p>
|
|
Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias.
|
|
</p>
|
|
<!-- End Comment 3 Content -->
|
|
</div>
|
|
</div>
|
|
<!-- End Comment 3 -->
|
|
</div>
|
|
</div>
|
|
<!-- Comment 4 -->
|
|
<div class="comment">
|
|
<!-- Comment 4 Avatar -->
|
|
<div class="comment-ava">
|
|
<img src="img/ava.jpg" alt="">
|
|
</div>
|
|
<!-- End Comment 4 Avatar -->
|
|
<div class="comment-content">
|
|
<!-- Comment 4 Meta -->
|
|
<div class="comment-meta">
|
|
<div>
|
|
<a href="#" class="comment-name">Lola</a>
|
|
</div>
|
|
<span class="comment-date">jan 7, 2013 at 3:56 pm</span>
|
|
<span class="btn-reply"><b>reply</b></span>
|
|
</div>
|
|
<!-- End Comment 4 Meta -->
|
|
<!-- Comment 4 Content -->
|
|
<p>
|
|
Deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas.
|
|
</p>
|
|
<!-- End Comment 4 Content -->
|
|
</div>
|
|
</div>
|
|
<!-- End Comment 4 -->
|
|
</div>
|
|
<!-- Comment Form -->
|
|
<div class="b-comment-form">
|
|
<div class="title">
|
|
<h3 class="lined">Leave a reply</h3>
|
|
</div>
|
|
<form class="b-form comment-form" action="/">
|
|
<div class="input-wrap">
|
|
<i class="icon-user"></i>
|
|
<input type="text" placeholder="Name (required)">
|
|
</div>
|
|
<div class="input-wrap">
|
|
<i class="icon-envelope"></i>
|
|
<input type="text" placeholder="E-mail (required)">
|
|
</div>
|
|
<div class="input-wrap">
|
|
<i class="icon-link"></i>
|
|
<input type="text" placeholder="Web-Site">
|
|
</div>
|
|
<div class="textarea-wrap">
|
|
<i class="icon-pencil"></i>
|
|
<textarea name="" placeholder="Comment"></textarea>
|
|
</div>
|
|
<input class="btn-submit btn colored" type="submit" value="Submit Comment">
|
|
<a href="#" class="link cancel-reply2">Cancel Reply</a>
|
|
</form>
|
|
</div>
|
|
<!-- End Comment Form -->
|
|
</div>
|
|
</div>
|
|
<!-- Sidebar -->
|
|
<div class="row-item col-md-3 sidebar">
|
|
<!-- Search Widget -->
|
|
<div class="b-blog-search">
|
|
<form class="b-form" action="/">
|
|
<div class="input-wrap">
|
|
<i class="icon-search"></i>
|
|
<input type="text" placeholder="Search..">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- End Search Widget -->
|
|
<!-- Categories List -->
|
|
<h3>Categories</h3>
|
|
<ul class="b-list b-categories">
|
|
<li><a href="#">Voluptas <b class="count">(28)</b></a></li>
|
|
<li><a href="#">Recusandae <b class="count">(16)</b></a></li>
|
|
<li><a href="#">Maiores <b class="count">(12)</b></a></li>
|
|
</ul>
|
|
<!-- End Categories List -->
|
|
<!-- Recent Posts -->
|
|
<h3>Recent Posts</h3>
|
|
<ul class="b-list recent-post">
|
|
<li><a href="#">At vero eos et accusamus</a></li>
|
|
<li><a href="#">Et harum quidem rerum</a></li>
|
|
<li><a href="#">Necessitatibus saepe eveniet</a></li>
|
|
</ul>
|
|
<!-- End Recent Posts -->
|
|
<!-- Latest Projects -->
|
|
<h3 style="margin-bottom: 20px;">Latest Projects</h3>
|
|
<div class="latest-project">
|
|
<div class="latest-project-item">
|
|
<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="latest-project-item">
|
|
<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
|
|
</div>
|
|
<div class="latest-project-item">
|
|
<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
|
|
</div>
|
|
<div class="latest-project-item">
|
|
<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
|
|
</div>
|
|
<div class="latest-project-item">
|
|
<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
|
|
</div>
|
|
<div class="latest-project-item">
|
|
<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
|
|
</div>
|
|
</div>
|
|
<!-- End Latest Project -->
|
|
<!-- Twitter Widget -->
|
|
<h3>Twitter Widget</h3>
|
|
<div class="b-twitter">
|
|
<ul>
|
|
<li>
|
|
<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
|
|
<span class="twit-date">Jan 7, 2013</span>
|
|
</li>
|
|
<li>
|
|
<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
|
|
<span class="twit-date">Jan 7, 2013</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End Twitter Widget -->
|
|
<!-- Tag Cloud -->
|
|
<h3 style="margin-bottom: 20px;">Tag Cloud</h3>
|
|
<div class="b-tag-cloud">
|
|
<a href="#">beach</a>
|
|
<a href="#">bar</a>
|
|
<a href="#">blog</a>
|
|
<a href="#">business</a>
|
|
<a href="#">coctail</a>
|
|
</div>
|
|
<!-- End Tag Cloud -->
|
|
</div>
|
|
<!-- End Sidebar -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END CONTENT
|
|
============================================= -->
|
|
|
|
<!-- FOOTER
|
|
============================================= -->
|
|
<div class="footer">
|
|
<!-- Widget Area -->
|
|
<div class="b-widgets">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<!-- Links -->
|
|
<div class="row-item col-md-3">
|
|
<h3>Links</h3>
|
|
<ul class="b-list just-links m-dark">
|
|
<li><a href="#">Voluptas Assumenda</a></li>
|
|
<li><a href="#">Repudiandae Sint</a></li>
|
|
<li><a href="#">Perferendis Doloribus</a></li>
|
|
<li><a href="#">Maxime Placeat</a></li>
|
|
<li><a href="#">Quidem Rerum</a></li>
|
|
<li><a href="#">Occaecati Cupiditate</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- End Links -->
|
|
<!-- Latest Tweets -->
|
|
<div class="row-item col-md-3">
|
|
<h3>Latest Tweets</h3>
|
|
<div class="b-twitter m-footer">
|
|
<ul>
|
|
<!-- Twitter Message 1 -->
|
|
<li>
|
|
<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
|
|
<span class="twit-date">Jan 7, 2013</span>
|
|
</li>
|
|
<!-- Twitter Message 2 -->
|
|
<li>
|
|
<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
|
|
<span class="twit-date">Jan 7, 2013</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- End Latest Tweets -->
|
|
<!-- Tag Cloud -->
|
|
<div class="row-item col-md-3">
|
|
<h3>Popular Tags</h3>
|
|
<div class="b-tag-cloud m-dark">
|
|
<a href="#">beach</a>
|
|
<a href="#">bar</a>
|
|
<a href="#">blog</a>
|
|
<a href="#">business</a>
|
|
<a href="#">coctail</a>
|
|
</div>
|
|
</div>
|
|
<!-- End Tag Cloud -->
|
|
<!-- Contact Form -->
|
|
<div class="row-item col-md-3">
|
|
<h3>Contact Form</h3>
|
|
<!-- Success Message -->
|
|
<div class="form-message"></div>
|
|
<!-- Form -->
|
|
<form class="b-form b-contact-form" action="contact.php">
|
|
<div class="input-wrap m-full-width">
|
|
<i class="icon-user"></i>
|
|
<input class="field-name" type="text" placeholder="Name (required)">
|
|
</div>
|
|
<div class="input-wrap m-full-width">
|
|
<i class="icon-envelope"></i>
|
|
<input class="field-email" type="text" placeholder="E-mail (required)">
|
|
</div>
|
|
<div class="textarea-wrap">
|
|
<i class="icon-pencil"></i>
|
|
<textarea class="field-comments" placeholder="Message"></textarea>
|
|
</div>
|
|
<input class="btn-submit btn colored" type="submit" value="Send">
|
|
</form>
|
|
<!-- End Contact Form -->
|
|
</div>
|
|
<!-- End Get In Touch -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Widget Area -->
|
|
<!-- Copyright Area -->
|
|
<div class="b-copyright">
|
|
<div class="container layout">
|
|
<!-- Copyright Text -->
|
|
<span class="copy">Copyright © 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
|
|
<!-- Social Icons -->
|
|
<ul class="b-social bot">
|
|
<li>Follow Us:</li>
|
|
<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
|
|
<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
|
|
<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
|
|
<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
|
|
<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
|
|
<!--
|
|
<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
|
|
<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
|
|
<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
|
|
<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
|
|
<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
|
|
<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
|
|
<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
|
|
<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
|
|
<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
|
|
<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END FOOTER
|
|
============================================= -->
|
|
|
|
</div>
|
|
<!-- END MAIN
|
|
============================================= -->
|
|
|
|
<script src="js/menu-target.js"></script>
|
|
</body>
|
|
</html> |