0byt3m1n1
Path:
/
home
/
kassiope
/
OLD
/
[
Home
]
File: portfolio__wide__4_columns.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 | 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</h1> <div class="breadcrumb"> <a href="#">Home</a> <i class="fa fa-angle-double-right"></i> <a href="#">Portfolio</a> </div> </div> </header> <!-- Portfolio --> <section id="portfolio" class="section portfolio"> <div class="container"> <!----> <div class="section-content"> <div class="main_content"> <div class="isotop-filter" id="filters"> <button type="button" class="btn btn-isotop is-checked" data-filter="*">All</button> <button type="button" class="btn btn-isotop" data-filter=".design">Web</button> <button type="button" class="btn btn-isotop" data-filter=".wordpress">WordPress</button> <button type="button" class="btn btn-isotop" data-filter=".marketing">Marketing</button> <button type="button" class="btn btn-isotop" data-filter=".brandidentity">Brand Identity</button> </div> </div> <!-- main_content --> </div> </div> <!----> <!----> <!----> <!----> <div class="portfolio-grid"> <!----> <!----> <!----> <ul id="da-thumbs" class="da-thumbs isotope"> <li data-category="design" class="design"> <a href="portfolio__single.html"> <img src="assets/images/work/01.jpg" alt="" /> <div class="portfolio-detail-overlay"> <div class="middle-align-wrap"> <div class="middle-align-cell"> <h4>Corporate Website</h4> <span>Webdesign</span> </div> </div> </div> </a> </li> <li data-category="marketing" class="marketing"> <a href="portfolio__single.html"> <img src="assets/images/work/02.jpg" alt="" /> <div class="portfolio-detail-overlay"> <div class="middle-align-wrap"> <div class="middle-align-cell"> <h4>Corporate Website</h4> <span>Webdesign</span> </div> </div> </div> </a> </li> <li data-category="wordpress" class="wordpress"> <a href="portfolio__single.html"> <img src="assets/images/work/03.jpg" alt="" /> <div class="portfolio-detail-overlay"> <div class="middle-align-wrap"> <div class="middle-align-cell"> <h4>Corporate Website</h4> <span>Webdesign</span> </div> </div> </div> </a> </li> <li data-category="design" class="design"> <a href="portfolio__single.html"> <img src="assets/images/work/04.jpg" alt="" /> <div class="portfolio-detail-overlay"> <div class="middle-align-wrap"> <div class="middle-align-cell"> <h4>Corporate Website</h4> <span>Webdesign</span> </div> </div> </div> </a> </li> <li data-category="marketing" class="marketing"> <a href="portfolio__single.html"> <img src="assets/images/work/05.jpg" alt="" /> <div class="portfolio-detail-overlay"> <div class="middle-align-wrap"> <div class="middle-align-cell"> <h4>Corporate Website</h4> <span>Webdesign</span> </div> </div> </div> </a> </li> <li data-category="wordpress" class="wordpress"> <a href="portfolio__single.html"> <img src="assets/images/work/06.jpg" alt="" /> <div class="portfolio-detail-overlay"> <div class="middle-align-wrap"> <div class="middle-align-cell"> <h4>Corporate Website</h4> <span>Webdesign</span> </div> </div> </div> </a> </li> <li data-category="design" class="design"> <a href="portfolio__single.html"> <img src="assets/images/work/07.jpg" alt="" /> <div class="portfolio-detail-overlay"> <div class="middle-align-wrap"> <div class="middle-align-cell"> <h4>Corporate Website</h4> <span>Webdesign</span> </div> </div> </div> </a> </li> <li data-category="marketing" class="marketing"> <a href="portfolio__single.html"> <img src="assets/images/work/08.jpg" alt="" /> <div class="portfolio-detail-overlay"> <div class="middle-align-wrap"> <div class="middle-align-cell"> <h4>Corporate Website</h4> <span>Webdesign</span> </div> </div> </div> </a> </li> <li data-category="brandidentity" class="brandidentity"> <a href="portfolio__single.html"> <img src="assets/images/work/09.jpg" alt="" /> <div class="portfolio-detail-overlay"> <div class="middle-align-wrap"> <div class="middle-align-cell"> <h4>Corporate Website</h4> <span>Webdesign</span> </div> </div> </div> </a> </li> <li data-category="marketing" class="marketing"> <a href="portfolio__single.html"> <img src="assets/images/work/10.jpg" alt="" /> <div class="portfolio-detail-overlay"> <div class="middle-align-wrap"> <div class="middle-align-cell"> <h4>Corporate Website</h4> <span>Webdesign</span> </div> </div> </div> </a> </li> <li data-category="brandidentity" class="brandidentity"> <a href="portfolio__single.html"> <img src="assets/images/work/11.jpg" alt="" /> <div class="portfolio-detail-overlay"> <div class="middle-align-wrap"> <div class="middle-align-cell"> <h4>Corporate Website</h4> <span>Webdesign</span> </div> </div> </div> </a> </li> <li data-category="brandidentity" class="brandidentity"> <a href="portfolio__single.html"> <img src="assets/images/work/12.jpg" alt="" /> <div class="portfolio-detail-overlay"> <div class="middle-align-wrap"> <div class="middle-align-cell"> <h4>Corporate Website</h4> <span>Webdesign</span> </div> </div> </div> </a> </li> </ul> </div><!--/portfolio-grid--> </section> <!-- /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>