<!DOCTYPE html>
<html lang="en" style="height:100%;">
<head>
<meta charset="utf-8">
<title>Pinegrow Bootstrap Blocks</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="pinegrow, blocks, bootstrap" />
<meta name="description" content="My new website" />
<link rel="shortcut icon" href="ico/favicon.png">
<!-- Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet">
<!-- Style Library -->
<link href="css/style-library-1.css" rel="stylesheet">
<link href="css/plugins.css" rel="stylesheet">
<link href="css/blocks.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-target="nav">
<header id="header-2" class="soft-scroll header-2">
<nav class="main-nav navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
<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="#">
<img src="images/brand/pgblocks-logo-nostrap.png" class="brand-img img-responsive">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="nav-item active">
<a href="#">Home</a>
</li>
<li class="nav-item">
<a href="#">Features</a>
</li>
<li class="nav-item">
<a href="#">Pricing</a>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="#">Pages <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<a href="#">Dropdown 1</a>
</li>
<li>
<a href="#">Dropdown 2</a>
</li>
<li>
<a href="#">Dropdown 3</a>
</li>
<li>
<a href="#">Dropdown 4</a>
</li>
<li>
<a href="#">Dropdown 5</a>
</li>
<li>
<a href="#">Dropdown 6</a>
</li>
</ul>
</li>
<!-- /.dropdown -->
<li class="nav-item">
<a href="#">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
</header>
<section id="content-1-7" class="content-1-7 content-block">
<h2 class="tags">Random Tags</h2>
<div class="container">
<ul>
<li class="tags-item">Lorem ipsum dolor sit amet</li>
<li class="tags-item">Consectetur adipiscing elit</li>
<li class="tags-item">Integer molestie lorem at massa</li>
</ul>
<!--end of row-->
</div>
<!-- /.container -->
</section>
<section id="content-3-4" class="content-block content-3-4">
<div class="container">
<div class="row">
<div class="col-md-7">
<ol class="breadcrumb">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Library</a>
</li>
<li class="active">Data</li>
</ol>
<img class="img-responsive" src="images/camera-girl.jpg">
<h2>Young Photographer of the Year</h2>
<p>Magnis modipsae que lib voloratati andigen daepedor quiate ut reporemni aut labor. Laceaque quiae sitiorem ut restibusaes es tumquam core posae volor remped modis volor. Doloreiur qui commolu ptatemp dolupta orem retibusam emnis et consent accullignis lomnus.</p>
<hr />
<div id="disqus_thread"></div>
<script>
var disqus_config = function () {
this.page.url = '{{ route('video', [$video->slug]) }}';
this.page.identifier = '{{ route('video', [$video->slug]) }}';
};
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = '//nyoman.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
<div class="col-md-4 col-md-offset-1">
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a class="panel-toggle" data-toggle="collapse" data-parent=".panel-group" href="#content1"><span>Mission Statement</span></a></h4>
</div>
<!-- /.panel-heading -->
<div id="content1" class="panel-collapse collapse in">
<div class="panel-body">
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
</div>
<!-- /.panel-body -->
</div>
<!-- /.content -->
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a class="panel-toggle collapsed" data-toggle="collapse" data-parent=".panel-group" href="#content2"><span>Recent Images</span></a></h4>
</div>
<!-- /.panel-heading -->
<div id="content2" class="panel-collapse collapse">
<div class="panel-body">
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
</div>
<!-- /.panel-body -->
</div>
<!-- /.content -->
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a class="panel-toggle collapsed" data-toggle="collapse" data-parent=".panel-group" href="#content3"><span>Contact Details</span></a></h4>
</div>
<!-- /.panel-heading -->
<div id="content3" class="panel-collapse collapse">
<div class="panel-body">
<h4>DM Images</h4>
<p>123 Anywhere Street,<br> London,<br> LO4 6ON</p>
<img class="img-responsive" src="images/seagulls.jpg">
</div>
<!-- /.panel-body -->
</div>
<!-- /.content -->
</div>
</div>
<!-- /.accordion -->
</div>
<!-- /.column -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<section class="content-block-nopad bg-deepocean footer-wrap-1-4">
<div class="container footer-1-4">
<div id="page">
@foreach(get_pages() as $page)
<span id="footer-page"><a href="{{ route('page', [$page->slug] ) }}">{{ $page->title }}</a> |</span>
@endforeach
</div>
<ul class="social social-light">
<li>
<a href="#"><i class="fa fa-2x fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-2x fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-2x fa-google-plus"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-2x fa-pinterest"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-2x fa-behance"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-2x fa-dribbble"></i></a>
</li>
</ul>
<!-- /.social -->
</div>
<!-- /.container -->
</section>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<script type="text/javascript" src="js/bskit-scripts.js"></script>
</body>
</html>