0byt3m1n1
Path:
/
home
/
kassiope
/
OLD
/
[
Home
]
File: portfolio__single.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="Description" content="A fat free flat responsive corporate agency templae"> <meta name="keywords" content="Agency, Corporate, Flat, Responsive"> <meta name="robots" content="noindex,nofollow"> <title>R E ! G N - Portfolio Single | Fat free responsive agency template</title> <link rel="shortcut icon" href="assets/images/favicons/favicon.ico" /> <link rel="apple-touch-icon" sizes="57x57" href="assets/images/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="assets/images/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="assets/images/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="assets/images/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="assets/images/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="assets/images/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="assets/images/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png"> <link rel="manifest" href="assets/images/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#000000"> <meta name="msapplication-TileImage" content="assets/images/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#000000"> <!-- css --> <link rel="stylesheet" href="assets/lib/bootstrap/dist/css/bootstrap.css"> <link rel="stylesheet" href="assets/lib/fontawesome/css/font-awesome.min.css"> <link rel="stylesheet" href="assets/lib/ionicons/css/ionicons.css"> <link rel="stylesheet" href="assets/lib/owlcarousel/owl-carousel/owl.carousel.css"> <link rel="stylesheet" href="assets/lib/owlcarousel/owl-carousel/owl.theme.css"> <link rel="stylesheet" href="assets/lib/FlexSlider/flexslider.css"> <link rel="stylesheet" href="assets/lib/magnific-popup/dist/magnific-popup.css"/> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Raleway:100,300,400"> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:100,300,400"> <link rel="stylesheet" href="assets/css/main.css"> <link rel="stylesheet" href="assets/css/ie_fix.css"> <script src="assets/lib/components-modernizr/modernizr.js"></script> <script src="assets/lib/jquery/dist/jquery.js"></script> <script src="assets/lib/bootstrap/dist/js/bootstrap.js"></script> </head> <body data-spy="scroll" data-target="#main-nav-collapse" data-offset="100"> <div class="page-loader"> <div class="loader">Loading...</div> </div> <!-- Fixed Top Navigation --> <nav id="fixedTopNav" class="navbar navbar-fixed-top main-navigation" itemscope itemtype="https://schema.org/SiteNavigationElement" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav-collapse"> <span class="sr-only">Toggle navigation</span> <span class="ion-drag"></span> </button> <!-- Logo --> <div class="navbar-brand" itemscope itemtype="https://schema.org/Organization"> <span itemprop="name" class="sr-only">Reign</span> <a itemprop="url" href="index.html"> Re<em>!</em>gn </a> </div> <!-- /Logo --> </div><!-- /.navbar-header --> <!-- Navigation Links --> <div class="collapse navbar-collapse" id="main-nav-collapse"> <ul class="nav navbar-nav navbar-right" role="menu"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Home</span></a> <ul class="dropdown-menu"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">One Page</a> <ul class="dropdown-menu"> <li><a href="index__op__image_full_screen.html">Image Full Screen</a></li> <li><a href="index__op__image_classic.html">Image Classic</a></li> <li><a href="index__op__slider_full_screen.html">Slider Full Screen</a></li> <li><a href="index__op__slider_classic.html">Slider Classic</a></li> <li><a href="index__op__text_rotator_full_screen.html">Text Rotator Full Screen</a></li> <li><a href="index__op__text_rotator_classic.html">Text Rotator Classic</a></li> <li><a href="index__op__gradient_overlay_full_screen.html">Gradient Overlay Full Screen</a></li> <li><a href="index__op__gradient_overlay_classic.html">Gradient Overlay Classic</a></li> <li><a href="index__op__video_background_full_screen.html">Video Background Full Screen</a></li> <li><a href="index__op__video_background_classic.html">Video Background Classic</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Multi Page</a> <ul class="dropdown-menu"> <li><a href="index.html">Image Full Screen</a></li> <li><a href="index__mp__image_classic.html">Image Classic</a></li> <li><a href="index__mp__slider_full_screen.html">Slider Full Screen</a></li> <li><a href="index__mp__slider_classic.html">Slider Classic</a></li> <li><a href="index__mp__text_rotator_full_screen.html">Text Rotator Full Screen</a></li> <li><a href="index__mp__text_rotator_classic.html">Text Rotator Classic</a></li> <li><a href="index__mp__gradient_overlay_full_screen.html">Gradient Overlay Full Screen</a></li> <li><a href="index__mp__gradient_overlay_classic.html">Gradient Overlay Classic</a></li> <li><a href="index__mp__video_background_full_screen.html">Video Background Full Screen</a></li> <li><a href="index__mp__video_background_classic.html">Video Background Classic</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Pages</span></a> <ul class="dropdown-menu"> <li> <a href="about_us.html">About</a> </li> <li> <a href="services.html">Services</a> </li> <li> <a href="pricing.html">Pricing</a> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Gallery</a> <ul class="dropdown-menu"> <li><a href="gallery__3_columns.html">3 Columns</a></li> <li><a href="gallery__4_columns.html">4 Columns</a></li> <li><a href="gallery__5_columns.html">5 Columns</a></li> </ul> </li> <li><a href="faq.html">FAQ</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact</a> <ul class="dropdown-menu"> <li><a href="contact__classic_map.html">Classic Style</a></li> <li><a href="contact__full_width_map.html">Full Width Map</a></li> </ul> </li> <li><a href="404.html">404 Page</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio</a> <ul class="dropdown-menu"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Boxed</a> <ul class="dropdown-menu"> <li><a href="portfolio__boxed__2_columns.html">2 Columns</a></li> <li><a href="portfolio__boxed__3_columns.html">3 Columns</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Wide</a> <ul class="dropdown-menu"> <li><a href="portfolio__wide__2_columns.html">2 Columns</a></li> <li><a href="portfolio__wide__3_columns.html">3 Columns</a></li> <li><a href="portfolio__wide__4_columns.html">4 Columns</a></li> </ul> </li> <li> <a href="portfolio__single.html">Single Portfolio</a> </li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Blog</span></a> <ul class="dropdown-menu"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Standard</a> <ul class="dropdown-menu"> <li><a href="blog__standard__left_sidebar.html">Left Sidebar</a></li> <li><a href="blog__standard__right_sidebar.html">Right Sidebar</a></li> <li><a href="blog__standard__full_width.html">Full Width</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Grid</a> <ul class="dropdown-menu"> <li><a href="blog__grid__2_columns.html">2 Columns</a></li> <li><a href="blog__grid__3_columns.html">3 Columns</a></li> <li><a href="blog__grid__with_sidebar.html">With Sidebar</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Single Blog Post</a> <ul class="dropdown-menu"> <li><a href="blog__single__left_sidebar.html">Left Sidebar</a></li> <li><a href="blog__single__right_sidebar.html">Right Sidebar</a></li> <li><a href="blog__single__full_width.html">Full Width</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Components</span></a> <ul class="dropdown-menu"> <li><a href="icons.html"><i class="fa fa-heart"></i> Icons</a></li> <li><a href="typography.html"><i class="fa fa-font"></i> Typography</a></li> <li><a href="buttons.html"><i class="fa fa-plus-square"></i> Buttons</a></li> <li><a href="forms.html"><i class="fa fa-check-square"></i> Forms</a></li> <li><a href="tabs_and_accordions.html"><i class="fa fa-indent"></i> Tabs & Accordions</a></li> <li><a href="alerts_and_wells.html"><i class="fa fa-bolt"></i> Alerts & Wells</a></li> </ul> </li> </ul> </div> <!-- /Navigation Links --> </div><!-- /.container --> </nav> <!-- /Fixed Top Navigation --> <header id="header" class="home-parallax home-fade dark-bg header-inner"> <div class="color-overlay"></div> <div class="container"> <h1>Portfolio Single</h1> <div class="breadcrumb"> <a href="#">Home</a> <i class="fa fa-angle-double-right"></i> <a href="#">Portfolio Single</a> </div> </div> </header> <!-- Single Portfolio --> <section id="single-portfolio" class="section single-portfolio"> <div class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1"> <p class="led"> Morem ipsum dolor sit amet, consectetur adipisicing elit. A commodi consequuntur culpa debitis dolorem ducimus explicabo facere laborum laudantium maxime mollitia natus necessitatibus quae quisquam reprehenderit. Morem ipsum dolor sit amet, consectetur adipisicing elit. </p> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1"> <div class="flexslider"> <ul class="slides"> <li> <img src="assets/images/work/single_01.jpg" /> </li> <li> <img src="assets/images/work/single_02.jpg" /> </li> <li> <img src="assets/images/work/single_03.jpg" /> </li> </ul> </div> </div> </div> <div class="row portfolio-details-single"> <div class="col-sm-4 col-md-3 col-md-offset-1"> <h3>Project Details</h3> <ul> <li> <strong>Client:</strong> Some Company </li> <li> <strong>Date:</strong> 23 November, 2050 </li> <li> <strong>Online:</strong> <a href="#">www.somewebsite.com</a> </li> </ul> </div> <div class="col-sm-8 col-md-7"> <h3>Project Story</h3> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid deserunt est expedita ipsum placeat? Asperiores dolores dolorum, eius fugiat hic mollitia neque nesciunt nobis, odio odit officiis, omnis rem voluptas. Asperiores dolores dolorum, eius fugiat hic mollitia neque nesciunt nobis, odio odit officiis, omnis rem voluptas. Asperiores dolores dolorum, eius fugiat hic mollitia neque nesciunt nobis. </p> </div> </div> </div><!--/container--> </section> <!-- Single Portfolio --> <!-- Footer widgets --> <section id="footer-widgets" class="section footer-widgets dark-bg"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="content-wrap widget-text"> <h4>About the reign</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores dolorum eius libero nihil. Fugiat ipsum officia reprehenderit rerum saepe. Assumenda distinctio, voluptatibus. At consectetur cumque enim error laudantium mollitia obcaecati!</p> </div> </div> <div class="col-md-3 col-sm-6"> <div class="content-wrap widget-contact"> <h4>Contact info</h4> <ul> <li> <i class="ion-home"></i> 13005 Greenville California. </li> <li> <i class="ion-android-call"></i> (303) 674-7750 </li> <li> <i class="ion-email"></i> info@yoursite.com </li> <li> <i class="ion-ios-location"></i> Map and Direction </li> </ul> </div> </div> <div class="col-md-3 col-sm-6"> <div class="content-wrap widget-recent-posts"> <h4>Recent Posts</h4> <ul> <li> <a href="#" class="post-title">Lorem ipsum dolor sit amet</a> by <a href="#" class="author">Jhon Smith</a> </li> <li> <a href="#" class="post-title">Lorem ipsum dolor sit amet</a> by <a href="#" class="author">Jhon Smith</a> </li> <li> <a href="#" class="post-title">Lorem ipsum dolor sit amet</a> by <a href="#" class="author">Jhon Smith</a> </li> </ul> </div> </div> <div class="col-md-3 col-sm-6"> <div class="content-wrap widget-gallery"> <h4>Photo Gallery</h4> <div class="lightbox-gallery"> <a href="assets/images/work/01.jpg"> <img src="assets/images/work/01.jpg" alt=""/> </a> <a href="assets/images/work/02.jpg"> <img src="assets/images/work/02.jpg" alt=""/> </a> <a href="assets/images/work/03.jpg"> <img src="assets/images/work/03.jpg" alt=""/> </a> <a href="assets/images/work/04.jpg"> <img src="assets/images/work/04.jpg" alt=""/> </a> <a href="assets/images/work/05.jpg"> <img src="assets/images/work/05.jpg" alt=""/> </a> <a href="assets/images/work/06.jpg"> <img src="assets/images/work/06.jpg" alt=""/> </a> </div> </div> </div> </div> </div> </section> <!-- Footer widgets --> <!-- footer --> <footer id="footer" class="footer"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-4"> <p class="copyright text-xs-center">© 2015 Your company name</p> </div> <div class="col-md-5 col-sm-4"> <ul class="footer-social-block"> <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-pinterest-p"></i></a></li> <li><a href="#"><i class="fa fa-behance"></i></a></li> <li><a href="#"><i class="fa fa-google-plus"></i></a></li> <li><a href="#"><i class="fa fa-linkedin"></i></a></li> </ul> </div> <div class="col-md-4 col-sm-4"> <div class="footer-menu text-xs-center"> <a href="#">Privacy Policy</a> | <a href="">Terms & Conditions</a> </div> </div> </div> </div> </footer> <!-- #footer --> <a id="totop" href="#totop"><i class="fa fa-angle-double-up"></i></a> <!-- js --> <script src="assets/lib/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="assets/lib/isotope/dist/isotope.pkgd.min.js"></script> <script src="assets/lib/owlcarousel/owl-carousel/owl.carousel.js"></script> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <script src="assets/lib/waypoints/lib/jquery.waypoints.min.js"></script> <script src="assets/lib/waypoints/lib/shortcuts/inview.min.js"></script> <script src="assets/lib/FlexSlider/jquery.flexslider.js"></script> <script src="assets/lib/simple-text-rotator/jquery.simple-text-rotator.js"></script> <script src="assets/lib/jquery.mb.YTPlayer/dist/jquery.mb.YTPlayer.min.js"></script> <script src="assets/lib/magnific-popup/dist/jquery.magnific-popup.js"></script> <script src="assets/js/main.js"></script> <!--[if lt IE 10]> <script> $('input, textarea').placeholder(); </script> <![endif]--> </body> </html>