initial
This commit is contained in:
152
templates/_demo/rs-slider.js
Normal file
152
templates/_demo/rs-slider.js
Normal file
File diff suppressed because one or more lines are too long
693
templates/blog_grid.html
Normal file
693
templates/blog_grid.html
Normal file
@@ -0,0 +1,693 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_grid.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:24:00 GMT -->
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8" >
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Palas | Bootstrap Multipurpose HTML5 Template</title>
|
||||
|
||||
<meta name="author" content="shiftthemes">
|
||||
<meta name="description" content="Palas is a Business HTML Template developed with the the latest HTML5 and CSS3 technologies.">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- CSS files -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="bootstrap/3.3.1/css/bootstrap.min.css">
|
||||
<link href="font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_elegant_font">
|
||||
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_owl_carousel">
|
||||
|
||||
|
||||
<!-- Main CSS file -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="preloader">
|
||||
<div id="status"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Global Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
<div class="h-wrapper">
|
||||
|
||||
<!-- Top Bar -->
|
||||
<div class="topbar">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<ul class="top-menu">
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- This column is hidden on mobiles -->
|
||||
<div class="col-sm-6">
|
||||
<div class="pull-right hidden-xs">
|
||||
<ul class="social-icon unstyled">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header-wrapper header-transparent with-topbar">
|
||||
<div class="main-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-2">
|
||||
<!-- Logo - Read documentation to see how to change the logo-->
|
||||
<a href="index.html" class="logo"></a>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-10">
|
||||
<nav class="navbar-right">
|
||||
<ul class="menu">
|
||||
<!-- Toggle Menu - For Mobile Devices -->
|
||||
<li class="toggle-menu"><i class="fa icon_menu"></i></li>
|
||||
|
||||
<li class="first">
|
||||
<a href="#">Home</a>
|
||||
<!--Instead of full class you can type one_two (50%), two_three (66.66%), three_four (75%) -->
|
||||
<div class="megamenu full">
|
||||
<!-- Similar to Bootstrap gid system (12 columns) -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<!-- You can alsoo include paragraps, images, iframes etc, not only lists, but probably you will have to style them -->
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_02.html">Home Transparent Header</a></li>
|
||||
<li><a href="index_09.html">Home Simple Header</a></li>
|
||||
<li><a href="index_06.html">Home Full screen Slider</a></li>
|
||||
<li><a href="index_13.html">Home Video Full Width</a></li>
|
||||
<li><a href="index_10.html">Home Left Dark Menu</a></li>
|
||||
<li><a href="index_13.html">Home Full Screen Menu</a></li>
|
||||
<li><a href="index_14.html">Home Top Menu</a></li>
|
||||
<li><a href="index_04.html">Home Parallax Image</a></li>
|
||||
<li><a href="index_15.html">Home Full Kenburns Slider</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_10.html">Home Kenburns Slider</a></li>
|
||||
<li><a href="index_05.html">Home Boxed Slider</a></li>
|
||||
<li><a href="index_11.html">Home Right Menu</a></li>
|
||||
<li><a href="index_04.html">Home Dark Top bar</a></li>
|
||||
<li><a href="index_05.html">Home Dark Header</a></li>
|
||||
<li><a href="index_08.html">Home Bottom Header</a></li>
|
||||
<li><a href="index_08.html">Home Video Full Screen</a></li>
|
||||
<li><a href="index_12.html">Home Text Rotator</a></li>
|
||||
<li><a href="index_03.html">Home Static Menu</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_07.html">Home Menu under Logo</a></li>
|
||||
<li><a href="index.html">Home Transparent Dark Header</a></li>
|
||||
<li><a href="index_03.html">Home Gray Top Bar</a></li>
|
||||
<li><a href="index_07.html">Home Icons Menu</a></li>
|
||||
<li><a href="index_03.html">Home Menu White </a></li>
|
||||
<li><a href="index_12.html">Home Left White Menu</a></li>
|
||||
<li><a href="index_06.html">Home Menu Dark Transparent</a></li>
|
||||
<li><a href="index_11.html">Home Parallax Full Image</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Home -->
|
||||
<li>
|
||||
<a href="#">Features</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Headers</li>
|
||||
<li><a href="index_02.html">Header Transparent</a></li>
|
||||
<li><a href="index_09.html">Header Simple</a></li>
|
||||
<li><a href="index_08.html">Header Bottom Menu</a></li>
|
||||
<li><a href="index_07.html">Header Icons Menu</a></li>
|
||||
<li><a href="index_05.html">Header Dark</a></li>
|
||||
<li><a href="index.html">Header Transparent Dark</a></li>
|
||||
<li><a href="index_04.html">Header Dark Bar</a></li>
|
||||
<li><a href="index_03.html">Header Gray Bar</a></li>
|
||||
<li><a href="index_14.html">Header Top Menu</a></li>
|
||||
<li><a href="index_13.html">Header Full Screen</a></li>
|
||||
<li><a href="index_03.html">Header Static Menu</a></li>
|
||||
<li><a href="index_07.html">Header Menu under Logo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Menus</li>
|
||||
<li><a href="index_06.html">Menu Dark Transparent</a></li>
|
||||
<li><a href="index.html">Menu Dark</a></li>
|
||||
<li><a href="index_03.html">Menu Light</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Footers</li>
|
||||
<li><a href="index_04.html#footer_index">Footer Dark Simple</a></li>
|
||||
<li><a href="index_03.html#footer_index">Footer Gray</a></li>
|
||||
<li><a href="index.html#footer_index">Footer Background</a></li>
|
||||
<li><a href="index_10.html#footer_index">Footer Simple</a></li>
|
||||
<li><a href="index_02.html#footer_index">Footer Small</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Vertical Menu</li>
|
||||
<li><a href="index_10.html">Header Left Dark</a></li>
|
||||
<li><a href="index_12.html">Header Left Light</a></li>
|
||||
<li><a href="index_11.html">Header Right Menu</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Sliders</li>
|
||||
<li><a href="index.html">Slider Full width</a></li>
|
||||
<li><a href="index_05.html">Slider Boxed</a></li>
|
||||
<li><a href="index_06.html">Slider Full screen</a></li>
|
||||
<li><a href="index_10.html">Slider Kenburns</a></li>
|
||||
<li><a href="index_15.html">Slider Kenburns Full screen</a></li>
|
||||
<li><a href="index_13.html">Slider Video Full width</a></li>
|
||||
<li><a href="index_08.html">Slider Video Full screen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> <!-- END Features -->
|
||||
<li>
|
||||
<a href="#">Pages</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Pages</li>
|
||||
<li><a href="page_about.html">About 1</a></li>
|
||||
<li><a href="page_about_2.html">About 2</a></li>
|
||||
<li><a href="page_about_3.html">About 3</a></li>
|
||||
<li><a href="page_about_4.html">About 4</a></li>
|
||||
<li><a href="page_team.html">Team 1</a></li>
|
||||
<li><a href="page_team_2.html">Team 2</a></li>
|
||||
<li><a href="page_team_3.html">Team 3</a></li>
|
||||
<li><a href="page_team_4.html">Team 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">that you</li>
|
||||
<li><a href="page_services.html">Services 1</a></li>
|
||||
<li><a href="page_services_2.html">Services 2</a></li>
|
||||
<li><a href="page_services_3.html">Services 3</a></li>
|
||||
<li><a href="page_services_4.html">Services 4</a></li>
|
||||
<li><a href="page_contact.html">Contact 1</a></li>
|
||||
<li><a href="page_contact_2.html">Contact 2</a></li>
|
||||
<li><a href="page_contact_3.html">Contact 3</a></li>
|
||||
<li><a href="page_clients.html">Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">really</li>
|
||||
<li><a href="page_pricing.html">Pricing</a></li>
|
||||
<li><a href="page_faq.html">FAQ 1</a></li>
|
||||
<li><a href="page_faq_2.html">FAQ 2</a></li>
|
||||
<li><a href="page_sign_in.html">Sign In</a></li>
|
||||
<li><a href="page_sign_up.html">Sign Up</a></li>
|
||||
<li><a href="page_404.html">404 Not Found</a></li>
|
||||
<li><a href="page_403.html">403 Forbidden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">need</li>
|
||||
<li><a href="page_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="page_sidebars.html">Sidebars</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Sidebar Navigation</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Simple Page Headers</li>
|
||||
<li><a href="page_sidebar.html">Small</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Centered</a></li>
|
||||
<li><a href="page_sidebars.html">Simple (Dark)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Pages -->
|
||||
<li>
|
||||
<a href="#">Blog</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="blog_list_small.html">List Small</a></li>
|
||||
<li><a href="blog_list_large.html">List Large</a></li>
|
||||
<li><a href="blog_grid.html">Grid</a></li>
|
||||
<li><a href="blog_grid_sidebar.html">Grid Sidebar</a></li>
|
||||
<li><a href="blog_masonry.html">Masonry</a></li>
|
||||
<li><a href="blog_masonry_sidebar.html">Masonry Sidebar</a></li>
|
||||
<li><a href="blog_post.html">Post</a></li>
|
||||
<li><a href="blog_post_sidebar.html">Post Sidebar</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Blog -->
|
||||
<li>
|
||||
<a href="#">Portfolio</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li><a href="portfolio_2.html">2 Columns</a></li>
|
||||
<li><a href="portfolio_3.html">3 Columns</a></li>
|
||||
<li><a href="portfolio_4.html">4 Columns</a></li>
|
||||
<li><a href="portfolio_boxed.html">Boxed</a></li>
|
||||
<li><a href="portfolio_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="portfolio_project_wide.html">Wide Project</a></li>
|
||||
<li><a href="portfolio_project_half.html">Half Project</a></li>
|
||||
<li><a href="portfolio_project_sidebar.html">Sidebar Project</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Portfolio -->
|
||||
<li>
|
||||
<a href="#">Shop</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="shop_products.html">Products</a></li>
|
||||
<li><a href="shop_products_sidebar.html">Products Sidebar</a></li>
|
||||
<li><a href="shop_product.html">Product</a></li>
|
||||
<li><a href="shop_product_sidebar.html">Product Sidebar</a></li>
|
||||
<li><a href="shop_account.html">Account</a></li>
|
||||
<li><a href="shop_cart.html">Cart</a></li>
|
||||
<li><a href="shop_checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Shop -->
|
||||
<li><a href="shortcodes.html">Shortcodes</a></li>
|
||||
<!-- Always include last class to link to solve some padding issues -->
|
||||
<li><a class="last" href="#" target="_blank">Documentation</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Container -->
|
||||
</div> <!-- END Main Header -->
|
||||
</header>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Do not remove this class -->
|
||||
<div class="push-top"></div>
|
||||
|
||||
|
||||
|
||||
<section class="section-intro bg-img bg07 stellar" data-stellar-background-ratio="0.4">
|
||||
<div class="bg-overlay op6"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-8">
|
||||
<h1 class="intro-title mb20">Blog Posts</h1>
|
||||
<p class="intro-p mb20">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit tenetur reiciendis molestias nostrum excepturi porro dolorum amet!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="search-form">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="pull-right">
|
||||
<form action="#" role="form" class="pull-right">
|
||||
<input type="text" class="input-search" placeholder="Search and hit enter">
|
||||
<button type="submit" class="hidden"></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section-page">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div id="portfolio-isotope">
|
||||
<div class="row">
|
||||
<div class="portfolio portfolio-fit-row">
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p10.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Above and beyond</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<iframe class="rs-video video-4by3" src="https://www.youtube.com/embed/YE7VzlLtp-4" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Imagine Dragons</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-forward post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p02.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Upside Down</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<iframe height="166" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/106143476&auto_play=false&hide_related=false&show_artwork=true"></iframe>
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Up in the air</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-soundlcoud post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p03.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Nearby Star</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p09.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">As above so below</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<div class="owl-carousel owl-portfolio">
|
||||
<div class="owl-el"><img src="images/demo/p12.jpg" alt="blog image"></div>
|
||||
<div class="owl-el"><img src="images/demo/p11.jpg" alt="blog image"></div>
|
||||
<div class="owl-el"><img src="images/demo/p10.jpg" alt="blog image"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Up and Down</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p08.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Nowhere</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p01.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">That's what</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p09.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">So what</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p06.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">If you say so</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p07.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Just above</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
</div>
|
||||
</div> <!-- END portfolio Container -->
|
||||
</div> <!-- END Portfolio Isotope -->
|
||||
|
||||
<div class="mb20"></div>
|
||||
<ul class="pagination pagination-2 dark">
|
||||
<li class="disabled"><a href="#"><i class="fa fa-chevron-left"></i></a></li>
|
||||
<li class="active"><a href="#">1</a></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> <!-- END Blog Page-->
|
||||
|
||||
<!-- Footer wrapper -->
|
||||
<footer class="footer-wrapper footer-bg">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Palas</h3>
|
||||
<ul class="footer-links clearfix">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Security</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Get social</h3>
|
||||
<ul class="footer-social clearfix">
|
||||
<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Tweets</h3>
|
||||
<!-- This is just a dummy twitter feed with typed content (not generetad).
|
||||
Didn't include the twitter feed for performance benefits.
|
||||
See in documentation how to include a fully functional twitter feed widget -->
|
||||
<div class="sidebar-tweet clearfix">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content">
|
||||
<a href="#" class="tweet-user">@shiftThemes</a>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
|
||||
<small>22 hours ago</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-sm-push-6 col-md-push-4 xs-box">
|
||||
|
||||
|
||||
<!-- MailChimp Subscribe Form -->
|
||||
<div id="mc_embed_signup">
|
||||
<!-- Replace the below url with the action link from mailchimp (see documentation) -->
|
||||
<form action="#" method="post"
|
||||
id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate class="footer-subscribe">
|
||||
<div id="mc_embed_signup_scroll">
|
||||
<input type="email" value="" name="EMAIL" id="mce-EMAIL" required placeholder=" Type email and hit enter">
|
||||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;">
|
||||
<input type="text" name="b_111fbc1ae1a748cfb4ef9ac27_ac969aca2f" tabindex="-1" value="">
|
||||
</div>
|
||||
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="hidden"></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END mc_embed_signup -->
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-sm-pull-6 col-md-pull-4">
|
||||
<p class="copyright">© Copyright 2015 - 2022 shiftThemes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div> <!-- END Global Wrapper -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Javascript files -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||
<div id="_include_main_plugins"></div>
|
||||
|
||||
|
||||
<div id="_include_owl_carousel"></div>
|
||||
<div id="_include_isotope"></div>
|
||||
|
||||
|
||||
<!-- Main javascript file -->
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_grid.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:24:00 GMT -->
|
||||
</html>
|
||||
769
templates/blog_grid_sidebar.html
Normal file
769
templates/blog_grid_sidebar.html
Normal file
@@ -0,0 +1,769 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_grid_sidebar.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:24:00 GMT -->
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8" >
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Palas | Bootstrap Multipurpose HTML5 Template</title>
|
||||
|
||||
<meta name="author" content="shiftthemes">
|
||||
<meta name="description" content="Palas is a Business HTML Template developed with the the latest HTML5 and CSS3 technologies.">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- CSS files -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="bootstrap/3.3.1/css/bootstrap.min.css">
|
||||
<link href="font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_elegant_font">
|
||||
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_owl_carousel">
|
||||
|
||||
|
||||
<!-- Main CSS file -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="preloader">
|
||||
<div id="status"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Global Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
<div class="h-wrapper">
|
||||
|
||||
<!-- Top Bar -->
|
||||
<div class="topbar">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<ul class="top-menu">
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- This column is hidden on mobiles -->
|
||||
<div class="col-sm-6">
|
||||
<div class="pull-right hidden-xs">
|
||||
<ul class="social-icon unstyled">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header-wrapper header-transparent with-topbar">
|
||||
<div class="main-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-2">
|
||||
<!-- Logo - Read documentation to see how to change the logo-->
|
||||
<a href="index.html" class="logo"></a>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-10">
|
||||
<nav class="navbar-right">
|
||||
<ul class="menu">
|
||||
<!-- Toggle Menu - For Mobile Devices -->
|
||||
<li class="toggle-menu"><i class="fa icon_menu"></i></li>
|
||||
|
||||
<li class="first">
|
||||
<a href="#">Home</a>
|
||||
<!--Instead of full class you can type one_two (50%), two_three (66.66%), three_four (75%) -->
|
||||
<div class="megamenu full">
|
||||
<!-- Similar to Bootstrap gid system (12 columns) -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<!-- You can alsoo include paragraps, images, iframes etc, not only lists, but probably you will have to style them -->
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_02.html">Home Transparent Header</a></li>
|
||||
<li><a href="index_09.html">Home Simple Header</a></li>
|
||||
<li><a href="index_06.html">Home Full screen Slider</a></li>
|
||||
<li><a href="index_13.html">Home Video Full Width</a></li>
|
||||
<li><a href="index_10.html">Home Left Dark Menu</a></li>
|
||||
<li><a href="index_13.html">Home Full Screen Menu</a></li>
|
||||
<li><a href="index_14.html">Home Top Menu</a></li>
|
||||
<li><a href="index_04.html">Home Parallax Image</a></li>
|
||||
<li><a href="index_15.html">Home Full Kenburns Slider</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_10.html">Home Kenburns Slider</a></li>
|
||||
<li><a href="index_05.html">Home Boxed Slider</a></li>
|
||||
<li><a href="index_11.html">Home Right Menu</a></li>
|
||||
<li><a href="index_04.html">Home Dark Top bar</a></li>
|
||||
<li><a href="index_05.html">Home Dark Header</a></li>
|
||||
<li><a href="index_08.html">Home Bottom Header</a></li>
|
||||
<li><a href="index_08.html">Home Video Full Screen</a></li>
|
||||
<li><a href="index_12.html">Home Text Rotator</a></li>
|
||||
<li><a href="index_03.html">Home Static Menu</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_07.html">Home Menu under Logo</a></li>
|
||||
<li><a href="index.html">Home Transparent Dark Header</a></li>
|
||||
<li><a href="index_03.html">Home Gray Top Bar</a></li>
|
||||
<li><a href="index_07.html">Home Icons Menu</a></li>
|
||||
<li><a href="index_03.html">Home Menu White </a></li>
|
||||
<li><a href="index_12.html">Home Left White Menu</a></li>
|
||||
<li><a href="index_06.html">Home Menu Dark Transparent</a></li>
|
||||
<li><a href="index_11.html">Home Parallax Full Image</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Home -->
|
||||
<li>
|
||||
<a href="#">Features</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Headers</li>
|
||||
<li><a href="index_02.html">Header Transparent</a></li>
|
||||
<li><a href="index_09.html">Header Simple</a></li>
|
||||
<li><a href="index_08.html">Header Bottom Menu</a></li>
|
||||
<li><a href="index_07.html">Header Icons Menu</a></li>
|
||||
<li><a href="index_05.html">Header Dark</a></li>
|
||||
<li><a href="index.html">Header Transparent Dark</a></li>
|
||||
<li><a href="index_04.html">Header Dark Bar</a></li>
|
||||
<li><a href="index_03.html">Header Gray Bar</a></li>
|
||||
<li><a href="index_14.html">Header Top Menu</a></li>
|
||||
<li><a href="index_13.html">Header Full Screen</a></li>
|
||||
<li><a href="index_03.html">Header Static Menu</a></li>
|
||||
<li><a href="index_07.html">Header Menu under Logo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Menus</li>
|
||||
<li><a href="index_06.html">Menu Dark Transparent</a></li>
|
||||
<li><a href="index.html">Menu Dark</a></li>
|
||||
<li><a href="index_03.html">Menu Light</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Footers</li>
|
||||
<li><a href="index_04.html#footer_index">Footer Dark Simple</a></li>
|
||||
<li><a href="index_03.html#footer_index">Footer Gray</a></li>
|
||||
<li><a href="index.html#footer_index">Footer Background</a></li>
|
||||
<li><a href="index_10.html#footer_index">Footer Simple</a></li>
|
||||
<li><a href="index_02.html#footer_index">Footer Small</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Vertical Menu</li>
|
||||
<li><a href="index_10.html">Header Left Dark</a></li>
|
||||
<li><a href="index_12.html">Header Left Light</a></li>
|
||||
<li><a href="index_11.html">Header Right Menu</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Sliders</li>
|
||||
<li><a href="index.html">Slider Full width</a></li>
|
||||
<li><a href="index_05.html">Slider Boxed</a></li>
|
||||
<li><a href="index_06.html">Slider Full screen</a></li>
|
||||
<li><a href="index_10.html">Slider Kenburns</a></li>
|
||||
<li><a href="index_15.html">Slider Kenburns Full screen</a></li>
|
||||
<li><a href="index_13.html">Slider Video Full width</a></li>
|
||||
<li><a href="index_08.html">Slider Video Full screen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> <!-- END Features -->
|
||||
<li>
|
||||
<a href="#">Pages</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Pages</li>
|
||||
<li><a href="page_about.html">About 1</a></li>
|
||||
<li><a href="page_about_2.html">About 2</a></li>
|
||||
<li><a href="page_about_3.html">About 3</a></li>
|
||||
<li><a href="page_about_4.html">About 4</a></li>
|
||||
<li><a href="page_team.html">Team 1</a></li>
|
||||
<li><a href="page_team_2.html">Team 2</a></li>
|
||||
<li><a href="page_team_3.html">Team 3</a></li>
|
||||
<li><a href="page_team_4.html">Team 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">that you</li>
|
||||
<li><a href="page_services.html">Services 1</a></li>
|
||||
<li><a href="page_services_2.html">Services 2</a></li>
|
||||
<li><a href="page_services_3.html">Services 3</a></li>
|
||||
<li><a href="page_services_4.html">Services 4</a></li>
|
||||
<li><a href="page_contact.html">Contact 1</a></li>
|
||||
<li><a href="page_contact_2.html">Contact 2</a></li>
|
||||
<li><a href="page_contact_3.html">Contact 3</a></li>
|
||||
<li><a href="page_clients.html">Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">really</li>
|
||||
<li><a href="page_pricing.html">Pricing</a></li>
|
||||
<li><a href="page_faq.html">FAQ 1</a></li>
|
||||
<li><a href="page_faq_2.html">FAQ 2</a></li>
|
||||
<li><a href="page_sign_in.html">Sign In</a></li>
|
||||
<li><a href="page_sign_up.html">Sign Up</a></li>
|
||||
<li><a href="page_404.html">404 Not Found</a></li>
|
||||
<li><a href="page_403.html">403 Forbidden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">need</li>
|
||||
<li><a href="page_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="page_sidebars.html">Sidebars</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Sidebar Navigation</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Simple Page Headers</li>
|
||||
<li><a href="page_sidebar.html">Small</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Centered</a></li>
|
||||
<li><a href="page_sidebars.html">Simple (Dark)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Pages -->
|
||||
<li>
|
||||
<a href="#">Blog</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="blog_list_small.html">List Small</a></li>
|
||||
<li><a href="blog_list_large.html">List Large</a></li>
|
||||
<li><a href="blog_grid.html">Grid</a></li>
|
||||
<li><a href="blog_grid_sidebar.html">Grid Sidebar</a></li>
|
||||
<li><a href="blog_masonry.html">Masonry</a></li>
|
||||
<li><a href="blog_masonry_sidebar.html">Masonry Sidebar</a></li>
|
||||
<li><a href="blog_post.html">Post</a></li>
|
||||
<li><a href="blog_post_sidebar.html">Post Sidebar</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Blog -->
|
||||
<li>
|
||||
<a href="#">Portfolio</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li><a href="portfolio_2.html">2 Columns</a></li>
|
||||
<li><a href="portfolio_3.html">3 Columns</a></li>
|
||||
<li><a href="portfolio_4.html">4 Columns</a></li>
|
||||
<li><a href="portfolio_boxed.html">Boxed</a></li>
|
||||
<li><a href="portfolio_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="portfolio_project_wide.html">Wide Project</a></li>
|
||||
<li><a href="portfolio_project_half.html">Half Project</a></li>
|
||||
<li><a href="portfolio_project_sidebar.html">Sidebar Project</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Portfolio -->
|
||||
<li>
|
||||
<a href="#">Shop</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="shop_products.html">Products</a></li>
|
||||
<li><a href="shop_products_sidebar.html">Products Sidebar</a></li>
|
||||
<li><a href="shop_product.html">Product</a></li>
|
||||
<li><a href="shop_product_sidebar.html">Product Sidebar</a></li>
|
||||
<li><a href="shop_account.html">Account</a></li>
|
||||
<li><a href="shop_cart.html">Cart</a></li>
|
||||
<li><a href="shop_checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Shop -->
|
||||
<li><a href="shortcodes.html">Shortcodes</a></li>
|
||||
<!-- Always include last class to link to solve some padding issues -->
|
||||
<li><a class="last" href="#" target="_blank">Documentation</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Container -->
|
||||
</div> <!-- END Main Header -->
|
||||
</header>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Do not remove this class -->
|
||||
<div class="push-top"></div>
|
||||
|
||||
|
||||
|
||||
<section class="section-intro bg-img bg02 stellar" data-stellar-background-ratio="0.4">
|
||||
<div class="bg-overlay op6"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-8">
|
||||
<h1 class="intro-title mb20">Blog Posts</h1>
|
||||
<p class="intro-p mb20">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit tenetur reiciendis molestias nostrum excepturi porro dolorum amet!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="search-form">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="pull-right">
|
||||
<form action="#" role="form" class="pull-right">
|
||||
<input type="text" class="input-search" placeholder="Search and hit enter">
|
||||
<button type="submit" class="hidden"></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section-page">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-8 col-md-9 col-md-push-3 col-sm-push-4 space-left push-off">
|
||||
<div id="portfolio-isotope">
|
||||
<div class="row">
|
||||
<div class="portfolio portfolio-fit-row">
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p10.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Above and beyond</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<iframe class="rs-video video-4by3" src="https://www.youtube.com/embed/YE7VzlLtp-4" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Imagine Dragons</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-forward post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p02.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Upside Down</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<iframe height="166" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/106143476&auto_play=false&hide_related=false&show_artwork=true"></iframe>
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Up in the air</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-soundlcoud post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p03.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Up and Down</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p01.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Begin again</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<div class="owl-carousel owl-portfolio">
|
||||
<div class="owl-el"><img src="images/demo/p12.jpg" alt="blog image"></div>
|
||||
<div class="owl-el"><img src="images/demo/p11.jpg" alt="blog image"></div>
|
||||
<div class="owl-el"><img src="images/demo/p10.jpg" alt="blog image"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">If you say so</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p08.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Nowhere</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
</div>
|
||||
</div> <!-- END portfolio Container -->
|
||||
</div> <!-- END Portfolio Isotope -->
|
||||
|
||||
<div class="mb20"></div>
|
||||
<ul class="pagination pagination-2 dark">
|
||||
<li class="disabled"><a href="#"><i class="fa fa-chevron-left"></i></a></li>
|
||||
<li class="active"><a href="#">1</a></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-3 col-md-pull-9 col-sm-pull-8 pull-off">
|
||||
<aside class="sidebar">
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Above and beyond</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consect adipisicing elit. Impedit, recusandae corrupti voluptas atque voluptatibust!</p>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Get social</h3>
|
||||
<ul class="sidebar-socials">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i> Follow us</a> <span>455 followers</span></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i> Like us</a> <span>505 likes</span></li>
|
||||
<li><a href="#"><i class="fa fa-google-plus"></i> Circle us</a> <span>355 friends</span></li>
|
||||
<li><a href="#"><i class="fa fa-envelope"></i> Subscribe</a> <span>250 subscribers</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Latest Tweets</h3>
|
||||
<div class="sidebar-tweet clearfix mb0">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content"><a href="#" class="tweet-user">@shiftThemes</a> <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span> <small>22 hours ago</small></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a href="#tab1" data-toggle="tab">Popular Posts</a></li>
|
||||
<li><a href="#tab2" data-toggle="tab">Latest Posts</a></li>
|
||||
</ul>
|
||||
<div class="tab-content clearfix">
|
||||
<div class="tab-pane fade in active" id="tab1">
|
||||
<ul class="sidebar-posts">
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p03.jpg" alt="blog post">
|
||||
<div class="image-post-date">25 <br> jan</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">As above so below</a></h5>
|
||||
<span>by John Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p04.jpg" alt="blog post">
|
||||
<div class="image-post-date">20 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Above and beyond</a></h5>
|
||||
<span>by Mark Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p05.jpg" alt="blog post">
|
||||
<div class="image-post-date">27 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Imagine Dragons</a></h5>
|
||||
<span>by justin Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="tab2">
|
||||
<ul class="sidebar-posts">
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p01.jpg" alt="blog post">
|
||||
<div class="image-post-date">25 <br> jan</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">So what</a></h5>
|
||||
<span>by John Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p02.jpg" alt="blog post">
|
||||
<div class="image-post-date">20 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Up in the air</a></h5>
|
||||
<span>by Mark Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p06.jpg" alt="blog post">
|
||||
<div class="image-post-date">27 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Up and Down</a></h5>
|
||||
<span>by justin Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Categories</h3>
|
||||
<ul class="sidebar-categories">
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Design</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Software Engineering</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Graphic</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Programming</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Software Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Tags</h3>
|
||||
<div class="tags">
|
||||
<a href="#" title="10 Topics" class="big">Wordpress</a>
|
||||
<a href="#" title="10 Topics">Concrete5</a>
|
||||
<a href="#" title="10 Topics" class="big">Drupal</a>
|
||||
<a href="#" title="10 Topics">Joomla</a>
|
||||
<a href="#" title="10 Topics" class="big">PHP</a>
|
||||
<a href="#" title="10 Topics">HTML5</a>
|
||||
<a href="#" title="10 Topics">CSS3</a>
|
||||
<a href="#" title="10 Topics" class="big">jQuery</a>
|
||||
<a href="#" title="10 Topics">Java</a>
|
||||
<a href="#" title="10 Topics">Ruby</a>
|
||||
<a href="#" title="10 Topics" class="big">Javascript</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Flickr Photos</h3>
|
||||
<!-- FLickr Feed -->
|
||||
<ul id="flickr-sidebar" class="flickr-feed sidebar-flickr">
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Ads</h3>
|
||||
<div class="row mb10">
|
||||
<div class="col-xs-12">
|
||||
<a href="#"><img src="https://placehold.it/750x400" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row col-p5">
|
||||
<div class="col-xs-6">
|
||||
<a href="#"><img src="https://placehold.it/300x300" alt=""></a>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<a href="#"><img src="https://placehold.it/300x300" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> <!-- END Blog Page-->
|
||||
|
||||
<!-- Footer wrapper -->
|
||||
<footer class="footer-wrapper footer-bg">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Palas</h3>
|
||||
<ul class="footer-links clearfix">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Security</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Get social</h3>
|
||||
<ul class="footer-social clearfix">
|
||||
<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Tweets</h3>
|
||||
<!-- This is just a dummy twitter feed with typed content (not generetad).
|
||||
Didn't include the twitter feed for performance benefits.
|
||||
See in documentation how to include a fully functional twitter feed widget -->
|
||||
<div class="sidebar-tweet clearfix">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content">
|
||||
<a href="#" class="tweet-user">@shiftThemes</a>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
|
||||
<small>22 hours ago</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-sm-push-6 col-md-push-4 xs-box">
|
||||
|
||||
|
||||
<!-- MailChimp Subscribe Form -->
|
||||
<div id="mc_embed_signup">
|
||||
<!-- Replace the below url with the action link from mailchimp (see documentation) -->
|
||||
<form action="#" method="post"
|
||||
id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate class="footer-subscribe">
|
||||
<div id="mc_embed_signup_scroll">
|
||||
<input type="email" value="" name="EMAIL" id="mce-EMAIL" required placeholder=" Type email and hit enter">
|
||||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;">
|
||||
<input type="text" name="b_111fbc1ae1a748cfb4ef9ac27_ac969aca2f" tabindex="-1" value="">
|
||||
</div>
|
||||
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="hidden"></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END mc_embed_signup -->
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-sm-pull-6 col-md-pull-4">
|
||||
<p class="copyright">© Copyright 2015 - 2022 shiftThemes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div> <!-- END Global Wrapper -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Javascript files -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||
<div id="_include_main_plugins"></div>
|
||||
|
||||
|
||||
<div id="_include_owl_carousel"></div>
|
||||
<div id="_include_isotope"></div>
|
||||
|
||||
<script src="plugins/jflickrfeed.min.js"></script>
|
||||
|
||||
|
||||
<!-- Main javascript file -->
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_grid_sidebar.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:24:00 GMT -->
|
||||
</html>
|
||||
713
templates/blog_list_large.html
Normal file
713
templates/blog_list_large.html
Normal file
@@ -0,0 +1,713 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_list_large.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:58 GMT -->
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8" >
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Palas | Bootstrap Multipurpose HTML5 Template</title>
|
||||
|
||||
<meta name="author" content="shiftthemes">
|
||||
<meta name="description" content="Palas is a Business HTML Template developed with the the latest HTML5 and CSS3 technologies.">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- CSS files -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="bootstrap/3.3.1/css/bootstrap.min.css">
|
||||
<link href="font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_elegant_font">
|
||||
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_owl_carousel">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Main CSS file -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="preloader">
|
||||
<div id="status"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Global Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
<div class="h-wrapper">
|
||||
|
||||
<!-- Top Bar -->
|
||||
<div class="topbar">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<ul class="top-menu">
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- This column is hidden on mobiles -->
|
||||
<div class="col-sm-6">
|
||||
<div class="pull-right hidden-xs">
|
||||
<ul class="social-icon unstyled">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header-wrapper header-transparent with-topbar">
|
||||
<div class="main-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-2">
|
||||
<!-- Logo - Read documentation to see how to change the logo-->
|
||||
<a href="index.html" class="logo"></a>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-10">
|
||||
<nav class="navbar-right">
|
||||
<ul class="menu">
|
||||
<!-- Toggle Menu - For Mobile Devices -->
|
||||
<li class="toggle-menu"><i class="fa icon_menu"></i></li>
|
||||
|
||||
<li class="first">
|
||||
<a href="#">Home</a>
|
||||
<!--Instead of full class you can type one_two (50%), two_three (66.66%), three_four (75%) -->
|
||||
<div class="megamenu full">
|
||||
<!-- Similar to Bootstrap gid system (12 columns) -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<!-- You can alsoo include paragraps, images, iframes etc, not only lists, but probably you will have to style them -->
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_02.html">Home Transparent Header</a></li>
|
||||
<li><a href="index_09.html">Home Simple Header</a></li>
|
||||
<li><a href="index_06.html">Home Full screen Slider</a></li>
|
||||
<li><a href="index_13.html">Home Video Full Width</a></li>
|
||||
<li><a href="index_10.html">Home Left Dark Menu</a></li>
|
||||
<li><a href="index_13.html">Home Full Screen Menu</a></li>
|
||||
<li><a href="index_14.html">Home Top Menu</a></li>
|
||||
<li><a href="index_04.html">Home Parallax Image</a></li>
|
||||
<li><a href="index_15.html">Home Full Kenburns Slider</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_10.html">Home Kenburns Slider</a></li>
|
||||
<li><a href="index_05.html">Home Boxed Slider</a></li>
|
||||
<li><a href="index_11.html">Home Right Menu</a></li>
|
||||
<li><a href="index_04.html">Home Dark Top bar</a></li>
|
||||
<li><a href="index_05.html">Home Dark Header</a></li>
|
||||
<li><a href="index_08.html">Home Bottom Header</a></li>
|
||||
<li><a href="index_08.html">Home Video Full Screen</a></li>
|
||||
<li><a href="index_12.html">Home Text Rotator</a></li>
|
||||
<li><a href="index_03.html">Home Static Menu</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_07.html">Home Menu under Logo</a></li>
|
||||
<li><a href="index.html">Home Transparent Dark Header</a></li>
|
||||
<li><a href="index_03.html">Home Gray Top Bar</a></li>
|
||||
<li><a href="index_07.html">Home Icons Menu</a></li>
|
||||
<li><a href="index_03.html">Home Menu White </a></li>
|
||||
<li><a href="index_12.html">Home Left White Menu</a></li>
|
||||
<li><a href="index_06.html">Home Menu Dark Transparent</a></li>
|
||||
<li><a href="index_11.html">Home Parallax Full Image</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Home -->
|
||||
<li>
|
||||
<a href="#">Features</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Headers</li>
|
||||
<li><a href="index_02.html">Header Transparent</a></li>
|
||||
<li><a href="index_09.html">Header Simple</a></li>
|
||||
<li><a href="index_08.html">Header Bottom Menu</a></li>
|
||||
<li><a href="index_07.html">Header Icons Menu</a></li>
|
||||
<li><a href="index_05.html">Header Dark</a></li>
|
||||
<li><a href="index.html">Header Transparent Dark</a></li>
|
||||
<li><a href="index_04.html">Header Dark Bar</a></li>
|
||||
<li><a href="index_03.html">Header Gray Bar</a></li>
|
||||
<li><a href="index_14.html">Header Top Menu</a></li>
|
||||
<li><a href="index_13.html">Header Full Screen</a></li>
|
||||
<li><a href="index_03.html">Header Static Menu</a></li>
|
||||
<li><a href="index_07.html">Header Menu under Logo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Menus</li>
|
||||
<li><a href="index_06.html">Menu Dark Transparent</a></li>
|
||||
<li><a href="index.html">Menu Dark</a></li>
|
||||
<li><a href="index_03.html">Menu Light</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Footers</li>
|
||||
<li><a href="index_04.html#footer_index">Footer Dark Simple</a></li>
|
||||
<li><a href="index_03.html#footer_index">Footer Gray</a></li>
|
||||
<li><a href="index.html#footer_index">Footer Background</a></li>
|
||||
<li><a href="index_10.html#footer_index">Footer Simple</a></li>
|
||||
<li><a href="index_02.html#footer_index">Footer Small</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Vertical Menu</li>
|
||||
<li><a href="index_10.html">Header Left Dark</a></li>
|
||||
<li><a href="index_12.html">Header Left Light</a></li>
|
||||
<li><a href="index_11.html">Header Right Menu</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Sliders</li>
|
||||
<li><a href="index.html">Slider Full width</a></li>
|
||||
<li><a href="index_05.html">Slider Boxed</a></li>
|
||||
<li><a href="index_06.html">Slider Full screen</a></li>
|
||||
<li><a href="index_10.html">Slider Kenburns</a></li>
|
||||
<li><a href="index_15.html">Slider Kenburns Full screen</a></li>
|
||||
<li><a href="index_13.html">Slider Video Full width</a></li>
|
||||
<li><a href="index_08.html">Slider Video Full screen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> <!-- END Features -->
|
||||
<li>
|
||||
<a href="#">Pages</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Pages</li>
|
||||
<li><a href="page_about.html">About 1</a></li>
|
||||
<li><a href="page_about_2.html">About 2</a></li>
|
||||
<li><a href="page_about_3.html">About 3</a></li>
|
||||
<li><a href="page_about_4.html">About 4</a></li>
|
||||
<li><a href="page_team.html">Team 1</a></li>
|
||||
<li><a href="page_team_2.html">Team 2</a></li>
|
||||
<li><a href="page_team_3.html">Team 3</a></li>
|
||||
<li><a href="page_team_4.html">Team 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">that you</li>
|
||||
<li><a href="page_services.html">Services 1</a></li>
|
||||
<li><a href="page_services_2.html">Services 2</a></li>
|
||||
<li><a href="page_services_3.html">Services 3</a></li>
|
||||
<li><a href="page_services_4.html">Services 4</a></li>
|
||||
<li><a href="page_contact.html">Contact 1</a></li>
|
||||
<li><a href="page_contact_2.html">Contact 2</a></li>
|
||||
<li><a href="page_contact_3.html">Contact 3</a></li>
|
||||
<li><a href="page_clients.html">Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">really</li>
|
||||
<li><a href="page_pricing.html">Pricing</a></li>
|
||||
<li><a href="page_faq.html">FAQ 1</a></li>
|
||||
<li><a href="page_faq_2.html">FAQ 2</a></li>
|
||||
<li><a href="page_sign_in.html">Sign In</a></li>
|
||||
<li><a href="page_sign_up.html">Sign Up</a></li>
|
||||
<li><a href="page_404.html">404 Not Found</a></li>
|
||||
<li><a href="page_403.html">403 Forbidden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">need</li>
|
||||
<li><a href="page_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="page_sidebars.html">Sidebars</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Sidebar Navigation</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Simple Page Headers</li>
|
||||
<li><a href="page_sidebar.html">Small</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Centered</a></li>
|
||||
<li><a href="page_sidebars.html">Simple (Dark)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Pages -->
|
||||
<li>
|
||||
<a href="#">Blog</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="blog_list_small.html">List Small</a></li>
|
||||
<li><a href="blog_list_large.html">List Large</a></li>
|
||||
<li><a href="blog_grid.html">Grid</a></li>
|
||||
<li><a href="blog_grid_sidebar.html">Grid Sidebar</a></li>
|
||||
<li><a href="blog_masonry.html">Masonry</a></li>
|
||||
<li><a href="blog_masonry_sidebar.html">Masonry Sidebar</a></li>
|
||||
<li><a href="blog_post.html">Post</a></li>
|
||||
<li><a href="blog_post_sidebar.html">Post Sidebar</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Blog -->
|
||||
<li>
|
||||
<a href="#">Portfolio</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li><a href="portfolio_2.html">2 Columns</a></li>
|
||||
<li><a href="portfolio_3.html">3 Columns</a></li>
|
||||
<li><a href="portfolio_4.html">4 Columns</a></li>
|
||||
<li><a href="portfolio_boxed.html">Boxed</a></li>
|
||||
<li><a href="portfolio_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="portfolio_project_wide.html">Wide Project</a></li>
|
||||
<li><a href="portfolio_project_half.html">Half Project</a></li>
|
||||
<li><a href="portfolio_project_sidebar.html">Sidebar Project</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Portfolio -->
|
||||
<li>
|
||||
<a href="#">Shop</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="shop_products.html">Products</a></li>
|
||||
<li><a href="shop_products_sidebar.html">Products Sidebar</a></li>
|
||||
<li><a href="shop_product.html">Product</a></li>
|
||||
<li><a href="shop_product_sidebar.html">Product Sidebar</a></li>
|
||||
<li><a href="shop_account.html">Account</a></li>
|
||||
<li><a href="shop_cart.html">Cart</a></li>
|
||||
<li><a href="shop_checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Shop -->
|
||||
<li><a href="shortcodes.html">Shortcodes</a></li>
|
||||
<!-- Always include last class to link to solve some padding issues -->
|
||||
<li><a class="last" href="#" target="_blank">Documentation</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Container -->
|
||||
</div> <!-- END Main Header -->
|
||||
</header>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Do not remove this class -->
|
||||
<div class="push-top"></div>
|
||||
|
||||
|
||||
|
||||
<section class="section-intro bg-img bg18 stellar" data-stellar-background-ratio="0.4">
|
||||
<div class="bg-overlay op6"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-8">
|
||||
<h1 class="intro-title mb20">Blog Posts</h1>
|
||||
<p class="intro-p mb20">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit tenetur reiciendis molestias nostrum excepturi porro dolorum amet!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="search-form">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="pull-right">
|
||||
<form action="#" role="form" class="pull-right">
|
||||
<input type="text" class="input-search" placeholder="Search and hit enter">
|
||||
<button type="submit" class="hidden"></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section-page">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-8 col-md-9 col-md-push-3 col-sm-push-4 space-left push-off">
|
||||
<div class="row blog-list">
|
||||
<div class="col-sm-12">
|
||||
<div class="row blog-item">
|
||||
<div class="col-sm-12 blog-image col-p0">
|
||||
<img src="images/demo/blog01.jpg" alt="blog image">
|
||||
</div>
|
||||
<div class="col-sm-12 blog-caption">
|
||||
<h3 class="post-title">Above and beyond</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem ah corporis dolore repellat magnam voluptates laborum! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, soluta praesentium ex aperiam deleniti iste recusandae? Non, autem nulla pariatur itaque harum!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12">
|
||||
<div class="row blog-item">
|
||||
<div class="col-sm-12 blog-image col-p0">
|
||||
<iframe class="rs-video" src="https://www.youtube.com/embed/YE7VzlLtp-4" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div class="col-sm-12 blog-caption">
|
||||
<h3 class="post-title">Imagine Dragons</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem ah corporis dolore repellat magnam voluptates laborum! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, soluta praesentium ex aperiam deleniti iste recusandae? Non, autem nulla pariatur itaque harum!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-forward post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12">
|
||||
<div class="row blog-item">
|
||||
<div class="col-sm-12 blog-image col-p0">
|
||||
<iframe height="200" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/106143476&auto_play=false&hide_related=false&show_artwork=true"></iframe>
|
||||
</div>
|
||||
<div class="col-sm-12 blog-caption">
|
||||
<h3 class="post-title">Upside Down</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem ah corporis dolore repellat magnam voluptates laborum! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, soluta praesentium ex aperiam deleniti iste recusandae? Non, autem nulla pariatur itaque harum!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-soundcloud post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12">
|
||||
<div class="row blog-item">
|
||||
<div class="col-sm-12 blog-caption">
|
||||
<h3 class="post-title">Up and Down</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem ah corporis dolore repellat magnam voluptates laborum! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, soluta praesentium ex aperiam deleniti iste recusandae? Non, autem nulla pariatur itaque harum!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-file post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12">
|
||||
<div class="row blog-item">
|
||||
<div class="col-sm-12 blog-image col-p0">
|
||||
<div class="owl-carousel owl-portfolio">
|
||||
<div class="owl-el"><img src="images/demo/blog02.jpg" alt="blog image"></div>
|
||||
<div class="owl-el"><img src="images/demo/blog03.jpg" alt="blog image"></div>
|
||||
<div class="owl-el"><img src="images/demo/blog04.jpg" alt="blog image"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 blog-caption">
|
||||
<h3 class="post-title">Above and beyond</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem ah corporis dolore repellat magnam voluptates laborum! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, soluta praesentium ex aperiam deleniti iste recusandae? Non, autem nulla pariatur itaque harum!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-sliders post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
</div> <!-- END Blog Posts -->
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<ul class="pagination pagination-2 dark">
|
||||
<li class="disabled"><a href="#"><i class="fa fa-chevron-left"></i></a></li>
|
||||
<li class="active"><a href="#">1</a></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-3 col-md-pull-9 col-sm-pull-8 pull-off">
|
||||
<aside class="sidebar">
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Above and beyond</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consect adipisicing elit. Impedit, recusandae corrupti voluptas atque voluptatibust!</p>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Get social</h3>
|
||||
<ul class="sidebar-socials">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i> Follow us</a> <span>455 followers</span></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i> Like us</a> <span>505 likes</span></li>
|
||||
<li><a href="#"><i class="fa fa-google-plus"></i> Circle us</a> <span>355 friends</span></li>
|
||||
<li><a href="#"><i class="fa fa-envelope"></i> Subscribe</a> <span>250 subscribers</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Latest Tweets</h3>
|
||||
<div class="sidebar-tweet clearfix mb0">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content"><a href="#" class="tweet-user">@shiftThemes</a> <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span> <small>22 hours ago</small></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a href="#tab1" data-toggle="tab">Popular Posts</a></li>
|
||||
<li><a href="#tab2" data-toggle="tab">Latest Posts</a></li>
|
||||
</ul>
|
||||
<div class="tab-content clearfix">
|
||||
<div class="tab-pane fade in active" id="tab1">
|
||||
<ul class="sidebar-posts">
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p03.jpg" alt="blog post">
|
||||
<div class="image-post-date">25 <br> jan</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">As above so below</a></h5>
|
||||
<span>by John Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p04.jpg" alt="blog post">
|
||||
<div class="image-post-date">20 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Above and beyond</a></h5>
|
||||
<span>by Mark Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p05.jpg" alt="blog post">
|
||||
<div class="image-post-date">27 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Imagine Dragons</a></h5>
|
||||
<span>by justin Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="tab2">
|
||||
<ul class="sidebar-posts">
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p01.jpg" alt="blog post">
|
||||
<div class="image-post-date">25 <br> jan</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">So what</a></h5>
|
||||
<span>by John Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p02.jpg" alt="blog post">
|
||||
<div class="image-post-date">20 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Up in the air</a></h5>
|
||||
<span>by Mark Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p06.jpg" alt="blog post">
|
||||
<div class="image-post-date">27 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Up and Down</a></h5>
|
||||
<span>by justin Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Categories</h3>
|
||||
<ul class="sidebar-categories">
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Design</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Software Engineering</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Graphic</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Programming</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Software Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Tags</h3>
|
||||
<div class="tags">
|
||||
<a href="#" title="10 Topics" class="big">Wordpress</a>
|
||||
<a href="#" title="10 Topics">Concrete5</a>
|
||||
<a href="#" title="10 Topics" class="big">Drupal</a>
|
||||
<a href="#" title="10 Topics">Joomla</a>
|
||||
<a href="#" title="10 Topics" class="big">PHP</a>
|
||||
<a href="#" title="10 Topics">HTML5</a>
|
||||
<a href="#" title="10 Topics">CSS3</a>
|
||||
<a href="#" title="10 Topics" class="big">jQuery</a>
|
||||
<a href="#" title="10 Topics">Java</a>
|
||||
<a href="#" title="10 Topics">Ruby</a>
|
||||
<a href="#" title="10 Topics" class="big">Javascript</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Flickr Photos</h3>
|
||||
<!-- FLickr Feed -->
|
||||
<ul id="flickr-sidebar" class="flickr-feed sidebar-flickr">
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Ads</h3>
|
||||
<div class="row mb10">
|
||||
<div class="col-xs-12">
|
||||
<a href="#"><img src="https://placehold.it/750x400" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row col-p5">
|
||||
<div class="col-xs-6">
|
||||
<a href="#"><img src="https://placehold.it/300x300" alt=""></a>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<a href="#"><img src="https://placehold.it/300x300" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> <!-- END Blog Page-->
|
||||
|
||||
<!-- Footer wrapper -->
|
||||
<footer class="footer-wrapper footer-bg">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Palas</h3>
|
||||
<ul class="footer-links clearfix">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Security</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Get social</h3>
|
||||
<ul class="footer-social clearfix">
|
||||
<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Tweets</h3>
|
||||
<!-- This is just a dummy twitter feed with typed content (not generetad).
|
||||
Didn't include the twitter feed for performance benefits.
|
||||
See in documentation how to include a fully functional twitter feed widget -->
|
||||
<div class="sidebar-tweet clearfix">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content">
|
||||
<a href="#" class="tweet-user">@shiftThemes</a>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
|
||||
<small>22 hours ago</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-sm-push-6 col-md-push-4 xs-box">
|
||||
|
||||
|
||||
<!-- MailChimp Subscribe Form -->
|
||||
<div id="mc_embed_signup">
|
||||
<!-- Replace the below url with the action link from mailchimp (see documentation) -->
|
||||
<form action="#" method="post"
|
||||
id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate class="footer-subscribe">
|
||||
<div id="mc_embed_signup_scroll">
|
||||
<input type="email" value="" name="EMAIL" id="mce-EMAIL" required placeholder=" Type email and hit enter">
|
||||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;">
|
||||
<input type="text" name="b_111fbc1ae1a748cfb4ef9ac27_ac969aca2f" tabindex="-1" value="">
|
||||
</div>
|
||||
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="hidden"></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END mc_embed_signup -->
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-sm-pull-6 col-md-pull-4">
|
||||
<p class="copyright">© Copyright 2015 - 2022 shiftThemes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div> <!-- END Global Wrapper -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Javascript files -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||
<div id="_include_main_plugins"></div>
|
||||
|
||||
<div id="_include_owl_carousel"></div>
|
||||
|
||||
<script src="plugins/jflickrfeed.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<!-- Main javascript file -->
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_list_large.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:24:00 GMT -->
|
||||
</html>
|
||||
749
templates/blog_list_small.html
Normal file
749
templates/blog_list_small.html
Normal file
@@ -0,0 +1,749 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_list_small.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:58 GMT -->
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8" >
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Palas | Bootstrap Multipurpose HTML5 Template</title>
|
||||
|
||||
<meta name="author" content="shiftthemes">
|
||||
<meta name="description" content="Palas is a Business HTML Template developed with the the latest HTML5 and CSS3 technologies.">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- CSS files -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="bootstrap/3.3.1/css/bootstrap.min.css">
|
||||
<link href="font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_elegant_font">
|
||||
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_owl_carousel">
|
||||
|
||||
|
||||
|
||||
<!-- Main CSS file -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="preloader">
|
||||
<div id="status"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Global Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
<div class="h-wrapper">
|
||||
|
||||
<!-- Top Bar -->
|
||||
<div class="topbar">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<ul class="top-menu">
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- This column is hidden on mobiles -->
|
||||
<div class="col-sm-6">
|
||||
<div class="pull-right hidden-xs">
|
||||
<ul class="social-icon unstyled">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header-wrapper header-transparent with-topbar">
|
||||
<div class="main-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-2">
|
||||
<!-- Logo - Read documentation to see how to change the logo-->
|
||||
<a href="index.html" class="logo"></a>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-10">
|
||||
<nav class="navbar-right">
|
||||
<ul class="menu">
|
||||
<!-- Toggle Menu - For Mobile Devices -->
|
||||
<li class="toggle-menu"><i class="fa icon_menu"></i></li>
|
||||
|
||||
<li class="first">
|
||||
<a href="#">Home</a>
|
||||
<!--Instead of full class you can type one_two (50%), two_three (66.66%), three_four (75%) -->
|
||||
<div class="megamenu full">
|
||||
<!-- Similar to Bootstrap gid system (12 columns) -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<!-- You can alsoo include paragraps, images, iframes etc, not only lists, but probably you will have to style them -->
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_02.html">Home Transparent Header</a></li>
|
||||
<li><a href="index_09.html">Home Simple Header</a></li>
|
||||
<li><a href="index_06.html">Home Full screen Slider</a></li>
|
||||
<li><a href="index_13.html">Home Video Full Width</a></li>
|
||||
<li><a href="index_10.html">Home Left Dark Menu</a></li>
|
||||
<li><a href="index_13.html">Home Full Screen Menu</a></li>
|
||||
<li><a href="index_14.html">Home Top Menu</a></li>
|
||||
<li><a href="index_04.html">Home Parallax Image</a></li>
|
||||
<li><a href="index_15.html">Home Full Kenburns Slider</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_10.html">Home Kenburns Slider</a></li>
|
||||
<li><a href="index_05.html">Home Boxed Slider</a></li>
|
||||
<li><a href="index_11.html">Home Right Menu</a></li>
|
||||
<li><a href="index_04.html">Home Dark Top bar</a></li>
|
||||
<li><a href="index_05.html">Home Dark Header</a></li>
|
||||
<li><a href="index_08.html">Home Bottom Header</a></li>
|
||||
<li><a href="index_08.html">Home Video Full Screen</a></li>
|
||||
<li><a href="index_12.html">Home Text Rotator</a></li>
|
||||
<li><a href="index_03.html">Home Static Menu</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_07.html">Home Menu under Logo</a></li>
|
||||
<li><a href="index.html">Home Transparent Dark Header</a></li>
|
||||
<li><a href="index_03.html">Home Gray Top Bar</a></li>
|
||||
<li><a href="index_07.html">Home Icons Menu</a></li>
|
||||
<li><a href="index_03.html">Home Menu White </a></li>
|
||||
<li><a href="index_12.html">Home Left White Menu</a></li>
|
||||
<li><a href="index_06.html">Home Menu Dark Transparent</a></li>
|
||||
<li><a href="index_11.html">Home Parallax Full Image</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Home -->
|
||||
<li>
|
||||
<a href="#">Features</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Headers</li>
|
||||
<li><a href="index_02.html">Header Transparent</a></li>
|
||||
<li><a href="index_09.html">Header Simple</a></li>
|
||||
<li><a href="index_08.html">Header Bottom Menu</a></li>
|
||||
<li><a href="index_07.html">Header Icons Menu</a></li>
|
||||
<li><a href="index_05.html">Header Dark</a></li>
|
||||
<li><a href="index.html">Header Transparent Dark</a></li>
|
||||
<li><a href="index_04.html">Header Dark Bar</a></li>
|
||||
<li><a href="index_03.html">Header Gray Bar</a></li>
|
||||
<li><a href="index_14.html">Header Top Menu</a></li>
|
||||
<li><a href="index_13.html">Header Full Screen</a></li>
|
||||
<li><a href="index_03.html">Header Static Menu</a></li>
|
||||
<li><a href="index_07.html">Header Menu under Logo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Menus</li>
|
||||
<li><a href="index_06.html">Menu Dark Transparent</a></li>
|
||||
<li><a href="index.html">Menu Dark</a></li>
|
||||
<li><a href="index_03.html">Menu Light</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Footers</li>
|
||||
<li><a href="index_04.html#footer_index">Footer Dark Simple</a></li>
|
||||
<li><a href="index_03.html#footer_index">Footer Gray</a></li>
|
||||
<li><a href="index.html#footer_index">Footer Background</a></li>
|
||||
<li><a href="index_10.html#footer_index">Footer Simple</a></li>
|
||||
<li><a href="index_02.html#footer_index">Footer Small</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Vertical Menu</li>
|
||||
<li><a href="index_10.html">Header Left Dark</a></li>
|
||||
<li><a href="index_12.html">Header Left Light</a></li>
|
||||
<li><a href="index_11.html">Header Right Menu</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Sliders</li>
|
||||
<li><a href="index.html">Slider Full width</a></li>
|
||||
<li><a href="index_05.html">Slider Boxed</a></li>
|
||||
<li><a href="index_06.html">Slider Full screen</a></li>
|
||||
<li><a href="index_10.html">Slider Kenburns</a></li>
|
||||
<li><a href="index_15.html">Slider Kenburns Full screen</a></li>
|
||||
<li><a href="index_13.html">Slider Video Full width</a></li>
|
||||
<li><a href="index_08.html">Slider Video Full screen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> <!-- END Features -->
|
||||
<li>
|
||||
<a href="#">Pages</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Pages</li>
|
||||
<li><a href="page_about.html">About 1</a></li>
|
||||
<li><a href="page_about_2.html">About 2</a></li>
|
||||
<li><a href="page_about_3.html">About 3</a></li>
|
||||
<li><a href="page_about_4.html">About 4</a></li>
|
||||
<li><a href="page_team.html">Team 1</a></li>
|
||||
<li><a href="page_team_2.html">Team 2</a></li>
|
||||
<li><a href="page_team_3.html">Team 3</a></li>
|
||||
<li><a href="page_team_4.html">Team 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">that you</li>
|
||||
<li><a href="page_services.html">Services 1</a></li>
|
||||
<li><a href="page_services_2.html">Services 2</a></li>
|
||||
<li><a href="page_services_3.html">Services 3</a></li>
|
||||
<li><a href="page_services_4.html">Services 4</a></li>
|
||||
<li><a href="page_contact.html">Contact 1</a></li>
|
||||
<li><a href="page_contact_2.html">Contact 2</a></li>
|
||||
<li><a href="page_contact_3.html">Contact 3</a></li>
|
||||
<li><a href="page_clients.html">Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">really</li>
|
||||
<li><a href="page_pricing.html">Pricing</a></li>
|
||||
<li><a href="page_faq.html">FAQ 1</a></li>
|
||||
<li><a href="page_faq_2.html">FAQ 2</a></li>
|
||||
<li><a href="page_sign_in.html">Sign In</a></li>
|
||||
<li><a href="page_sign_up.html">Sign Up</a></li>
|
||||
<li><a href="page_404.html">404 Not Found</a></li>
|
||||
<li><a href="page_403.html">403 Forbidden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">need</li>
|
||||
<li><a href="page_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="page_sidebars.html">Sidebars</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Sidebar Navigation</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Simple Page Headers</li>
|
||||
<li><a href="page_sidebar.html">Small</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Centered</a></li>
|
||||
<li><a href="page_sidebars.html">Simple (Dark)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Pages -->
|
||||
<li>
|
||||
<a href="#">Blog</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="blog_list_small.html">List Small</a></li>
|
||||
<li><a href="blog_list_large.html">List Large</a></li>
|
||||
<li><a href="blog_grid.html">Grid</a></li>
|
||||
<li><a href="blog_grid_sidebar.html">Grid Sidebar</a></li>
|
||||
<li><a href="blog_masonry.html">Masonry</a></li>
|
||||
<li><a href="blog_masonry_sidebar.html">Masonry Sidebar</a></li>
|
||||
<li><a href="blog_post.html">Post</a></li>
|
||||
<li><a href="blog_post_sidebar.html">Post Sidebar</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Blog -->
|
||||
<li>
|
||||
<a href="#">Portfolio</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li><a href="portfolio_2.html">2 Columns</a></li>
|
||||
<li><a href="portfolio_3.html">3 Columns</a></li>
|
||||
<li><a href="portfolio_4.html">4 Columns</a></li>
|
||||
<li><a href="portfolio_boxed.html">Boxed</a></li>
|
||||
<li><a href="portfolio_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="portfolio_project_wide.html">Wide Project</a></li>
|
||||
<li><a href="portfolio_project_half.html">Half Project</a></li>
|
||||
<li><a href="portfolio_project_sidebar.html">Sidebar Project</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Portfolio -->
|
||||
<li>
|
||||
<a href="#">Shop</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="shop_products.html">Products</a></li>
|
||||
<li><a href="shop_products_sidebar.html">Products Sidebar</a></li>
|
||||
<li><a href="shop_product.html">Product</a></li>
|
||||
<li><a href="shop_product_sidebar.html">Product Sidebar</a></li>
|
||||
<li><a href="shop_account.html">Account</a></li>
|
||||
<li><a href="shop_cart.html">Cart</a></li>
|
||||
<li><a href="shop_checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Shop -->
|
||||
<li><a href="shortcodes.html">Shortcodes</a></li>
|
||||
<!-- Always include last class to link to solve some padding issues -->
|
||||
<li><a class="last" href="#" target="_blank">Documentation</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Container -->
|
||||
</div> <!-- END Main Header -->
|
||||
</header>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Do not remove this class -->
|
||||
<div class="push-top"></div>
|
||||
|
||||
|
||||
|
||||
<section class="section-intro bg-img bg19 stellar" data-stellar-background-ratio="0.4">
|
||||
<div class="bg-overlay op6"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-8">
|
||||
<h1 class="intro-title mb20">Blog Posts</h1>
|
||||
<p class="intro-p mb20">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit tenetur reiciendis molestias nostrum excepturi porro dolorum amet!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="search-form">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="pull-right">
|
||||
<form action="#" role="form" class="pull-right">
|
||||
<input type="text" class="input-search" placeholder="Search and hit enter">
|
||||
<button type="submit" class="hidden"></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section-page">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-8 col-md-9 col-md-push-3 col-sm-push-4 space-left push-off">
|
||||
<div class="row blog-list">
|
||||
<div class="col-sm-12">
|
||||
<div class="row blog-item">
|
||||
<div class="col-sm-12 col-md-5 blog-image col-p0">
|
||||
<img src="images/demo/p12.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-7 blog-caption">
|
||||
<h3 class="post-title">Above and beyond</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem ah corporis dolore!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12">
|
||||
<div class="row blog-item">
|
||||
<div class="col-sm-12 col-md-5 blog-image col-p0">
|
||||
<iframe class="rs-video video-4by3" src="https://www.youtube.com/embed/YE7VzlLtp-4" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-7 blog-caption">
|
||||
<h3 class="post-title">Imagine Dragons</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem ah corporis dolore! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos suscipit autem.</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-vimeo-square post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12">
|
||||
<div class="row blog-item">
|
||||
<div class="col-sm-12 col-md-5 blog-image col-p0">
|
||||
<img src="images/demo/p11.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-7 blog-caption">
|
||||
<h3 class="post-title">Upside down</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem ah corporis dolore!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12">
|
||||
<div class="row blog-item">
|
||||
<div class="col-sm-12 col-md-5 blog-image col-p0">
|
||||
<div class="owl-carousel owl-portfolio">
|
||||
<div class="owl-el"><img src="images/demo/p01.jpg" alt="blog image"></div>
|
||||
<div class="owl-el"><img src="images/demo/p02.jpg" alt="blog image"></div>
|
||||
<div class="owl-el"><img src="images/demo/p03.jpg" alt="blog image"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-7 blog-caption">
|
||||
<h3 class="post-title">Up in the air</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem ah corporis dolore!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-sliders post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12">
|
||||
<div class="row blog-item">
|
||||
<div class="col-sm-12 col-md-5 blog-image col-p0">
|
||||
<iframe height="200" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/106143476&auto_play=false&hide_related=false&show_artwork=true"></iframe>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-7 blog-caption">
|
||||
<h3 class="post-title">Nearby star</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-soundcloud post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12">
|
||||
<div class="row blog-item">
|
||||
<div class="col-sm-12 col-md-12 blog-caption">
|
||||
<h3 class="post-title">As above so below</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem ah corporis dolore! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos quaerat voluptates, libero placeat blanditiis ut eius praesentium cum deserunt autem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-copy post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12">
|
||||
<div class="row blog-item">
|
||||
<div class="col-sm-12 col-md-5 blog-image col-p0">
|
||||
<img src="images/demo/p05.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-7 blog-caption">
|
||||
<h3 class="post-title">If you say so</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem ah corporis dolore!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
</div> <!-- END Blog Posts -->
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="mb20"></div>
|
||||
<ul class="pagination pagination-2 dark">
|
||||
<li class="disabled"><a href="#"><i class="fa fa-chevron-left"></i></a></li>
|
||||
<li class="active"><a href="#">1</a></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-3 col-md-pull-9 col-sm-pull-8 pull-off">
|
||||
<aside class="sidebar">
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Above and beyond</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consect adipisicing elit. Impedit, recusandae corrupti voluptas atque voluptatibust!</p>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Get social</h3>
|
||||
<ul class="sidebar-socials">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i> Follow us</a> <span>455 followers</span></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i> Like us</a> <span>505 likes</span></li>
|
||||
<li><a href="#"><i class="fa fa-google-plus"></i> Circle us</a> <span>355 friends</span></li>
|
||||
<li><a href="#"><i class="fa fa-envelope"></i> Subscribe</a> <span>250 subscribers</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Latest Tweets</h3>
|
||||
<div class="sidebar-tweet clearfix mb0">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content"><a href="#" class="tweet-user">@shiftThemes</a> <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span> <small>22 hours ago</small></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a href="#tab1" data-toggle="tab">Popular Posts</a></li>
|
||||
<li><a href="#tab2" data-toggle="tab">Latest Posts</a></li>
|
||||
</ul>
|
||||
<div class="tab-content clearfix">
|
||||
<div class="tab-pane fade in active" id="tab1">
|
||||
<ul class="sidebar-posts">
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p03.jpg" alt="blog post">
|
||||
<div class="image-post-date">25 <br> jan</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">As above so below</a></h5>
|
||||
<span>by John Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p04.jpg" alt="blog post">
|
||||
<div class="image-post-date">20 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Above and beyond</a></h5>
|
||||
<span>by Mark Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p05.jpg" alt="blog post">
|
||||
<div class="image-post-date">27 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Imagine Dragons</a></h5>
|
||||
<span>by justin Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="tab2">
|
||||
<ul class="sidebar-posts">
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p01.jpg" alt="blog post">
|
||||
<div class="image-post-date">25 <br> jan</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">So what</a></h5>
|
||||
<span>by John Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p02.jpg" alt="blog post">
|
||||
<div class="image-post-date">20 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Up in the air</a></h5>
|
||||
<span>by Mark Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p06.jpg" alt="blog post">
|
||||
<div class="image-post-date">27 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Up and Down</a></h5>
|
||||
<span>by justin Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Categories</h3>
|
||||
<ul class="sidebar-categories">
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Design</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Software Engineering</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Graphic</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Programming</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Software Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Tags</h3>
|
||||
<div class="tags">
|
||||
<a href="#" title="10 Topics" class="big">Wordpress</a>
|
||||
<a href="#" title="10 Topics">Concrete5</a>
|
||||
<a href="#" title="10 Topics" class="big">Drupal</a>
|
||||
<a href="#" title="10 Topics">Joomla</a>
|
||||
<a href="#" title="10 Topics" class="big">PHP</a>
|
||||
<a href="#" title="10 Topics">HTML5</a>
|
||||
<a href="#" title="10 Topics">CSS3</a>
|
||||
<a href="#" title="10 Topics" class="big">jQuery</a>
|
||||
<a href="#" title="10 Topics">Java</a>
|
||||
<a href="#" title="10 Topics">Ruby</a>
|
||||
<a href="#" title="10 Topics" class="big">Javascript</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Flickr Photos</h3>
|
||||
<!-- FLickr Feed -->
|
||||
<ul id="flickr-sidebar" class="flickr-feed sidebar-flickr">
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Ads</h3>
|
||||
<div class="row mb10">
|
||||
<div class="col-xs-12">
|
||||
<a href="#"><img src="https://placehold.it/750x400" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row col-p5">
|
||||
<div class="col-xs-6">
|
||||
<a href="#"><img src="https://placehold.it/300x300" alt=""></a>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<a href="#"><img src="https://placehold.it/300x300" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> <!-- END Blog Page-->
|
||||
|
||||
<!-- Footer wrapper -->
|
||||
<footer class="footer-wrapper footer-bg">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Palas</h3>
|
||||
<ul class="footer-links clearfix">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Security</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Get social</h3>
|
||||
<ul class="footer-social clearfix">
|
||||
<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Tweets</h3>
|
||||
<!-- This is just a dummy twitter feed with typed content (not generetad).
|
||||
Didn't include the twitter feed for performance benefits.
|
||||
See in documentation how to include a fully functional twitter feed widget -->
|
||||
<div class="sidebar-tweet clearfix">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content">
|
||||
<a href="#" class="tweet-user">@shiftThemes</a>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
|
||||
<small>22 hours ago</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-sm-push-6 col-md-push-4 xs-box">
|
||||
|
||||
|
||||
<!-- MailChimp Subscribe Form -->
|
||||
<div id="mc_embed_signup">
|
||||
<!-- Replace the below url with the action link from mailchimp (see documentation) -->
|
||||
<form action="#" method="post"
|
||||
id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate class="footer-subscribe">
|
||||
<div id="mc_embed_signup_scroll">
|
||||
<input type="email" value="" name="EMAIL" id="mce-EMAIL" required placeholder=" Type email and hit enter">
|
||||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;">
|
||||
<input type="text" name="b_111fbc1ae1a748cfb4ef9ac27_ac969aca2f" tabindex="-1" value="">
|
||||
</div>
|
||||
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="hidden"></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END mc_embed_signup -->
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-sm-pull-6 col-md-pull-4">
|
||||
<p class="copyright">© Copyright 2015 - 2022 shiftThemes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div> <!-- END Global Wrapper -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Javascript files -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||
<div id="_include_main_plugins"></div>
|
||||
|
||||
|
||||
<div id="_include_owl_carousel"></div>
|
||||
|
||||
<script src="plugins/jflickrfeed.min.js"></script>
|
||||
|
||||
|
||||
<!-- Main javascript file -->
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_list_small.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:58 GMT -->
|
||||
</html>
|
||||
687
templates/blog_masonry.html
Normal file
687
templates/blog_masonry.html
Normal file
@@ -0,0 +1,687 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_masonry.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:24:00 GMT -->
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8" >
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Palas | Bootstrap Multipurpose HTML5 Template</title>
|
||||
|
||||
<meta name="author" content="shiftthemes">
|
||||
<meta name="description" content="Palas is a Business HTML Template developed with the the latest HTML5 and CSS3 technologies.">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- CSS files -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="bootstrap/3.3.1/css/bootstrap.min.css">
|
||||
<link href="font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_elegant_font">
|
||||
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_owl_carousel">
|
||||
|
||||
|
||||
<!-- Main CSS file -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="preloader">
|
||||
<div id="status"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Global Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
<div class="h-wrapper">
|
||||
|
||||
<!-- Top Bar -->
|
||||
<div class="topbar">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<ul class="top-menu">
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- This column is hidden on mobiles -->
|
||||
<div class="col-sm-6">
|
||||
<div class="pull-right hidden-xs">
|
||||
<ul class="social-icon unstyled">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header-wrapper header-transparent with-topbar">
|
||||
<div class="main-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-2">
|
||||
<!-- Logo - Read documentation to see how to change the logo-->
|
||||
<a href="index.html" class="logo"></a>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-10">
|
||||
<nav class="navbar-right">
|
||||
<ul class="menu">
|
||||
<!-- Toggle Menu - For Mobile Devices -->
|
||||
<li class="toggle-menu"><i class="fa icon_menu"></i></li>
|
||||
|
||||
<li class="first">
|
||||
<a href="#">Home</a>
|
||||
<!--Instead of full class you can type one_two (50%), two_three (66.66%), three_four (75%) -->
|
||||
<div class="megamenu full">
|
||||
<!-- Similar to Bootstrap gid system (12 columns) -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<!-- You can alsoo include paragraps, images, iframes etc, not only lists, but probably you will have to style them -->
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_02.html">Home Transparent Header</a></li>
|
||||
<li><a href="index_09.html">Home Simple Header</a></li>
|
||||
<li><a href="index_06.html">Home Full screen Slider</a></li>
|
||||
<li><a href="index_13.html">Home Video Full Width</a></li>
|
||||
<li><a href="index_10.html">Home Left Dark Menu</a></li>
|
||||
<li><a href="index_13.html">Home Full Screen Menu</a></li>
|
||||
<li><a href="index_14.html">Home Top Menu</a></li>
|
||||
<li><a href="index_04.html">Home Parallax Image</a></li>
|
||||
<li><a href="index_15.html">Home Full Kenburns Slider</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_10.html">Home Kenburns Slider</a></li>
|
||||
<li><a href="index_05.html">Home Boxed Slider</a></li>
|
||||
<li><a href="index_11.html">Home Right Menu</a></li>
|
||||
<li><a href="index_04.html">Home Dark Top bar</a></li>
|
||||
<li><a href="index_05.html">Home Dark Header</a></li>
|
||||
<li><a href="index_08.html">Home Bottom Header</a></li>
|
||||
<li><a href="index_08.html">Home Video Full Screen</a></li>
|
||||
<li><a href="index_12.html">Home Text Rotator</a></li>
|
||||
<li><a href="index_03.html">Home Static Menu</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_07.html">Home Menu under Logo</a></li>
|
||||
<li><a href="index.html">Home Transparent Dark Header</a></li>
|
||||
<li><a href="index_03.html">Home Gray Top Bar</a></li>
|
||||
<li><a href="index_07.html">Home Icons Menu</a></li>
|
||||
<li><a href="index_03.html">Home Menu White </a></li>
|
||||
<li><a href="index_12.html">Home Left White Menu</a></li>
|
||||
<li><a href="index_06.html">Home Menu Dark Transparent</a></li>
|
||||
<li><a href="index_11.html">Home Parallax Full Image</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Home -->
|
||||
<li>
|
||||
<a href="#">Features</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Headers</li>
|
||||
<li><a href="index_02.html">Header Transparent</a></li>
|
||||
<li><a href="index_09.html">Header Simple</a></li>
|
||||
<li><a href="index_08.html">Header Bottom Menu</a></li>
|
||||
<li><a href="index_07.html">Header Icons Menu</a></li>
|
||||
<li><a href="index_05.html">Header Dark</a></li>
|
||||
<li><a href="index.html">Header Transparent Dark</a></li>
|
||||
<li><a href="index_04.html">Header Dark Bar</a></li>
|
||||
<li><a href="index_03.html">Header Gray Bar</a></li>
|
||||
<li><a href="index_14.html">Header Top Menu</a></li>
|
||||
<li><a href="index_13.html">Header Full Screen</a></li>
|
||||
<li><a href="index_03.html">Header Static Menu</a></li>
|
||||
<li><a href="index_07.html">Header Menu under Logo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Menus</li>
|
||||
<li><a href="index_06.html">Menu Dark Transparent</a></li>
|
||||
<li><a href="index.html">Menu Dark</a></li>
|
||||
<li><a href="index_03.html">Menu Light</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Footers</li>
|
||||
<li><a href="index_04.html#footer_index">Footer Dark Simple</a></li>
|
||||
<li><a href="index_03.html#footer_index">Footer Gray</a></li>
|
||||
<li><a href="index.html#footer_index">Footer Background</a></li>
|
||||
<li><a href="index_10.html#footer_index">Footer Simple</a></li>
|
||||
<li><a href="index_02.html#footer_index">Footer Small</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Vertical Menu</li>
|
||||
<li><a href="index_10.html">Header Left Dark</a></li>
|
||||
<li><a href="index_12.html">Header Left Light</a></li>
|
||||
<li><a href="index_11.html">Header Right Menu</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Sliders</li>
|
||||
<li><a href="index.html">Slider Full width</a></li>
|
||||
<li><a href="index_05.html">Slider Boxed</a></li>
|
||||
<li><a href="index_06.html">Slider Full screen</a></li>
|
||||
<li><a href="index_10.html">Slider Kenburns</a></li>
|
||||
<li><a href="index_15.html">Slider Kenburns Full screen</a></li>
|
||||
<li><a href="index_13.html">Slider Video Full width</a></li>
|
||||
<li><a href="index_08.html">Slider Video Full screen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> <!-- END Features -->
|
||||
<li>
|
||||
<a href="#">Pages</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Pages</li>
|
||||
<li><a href="page_about.html">About 1</a></li>
|
||||
<li><a href="page_about_2.html">About 2</a></li>
|
||||
<li><a href="page_about_3.html">About 3</a></li>
|
||||
<li><a href="page_about_4.html">About 4</a></li>
|
||||
<li><a href="page_team.html">Team 1</a></li>
|
||||
<li><a href="page_team_2.html">Team 2</a></li>
|
||||
<li><a href="page_team_3.html">Team 3</a></li>
|
||||
<li><a href="page_team_4.html">Team 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">that you</li>
|
||||
<li><a href="page_services.html">Services 1</a></li>
|
||||
<li><a href="page_services_2.html">Services 2</a></li>
|
||||
<li><a href="page_services_3.html">Services 3</a></li>
|
||||
<li><a href="page_services_4.html">Services 4</a></li>
|
||||
<li><a href="page_contact.html">Contact 1</a></li>
|
||||
<li><a href="page_contact_2.html">Contact 2</a></li>
|
||||
<li><a href="page_contact_3.html">Contact 3</a></li>
|
||||
<li><a href="page_clients.html">Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">really</li>
|
||||
<li><a href="page_pricing.html">Pricing</a></li>
|
||||
<li><a href="page_faq.html">FAQ 1</a></li>
|
||||
<li><a href="page_faq_2.html">FAQ 2</a></li>
|
||||
<li><a href="page_sign_in.html">Sign In</a></li>
|
||||
<li><a href="page_sign_up.html">Sign Up</a></li>
|
||||
<li><a href="page_404.html">404 Not Found</a></li>
|
||||
<li><a href="page_403.html">403 Forbidden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">need</li>
|
||||
<li><a href="page_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="page_sidebars.html">Sidebars</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Sidebar Navigation</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Simple Page Headers</li>
|
||||
<li><a href="page_sidebar.html">Small</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Centered</a></li>
|
||||
<li><a href="page_sidebars.html">Simple (Dark)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Pages -->
|
||||
<li>
|
||||
<a href="#">Blog</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="blog_list_small.html">List Small</a></li>
|
||||
<li><a href="blog_list_large.html">List Large</a></li>
|
||||
<li><a href="blog_grid.html">Grid</a></li>
|
||||
<li><a href="blog_grid_sidebar.html">Grid Sidebar</a></li>
|
||||
<li><a href="blog_masonry.html">Masonry</a></li>
|
||||
<li><a href="blog_masonry_sidebar.html">Masonry Sidebar</a></li>
|
||||
<li><a href="blog_post.html">Post</a></li>
|
||||
<li><a href="blog_post_sidebar.html">Post Sidebar</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Blog -->
|
||||
<li>
|
||||
<a href="#">Portfolio</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li><a href="portfolio_2.html">2 Columns</a></li>
|
||||
<li><a href="portfolio_3.html">3 Columns</a></li>
|
||||
<li><a href="portfolio_4.html">4 Columns</a></li>
|
||||
<li><a href="portfolio_boxed.html">Boxed</a></li>
|
||||
<li><a href="portfolio_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="portfolio_project_wide.html">Wide Project</a></li>
|
||||
<li><a href="portfolio_project_half.html">Half Project</a></li>
|
||||
<li><a href="portfolio_project_sidebar.html">Sidebar Project</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Portfolio -->
|
||||
<li>
|
||||
<a href="#">Shop</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="shop_products.html">Products</a></li>
|
||||
<li><a href="shop_products_sidebar.html">Products Sidebar</a></li>
|
||||
<li><a href="shop_product.html">Product</a></li>
|
||||
<li><a href="shop_product_sidebar.html">Product Sidebar</a></li>
|
||||
<li><a href="shop_account.html">Account</a></li>
|
||||
<li><a href="shop_cart.html">Cart</a></li>
|
||||
<li><a href="shop_checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Shop -->
|
||||
<li><a href="shortcodes.html">Shortcodes</a></li>
|
||||
<!-- Always include last class to link to solve some padding issues -->
|
||||
<li><a class="last" href="#" target="_blank">Documentation</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Container -->
|
||||
</div> <!-- END Main Header -->
|
||||
</header>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Do not remove this class -->
|
||||
<div class="push-top"></div>
|
||||
|
||||
|
||||
|
||||
<section class="section-intro bg-img bg19 stellar" data-stellar-background-ratio="0.4">
|
||||
<div class="bg-overlay op6"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-8">
|
||||
<h1 class="intro-title mb20">Blog Posts</h1>
|
||||
<p class="intro-p mb20">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit tenetur reiciendis molestias nostrum excepturi porro dolorum amet!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="search-form">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="pull-right">
|
||||
<form action="#" role="form" class="pull-right">
|
||||
<input type="text" class="input-search" placeholder="Search and hit enter">
|
||||
<button type="submit" class="hidden"></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section-page">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div id="portfolio-isotope">
|
||||
<div class="row">
|
||||
<div class="portfolio">
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p10.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Above and beyond</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<iframe class="rs-video video-4by3" src="https://www.youtube.com/embed/YE7VzlLtp-4" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Upside Down</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-forward post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p02.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Nowhere</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<iframe height="166" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/106143476&auto_play=false&hide_related=false&show_artwork=true"></iframe>
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Imagine Dragons</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-soundlcoud post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p03.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Up and Down</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">If you say so</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-file post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<div class="owl-carousel owl-portfolio">
|
||||
<div class="owl-el"><img src="images/demo/p12.jpg" alt="blog image"></div>
|
||||
<div class="owl-el"><img src="images/demo/p11.jpg" alt="blog image"></div>
|
||||
<div class="owl-el"><img src="images/demo/p10.jpg" alt="blog image"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Surrender</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p08.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Nearby star</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Up in the air</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-copy post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p09.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">As above so below</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p06.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Just above</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-6 col-md-4 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p07.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Far away</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
</div>
|
||||
</div> <!-- END portfolio Container -->
|
||||
</div> <!-- END Portfolio Isotope -->
|
||||
|
||||
<div class="mb20"></div>
|
||||
<ul class="pagination pagination-2 dark">
|
||||
<li class="disabled"><a href="#"><i class="fa fa-chevron-left"></i></a></li>
|
||||
<li class="active"><a href="#">1</a></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> <!-- END Blog Page-->
|
||||
|
||||
<!-- Footer wrapper -->
|
||||
<footer class="footer-wrapper footer-bg">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Palas</h3>
|
||||
<ul class="footer-links clearfix">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Security</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Get social</h3>
|
||||
<ul class="footer-social clearfix">
|
||||
<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Tweets</h3>
|
||||
<!-- This is just a dummy twitter feed with typed content (not generetad).
|
||||
Didn't include the twitter feed for performance benefits.
|
||||
See in documentation how to include a fully functional twitter feed widget -->
|
||||
<div class="sidebar-tweet clearfix">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content">
|
||||
<a href="#" class="tweet-user">@shiftThemes</a>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
|
||||
<small>22 hours ago</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-sm-push-6 col-md-push-4 xs-box">
|
||||
|
||||
|
||||
<!-- MailChimp Subscribe Form -->
|
||||
<div id="mc_embed_signup">
|
||||
<!-- Replace the below url with the action link from mailchimp (see documentation) -->
|
||||
<form action="#" method="post"
|
||||
id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate class="footer-subscribe">
|
||||
<div id="mc_embed_signup_scroll">
|
||||
<input type="email" value="" name="EMAIL" id="mce-EMAIL" required placeholder=" Type email and hit enter">
|
||||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;">
|
||||
<input type="text" name="b_111fbc1ae1a748cfb4ef9ac27_ac969aca2f" tabindex="-1" value="">
|
||||
</div>
|
||||
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="hidden"></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END mc_embed_signup -->
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-sm-pull-6 col-md-pull-4">
|
||||
<p class="copyright">© Copyright 2015 - 2022 shiftThemes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div> <!-- END Global Wrapper -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Javascript files -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||
<div id="_include_main_plugins"></div>
|
||||
|
||||
|
||||
<div id="_include_owl_carousel"></div>
|
||||
<div id="_include_isotope"></div>
|
||||
|
||||
|
||||
<!-- Main javascript file -->
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_masonry.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:24:00 GMT -->
|
||||
</html>
|
||||
766
templates/blog_masonry_sidebar.html
Normal file
766
templates/blog_masonry_sidebar.html
Normal file
@@ -0,0 +1,766 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_masonry_sidebar.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:24:00 GMT -->
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8" >
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Palas | Bootstrap Multipurpose HTML5 Template</title>
|
||||
|
||||
<meta name="author" content="shiftthemes">
|
||||
<meta name="description" content="Palas is a Business HTML Template developed with the the latest HTML5 and CSS3 technologies.">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- CSS files -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="bootstrap/3.3.1/css/bootstrap.min.css">
|
||||
<link href="font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_elegant_font">
|
||||
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_owl_carousel">
|
||||
|
||||
|
||||
<!-- Main CSS file -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="preloader">
|
||||
<div id="status"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Global Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
<div class="h-wrapper">
|
||||
|
||||
<!-- Top Bar -->
|
||||
<div class="topbar">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<ul class="top-menu">
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- This column is hidden on mobiles -->
|
||||
<div class="col-sm-6">
|
||||
<div class="pull-right hidden-xs">
|
||||
<ul class="social-icon unstyled">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header-wrapper header-transparent with-topbar">
|
||||
<div class="main-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-2">
|
||||
<!-- Logo - Read documentation to see how to change the logo-->
|
||||
<a href="index.html" class="logo"></a>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-10">
|
||||
<nav class="navbar-right">
|
||||
<ul class="menu">
|
||||
<!-- Toggle Menu - For Mobile Devices -->
|
||||
<li class="toggle-menu"><i class="fa icon_menu"></i></li>
|
||||
|
||||
<li class="first">
|
||||
<a href="#">Home</a>
|
||||
<!--Instead of full class you can type one_two (50%), two_three (66.66%), three_four (75%) -->
|
||||
<div class="megamenu full">
|
||||
<!-- Similar to Bootstrap gid system (12 columns) -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<!-- You can alsoo include paragraps, images, iframes etc, not only lists, but probably you will have to style them -->
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_02.html">Home Transparent Header</a></li>
|
||||
<li><a href="index_09.html">Home Simple Header</a></li>
|
||||
<li><a href="index_06.html">Home Full screen Slider</a></li>
|
||||
<li><a href="index_13.html">Home Video Full Width</a></li>
|
||||
<li><a href="index_10.html">Home Left Dark Menu</a></li>
|
||||
<li><a href="index_13.html">Home Full Screen Menu</a></li>
|
||||
<li><a href="index_14.html">Home Top Menu</a></li>
|
||||
<li><a href="index_04.html">Home Parallax Image</a></li>
|
||||
<li><a href="index_15.html">Home Full Kenburns Slider</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_10.html">Home Kenburns Slider</a></li>
|
||||
<li><a href="index_05.html">Home Boxed Slider</a></li>
|
||||
<li><a href="index_11.html">Home Right Menu</a></li>
|
||||
<li><a href="index_04.html">Home Dark Top bar</a></li>
|
||||
<li><a href="index_05.html">Home Dark Header</a></li>
|
||||
<li><a href="index_08.html">Home Bottom Header</a></li>
|
||||
<li><a href="index_08.html">Home Video Full Screen</a></li>
|
||||
<li><a href="index_12.html">Home Text Rotator</a></li>
|
||||
<li><a href="index_03.html">Home Static Menu</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_07.html">Home Menu under Logo</a></li>
|
||||
<li><a href="index.html">Home Transparent Dark Header</a></li>
|
||||
<li><a href="index_03.html">Home Gray Top Bar</a></li>
|
||||
<li><a href="index_07.html">Home Icons Menu</a></li>
|
||||
<li><a href="index_03.html">Home Menu White </a></li>
|
||||
<li><a href="index_12.html">Home Left White Menu</a></li>
|
||||
<li><a href="index_06.html">Home Menu Dark Transparent</a></li>
|
||||
<li><a href="index_11.html">Home Parallax Full Image</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Home -->
|
||||
<li>
|
||||
<a href="#">Features</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Headers</li>
|
||||
<li><a href="index_02.html">Header Transparent</a></li>
|
||||
<li><a href="index_09.html">Header Simple</a></li>
|
||||
<li><a href="index_08.html">Header Bottom Menu</a></li>
|
||||
<li><a href="index_07.html">Header Icons Menu</a></li>
|
||||
<li><a href="index_05.html">Header Dark</a></li>
|
||||
<li><a href="index.html">Header Transparent Dark</a></li>
|
||||
<li><a href="index_04.html">Header Dark Bar</a></li>
|
||||
<li><a href="index_03.html">Header Gray Bar</a></li>
|
||||
<li><a href="index_14.html">Header Top Menu</a></li>
|
||||
<li><a href="index_13.html">Header Full Screen</a></li>
|
||||
<li><a href="index_03.html">Header Static Menu</a></li>
|
||||
<li><a href="index_07.html">Header Menu under Logo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Menus</li>
|
||||
<li><a href="index_06.html">Menu Dark Transparent</a></li>
|
||||
<li><a href="index.html">Menu Dark</a></li>
|
||||
<li><a href="index_03.html">Menu Light</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Footers</li>
|
||||
<li><a href="index_04.html#footer_index">Footer Dark Simple</a></li>
|
||||
<li><a href="index_03.html#footer_index">Footer Gray</a></li>
|
||||
<li><a href="index.html#footer_index">Footer Background</a></li>
|
||||
<li><a href="index_10.html#footer_index">Footer Simple</a></li>
|
||||
<li><a href="index_02.html#footer_index">Footer Small</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Vertical Menu</li>
|
||||
<li><a href="index_10.html">Header Left Dark</a></li>
|
||||
<li><a href="index_12.html">Header Left Light</a></li>
|
||||
<li><a href="index_11.html">Header Right Menu</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Sliders</li>
|
||||
<li><a href="index.html">Slider Full width</a></li>
|
||||
<li><a href="index_05.html">Slider Boxed</a></li>
|
||||
<li><a href="index_06.html">Slider Full screen</a></li>
|
||||
<li><a href="index_10.html">Slider Kenburns</a></li>
|
||||
<li><a href="index_15.html">Slider Kenburns Full screen</a></li>
|
||||
<li><a href="index_13.html">Slider Video Full width</a></li>
|
||||
<li><a href="index_08.html">Slider Video Full screen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> <!-- END Features -->
|
||||
<li>
|
||||
<a href="#">Pages</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Pages</li>
|
||||
<li><a href="page_about.html">About 1</a></li>
|
||||
<li><a href="page_about_2.html">About 2</a></li>
|
||||
<li><a href="page_about_3.html">About 3</a></li>
|
||||
<li><a href="page_about_4.html">About 4</a></li>
|
||||
<li><a href="page_team.html">Team 1</a></li>
|
||||
<li><a href="page_team_2.html">Team 2</a></li>
|
||||
<li><a href="page_team_3.html">Team 3</a></li>
|
||||
<li><a href="page_team_4.html">Team 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">that you</li>
|
||||
<li><a href="page_services.html">Services 1</a></li>
|
||||
<li><a href="page_services_2.html">Services 2</a></li>
|
||||
<li><a href="page_services_3.html">Services 3</a></li>
|
||||
<li><a href="page_services_4.html">Services 4</a></li>
|
||||
<li><a href="page_contact.html">Contact 1</a></li>
|
||||
<li><a href="page_contact_2.html">Contact 2</a></li>
|
||||
<li><a href="page_contact_3.html">Contact 3</a></li>
|
||||
<li><a href="page_clients.html">Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">really</li>
|
||||
<li><a href="page_pricing.html">Pricing</a></li>
|
||||
<li><a href="page_faq.html">FAQ 1</a></li>
|
||||
<li><a href="page_faq_2.html">FAQ 2</a></li>
|
||||
<li><a href="page_sign_in.html">Sign In</a></li>
|
||||
<li><a href="page_sign_up.html">Sign Up</a></li>
|
||||
<li><a href="page_404.html">404 Not Found</a></li>
|
||||
<li><a href="page_403.html">403 Forbidden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">need</li>
|
||||
<li><a href="page_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="page_sidebars.html">Sidebars</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Sidebar Navigation</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Simple Page Headers</li>
|
||||
<li><a href="page_sidebar.html">Small</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Centered</a></li>
|
||||
<li><a href="page_sidebars.html">Simple (Dark)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Pages -->
|
||||
<li>
|
||||
<a href="#">Blog</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="blog_list_small.html">List Small</a></li>
|
||||
<li><a href="blog_list_large.html">List Large</a></li>
|
||||
<li><a href="blog_grid.html">Grid</a></li>
|
||||
<li><a href="blog_grid_sidebar.html">Grid Sidebar</a></li>
|
||||
<li><a href="blog_masonry.html">Masonry</a></li>
|
||||
<li><a href="blog_masonry_sidebar.html">Masonry Sidebar</a></li>
|
||||
<li><a href="blog_post.html">Post</a></li>
|
||||
<li><a href="blog_post_sidebar.html">Post Sidebar</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Blog -->
|
||||
<li>
|
||||
<a href="#">Portfolio</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li><a href="portfolio_2.html">2 Columns</a></li>
|
||||
<li><a href="portfolio_3.html">3 Columns</a></li>
|
||||
<li><a href="portfolio_4.html">4 Columns</a></li>
|
||||
<li><a href="portfolio_boxed.html">Boxed</a></li>
|
||||
<li><a href="portfolio_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="portfolio_project_wide.html">Wide Project</a></li>
|
||||
<li><a href="portfolio_project_half.html">Half Project</a></li>
|
||||
<li><a href="portfolio_project_sidebar.html">Sidebar Project</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Portfolio -->
|
||||
<li>
|
||||
<a href="#">Shop</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="shop_products.html">Products</a></li>
|
||||
<li><a href="shop_products_sidebar.html">Products Sidebar</a></li>
|
||||
<li><a href="shop_product.html">Product</a></li>
|
||||
<li><a href="shop_product_sidebar.html">Product Sidebar</a></li>
|
||||
<li><a href="shop_account.html">Account</a></li>
|
||||
<li><a href="shop_cart.html">Cart</a></li>
|
||||
<li><a href="shop_checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Shop -->
|
||||
<li><a href="shortcodes.html">Shortcodes</a></li>
|
||||
<!-- Always include last class to link to solve some padding issues -->
|
||||
<li><a class="last" href="#" target="_blank">Documentation</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Container -->
|
||||
</div> <!-- END Main Header -->
|
||||
</header>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Do not remove this class -->
|
||||
<div class="push-top"></div>
|
||||
|
||||
|
||||
|
||||
<section class="section-intro bg-img bg06 stellar" data-stellar-background-ratio="0.4">
|
||||
<div class="bg-overlay op6"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-8">
|
||||
<h1 class="intro-title mb20">Blog Posts</h1>
|
||||
<p class="intro-p mb20">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit tenetur reiciendis molestias nostrum excepturi porro dolorum amet!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="search-form">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="pull-right">
|
||||
<form action="#" role="form" class="pull-right">
|
||||
<input type="text" class="input-search" placeholder="Search and hit enter">
|
||||
<button type="submit" class="hidden"></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section-page">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-8 col-md-9 col-md-push-3 col-sm-push-4 space-left push-off">
|
||||
<div id="portfolio-isotope">
|
||||
<div class="row">
|
||||
<div class="portfolio">
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p10.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Above and beyond</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<iframe class="rs-video video-4by3" src="https://www.youtube.com/embed/YE7VzlLtp-4" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Imagine Dragons</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-forward post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p02.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Upside Down</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<iframe height="166" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/106143476&auto_play=false&hide_related=false&show_artwork=true"></iframe>
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Up in the air</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-soundlcoud post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p03.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">As above so below</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Up and Down</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-file post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<div class="owl-carousel owl-portfolio">
|
||||
<div class="owl-el"><img src="images/demo/p12.jpg" alt="blog image"></div>
|
||||
<div class="owl-el"><img src="images/demo/p11.jpg" alt="blog image"></div>
|
||||
<div class="owl-el"><img src="images/demo/p10.jpg" alt="blog image"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">If you say so</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
<div class="col-sm-12 col-md-6 el">
|
||||
<div class="blog-item">
|
||||
<div class="blog-image">
|
||||
<img src="images/demo/p08.jpg" alt="blog post">
|
||||
</div>
|
||||
<div class="blog-caption">
|
||||
<h3 class="post-title">Keep it cool</h3>
|
||||
<div class="sub-post-title">
|
||||
<span>by <a href="#">John Doe</a></span> <span class="separator"> / </span> <span>15 March, 2015</span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
|
||||
<div class="clearfix">
|
||||
<div class="pull-left"><a href="blog_post_sidebar.html" class="read-more">read more</a></div>
|
||||
<div class="pull-right"><i class="fa fa-camera post-format"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Blog Item -->
|
||||
</div>
|
||||
</div> <!-- END portfolio Container -->
|
||||
</div> <!-- END Portfolio Isotope -->
|
||||
|
||||
<div class="mb20"></div>
|
||||
<ul class="pagination pagination-2 dark">
|
||||
<li class="disabled"><a href="#"><i class="fa fa-chevron-left"></i></a></li>
|
||||
<li class="active"><a href="#">1</a></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4 col-md-3 col-md-pull-9 col-sm-pull-8 pull-off">
|
||||
<aside class="sidebar">
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Above and beyond</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consect adipisicing elit. Impedit, recusandae corrupti voluptas atque voluptatibust!</p>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Get social</h3>
|
||||
<ul class="sidebar-socials">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i> Follow us</a> <span>455 followers</span></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i> Like us</a> <span>505 likes</span></li>
|
||||
<li><a href="#"><i class="fa fa-google-plus"></i> Circle us</a> <span>355 friends</span></li>
|
||||
<li><a href="#"><i class="fa fa-envelope"></i> Subscribe</a> <span>250 subscribers</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Latest Tweets</h3>
|
||||
<div class="sidebar-tweet clearfix mb0">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content"><a href="#" class="tweet-user">@shiftThemes</a> <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span> <small>22 hours ago</small></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a href="#tab1" data-toggle="tab">Popular Posts</a></li>
|
||||
<li><a href="#tab2" data-toggle="tab">Latest Posts</a></li>
|
||||
</ul>
|
||||
<div class="tab-content clearfix">
|
||||
<div class="tab-pane fade in active" id="tab1">
|
||||
<ul class="sidebar-posts">
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p03.jpg" alt="blog post">
|
||||
<div class="image-post-date">25 <br> jan</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">As above so below</a></h5>
|
||||
<span>by John Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p04.jpg" alt="blog post">
|
||||
<div class="image-post-date">20 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Above and beyond</a></h5>
|
||||
<span>by Mark Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p05.jpg" alt="blog post">
|
||||
<div class="image-post-date">27 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Imagine Dragons</a></h5>
|
||||
<span>by justin Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="tab2">
|
||||
<ul class="sidebar-posts">
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p01.jpg" alt="blog post">
|
||||
<div class="image-post-date">25 <br> jan</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">So what</a></h5>
|
||||
<span>by John Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p02.jpg" alt="blog post">
|
||||
<div class="image-post-date">20 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Up in the air</a></h5>
|
||||
<span>by Mark Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p06.jpg" alt="blog post">
|
||||
<div class="image-post-date">27 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Up and Down</a></h5>
|
||||
<span>by justin Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Categories</h3>
|
||||
<ul class="sidebar-categories">
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Design</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Software Engineering</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Graphic</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Programming</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Software Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Tags</h3>
|
||||
<div class="tags">
|
||||
<a href="#" title="10 Topics" class="big">Wordpress</a>
|
||||
<a href="#" title="10 Topics">Concrete5</a>
|
||||
<a href="#" title="10 Topics" class="big">Drupal</a>
|
||||
<a href="#" title="10 Topics">Joomla</a>
|
||||
<a href="#" title="10 Topics" class="big">PHP</a>
|
||||
<a href="#" title="10 Topics">HTML5</a>
|
||||
<a href="#" title="10 Topics">CSS3</a>
|
||||
<a href="#" title="10 Topics" class="big">jQuery</a>
|
||||
<a href="#" title="10 Topics">Java</a>
|
||||
<a href="#" title="10 Topics">Ruby</a>
|
||||
<a href="#" title="10 Topics" class="big">Javascript</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Flickr Photos</h3>
|
||||
<!-- FLickr Feed -->
|
||||
<ul id="flickr-sidebar" class="flickr-feed sidebar-flickr">
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Ads</h3>
|
||||
<div class="row mb10">
|
||||
<div class="col-xs-12">
|
||||
<a href="#"><img src="https://placehold.it/750x400" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row col-p5">
|
||||
<div class="col-xs-6">
|
||||
<a href="#"><img src="https://placehold.it/300x300" alt=""></a>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<a href="#"><img src="https://placehold.it/300x300" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> <!-- END Blog Page-->
|
||||
|
||||
<!-- Footer wrapper -->
|
||||
<footer class="footer-wrapper footer-bg">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Palas</h3>
|
||||
<ul class="footer-links clearfix">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Security</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Get social</h3>
|
||||
<ul class="footer-social clearfix">
|
||||
<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Tweets</h3>
|
||||
<!-- This is just a dummy twitter feed with typed content (not generetad).
|
||||
Didn't include the twitter feed for performance benefits.
|
||||
See in documentation how to include a fully functional twitter feed widget -->
|
||||
<div class="sidebar-tweet clearfix">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content">
|
||||
<a href="#" class="tweet-user">@shiftThemes</a>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
|
||||
<small>22 hours ago</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-sm-push-6 col-md-push-4 xs-box">
|
||||
|
||||
|
||||
<!-- MailChimp Subscribe Form -->
|
||||
<div id="mc_embed_signup">
|
||||
<!-- Replace the below url with the action link from mailchimp (see documentation) -->
|
||||
<form action="#" method="post"
|
||||
id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate class="footer-subscribe">
|
||||
<div id="mc_embed_signup_scroll">
|
||||
<input type="email" value="" name="EMAIL" id="mce-EMAIL" required placeholder=" Type email and hit enter">
|
||||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;">
|
||||
<input type="text" name="b_111fbc1ae1a748cfb4ef9ac27_ac969aca2f" tabindex="-1" value="">
|
||||
</div>
|
||||
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="hidden"></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END mc_embed_signup -->
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-sm-pull-6 col-md-pull-4">
|
||||
<p class="copyright">© Copyright 2015 - 2022 shiftThemes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div> <!-- END Global Wrapper -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Javascript files -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||
<div id="_include_main_plugins"></div>
|
||||
|
||||
<script src="plugins/jflickrfeed.min.js"></script>
|
||||
|
||||
<div id="_include_owl_carousel"></div>
|
||||
<div id="_include_isotope"></div>
|
||||
|
||||
|
||||
<!-- Main javascript file -->
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_masonry_sidebar.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:24:00 GMT -->
|
||||
</html>
|
||||
679
templates/blog_post.html
Normal file
679
templates/blog_post.html
Normal file
@@ -0,0 +1,679 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_post.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:24:00 GMT -->
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8" >
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Palas | Bootstrap Multipurpose HTML5 Template</title>
|
||||
|
||||
<meta name="author" content="shiftthemes">
|
||||
<meta name="description" content="Palas is a Business HTML Template developed with the the latest HTML5 and CSS3 technologies.">
|
||||
|
||||
|
||||
|
||||
<!-- CSS files -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="bootstrap/3.3.1/css/bootstrap.min.css">
|
||||
<link href="font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_elegant_font">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Main CSS file -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="preloader">
|
||||
<div id="status"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Global Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
<div class="h-wrapper">
|
||||
|
||||
<!-- Top Bar -->
|
||||
<div class="topbar">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<ul class="top-menu">
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- This column is hidden on mobiles -->
|
||||
<div class="col-sm-6">
|
||||
<div class="pull-right hidden-xs">
|
||||
<ul class="social-icon unstyled">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header-wrapper header-transparent with-topbar">
|
||||
<div class="main-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-2">
|
||||
<!-- Logo - Read documentation to see how to change the logo-->
|
||||
<a href="index.html" class="logo"></a>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-10">
|
||||
<nav class="navbar-right">
|
||||
<ul class="menu">
|
||||
<!-- Toggle Menu - For Mobile Devices -->
|
||||
<li class="toggle-menu"><i class="fa icon_menu"></i></li>
|
||||
|
||||
<li class="first">
|
||||
<a href="#">Home</a>
|
||||
<!--Instead of full class you can type one_two (50%), two_three (66.66%), three_four (75%) -->
|
||||
<div class="megamenu full">
|
||||
<!-- Similar to Bootstrap gid system (12 columns) -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<!-- You can alsoo include paragraps, images, iframes etc, not only lists, but probably you will have to style them -->
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_02.html">Home Transparent Header</a></li>
|
||||
<li><a href="index_09.html">Home Simple Header</a></li>
|
||||
<li><a href="index_06.html">Home Full screen Slider</a></li>
|
||||
<li><a href="index_13.html">Home Video Full Width</a></li>
|
||||
<li><a href="index_10.html">Home Left Dark Menu</a></li>
|
||||
<li><a href="index_13.html">Home Full Screen Menu</a></li>
|
||||
<li><a href="index_14.html">Home Top Menu</a></li>
|
||||
<li><a href="index_04.html">Home Parallax Image</a></li>
|
||||
<li><a href="index_15.html">Home Full Kenburns Slider</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_10.html">Home Kenburns Slider</a></li>
|
||||
<li><a href="index_05.html">Home Boxed Slider</a></li>
|
||||
<li><a href="index_11.html">Home Right Menu</a></li>
|
||||
<li><a href="index_04.html">Home Dark Top bar</a></li>
|
||||
<li><a href="index_05.html">Home Dark Header</a></li>
|
||||
<li><a href="index_08.html">Home Bottom Header</a></li>
|
||||
<li><a href="index_08.html">Home Video Full Screen</a></li>
|
||||
<li><a href="index_12.html">Home Text Rotator</a></li>
|
||||
<li><a href="index_03.html">Home Static Menu</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_07.html">Home Menu under Logo</a></li>
|
||||
<li><a href="index.html">Home Transparent Dark Header</a></li>
|
||||
<li><a href="index_03.html">Home Gray Top Bar</a></li>
|
||||
<li><a href="index_07.html">Home Icons Menu</a></li>
|
||||
<li><a href="index_03.html">Home Menu White </a></li>
|
||||
<li><a href="index_12.html">Home Left White Menu</a></li>
|
||||
<li><a href="index_06.html">Home Menu Dark Transparent</a></li>
|
||||
<li><a href="index_11.html">Home Parallax Full Image</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Home -->
|
||||
<li>
|
||||
<a href="#">Features</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Headers</li>
|
||||
<li><a href="index_02.html">Header Transparent</a></li>
|
||||
<li><a href="index_09.html">Header Simple</a></li>
|
||||
<li><a href="index_08.html">Header Bottom Menu</a></li>
|
||||
<li><a href="index_07.html">Header Icons Menu</a></li>
|
||||
<li><a href="index_05.html">Header Dark</a></li>
|
||||
<li><a href="index.html">Header Transparent Dark</a></li>
|
||||
<li><a href="index_04.html">Header Dark Bar</a></li>
|
||||
<li><a href="index_03.html">Header Gray Bar</a></li>
|
||||
<li><a href="index_14.html">Header Top Menu</a></li>
|
||||
<li><a href="index_13.html">Header Full Screen</a></li>
|
||||
<li><a href="index_03.html">Header Static Menu</a></li>
|
||||
<li><a href="index_07.html">Header Menu under Logo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Menus</li>
|
||||
<li><a href="index_06.html">Menu Dark Transparent</a></li>
|
||||
<li><a href="index.html">Menu Dark</a></li>
|
||||
<li><a href="index_03.html">Menu Light</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Footers</li>
|
||||
<li><a href="index_04.html#footer_index">Footer Dark Simple</a></li>
|
||||
<li><a href="index_03.html#footer_index">Footer Gray</a></li>
|
||||
<li><a href="index.html#footer_index">Footer Background</a></li>
|
||||
<li><a href="index_10.html#footer_index">Footer Simple</a></li>
|
||||
<li><a href="index_02.html#footer_index">Footer Small</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Vertical Menu</li>
|
||||
<li><a href="index_10.html">Header Left Dark</a></li>
|
||||
<li><a href="index_12.html">Header Left Light</a></li>
|
||||
<li><a href="index_11.html">Header Right Menu</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Sliders</li>
|
||||
<li><a href="index.html">Slider Full width</a></li>
|
||||
<li><a href="index_05.html">Slider Boxed</a></li>
|
||||
<li><a href="index_06.html">Slider Full screen</a></li>
|
||||
<li><a href="index_10.html">Slider Kenburns</a></li>
|
||||
<li><a href="index_15.html">Slider Kenburns Full screen</a></li>
|
||||
<li><a href="index_13.html">Slider Video Full width</a></li>
|
||||
<li><a href="index_08.html">Slider Video Full screen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> <!-- END Features -->
|
||||
<li>
|
||||
<a href="#">Pages</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Pages</li>
|
||||
<li><a href="page_about.html">About 1</a></li>
|
||||
<li><a href="page_about_2.html">About 2</a></li>
|
||||
<li><a href="page_about_3.html">About 3</a></li>
|
||||
<li><a href="page_about_4.html">About 4</a></li>
|
||||
<li><a href="page_team.html">Team 1</a></li>
|
||||
<li><a href="page_team_2.html">Team 2</a></li>
|
||||
<li><a href="page_team_3.html">Team 3</a></li>
|
||||
<li><a href="page_team_4.html">Team 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">that you</li>
|
||||
<li><a href="page_services.html">Services 1</a></li>
|
||||
<li><a href="page_services_2.html">Services 2</a></li>
|
||||
<li><a href="page_services_3.html">Services 3</a></li>
|
||||
<li><a href="page_services_4.html">Services 4</a></li>
|
||||
<li><a href="page_contact.html">Contact 1</a></li>
|
||||
<li><a href="page_contact_2.html">Contact 2</a></li>
|
||||
<li><a href="page_contact_3.html">Contact 3</a></li>
|
||||
<li><a href="page_clients.html">Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">really</li>
|
||||
<li><a href="page_pricing.html">Pricing</a></li>
|
||||
<li><a href="page_faq.html">FAQ 1</a></li>
|
||||
<li><a href="page_faq_2.html">FAQ 2</a></li>
|
||||
<li><a href="page_sign_in.html">Sign In</a></li>
|
||||
<li><a href="page_sign_up.html">Sign Up</a></li>
|
||||
<li><a href="page_404.html">404 Not Found</a></li>
|
||||
<li><a href="page_403.html">403 Forbidden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">need</li>
|
||||
<li><a href="page_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="page_sidebars.html">Sidebars</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Sidebar Navigation</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Simple Page Headers</li>
|
||||
<li><a href="page_sidebar.html">Small</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Centered</a></li>
|
||||
<li><a href="page_sidebars.html">Simple (Dark)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Pages -->
|
||||
<li>
|
||||
<a href="#">Blog</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="blog_list_small.html">List Small</a></li>
|
||||
<li><a href="blog_list_large.html">List Large</a></li>
|
||||
<li><a href="blog_grid.html">Grid</a></li>
|
||||
<li><a href="blog_grid_sidebar.html">Grid Sidebar</a></li>
|
||||
<li><a href="blog_masonry.html">Masonry</a></li>
|
||||
<li><a href="blog_masonry_sidebar.html">Masonry Sidebar</a></li>
|
||||
<li><a href="blog_post.html">Post</a></li>
|
||||
<li><a href="blog_post_sidebar.html">Post Sidebar</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Blog -->
|
||||
<li>
|
||||
<a href="#">Portfolio</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li><a href="portfolio_2.html">2 Columns</a></li>
|
||||
<li><a href="portfolio_3.html">3 Columns</a></li>
|
||||
<li><a href="portfolio_4.html">4 Columns</a></li>
|
||||
<li><a href="portfolio_boxed.html">Boxed</a></li>
|
||||
<li><a href="portfolio_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="portfolio_project_wide.html">Wide Project</a></li>
|
||||
<li><a href="portfolio_project_half.html">Half Project</a></li>
|
||||
<li><a href="portfolio_project_sidebar.html">Sidebar Project</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Portfolio -->
|
||||
<li>
|
||||
<a href="#">Shop</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="shop_products.html">Products</a></li>
|
||||
<li><a href="shop_products_sidebar.html">Products Sidebar</a></li>
|
||||
<li><a href="shop_product.html">Product</a></li>
|
||||
<li><a href="shop_product_sidebar.html">Product Sidebar</a></li>
|
||||
<li><a href="shop_account.html">Account</a></li>
|
||||
<li><a href="shop_cart.html">Cart</a></li>
|
||||
<li><a href="shop_checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Shop -->
|
||||
<li><a href="shortcodes.html">Shortcodes</a></li>
|
||||
<!-- Always include last class to link to solve some padding issues -->
|
||||
<li><a class="last" href="#" target="_blank">Documentation</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Container -->
|
||||
</div> <!-- END Main Header -->
|
||||
</header>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Do not remove this class -->
|
||||
<div class="push-top"></div>
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="section-intro bg-img bg02 stellar" data-stellar-background-ratio="0.4">
|
||||
<div class="bg-overlay op6"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-8">
|
||||
<h1 class="intro-title mb20">Above and beyond</h1>
|
||||
<p class="intro-p mb30">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit tenetur reiciendis molestias nostrum excepturi porro!</p>
|
||||
<div id="shareit" class="sharrre" data-url="https://companywebsite.com" data-text="Make your sharing widget with Sharrre (jQuery Plugin)" data-title="Share"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="page-breadcrumbs-wrapper">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="pull-right">
|
||||
<div class="page-breadcrumbs">
|
||||
15 march <span class="separator"> / </span> 44 comments <span class="separator"> / </span> 125 shares
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section mt30">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<article class="blog-post-content">
|
||||
<p class="blog-post-lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem ah corporis dolore repellat magnam voluptates laborum! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, soluta praesentium ex aperiam deleniti iste recusandae? Non, autem nulla pariatur itaque harum quia quo in accusantium quisquam blanditiis nemo eveniet impedit iure nostrum!</p>
|
||||
|
||||
<h3 class="blog-post-title">Getting Started</h3>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, eos, quam possimus quis id alias dolor laborum incidunt atque dignissimos ea reprehenderit ab. Maiores, praesentium, magnam, distinctio, pariatur repellendus dolore nostrum non voluptatem minus tempora modi voluptatibus voluptas cupiditate optio tempore facilis et consequuntur incidunt nam dolores mollitia explicabo veniam provident suscipit debitis alias assumenda maxime placeat vero asperiores atque sed laborum adipisci. Dolor ipsum quidem et ipsam expedita. Asperiores, blanditiis, adipisci ut corrupti sint deleniti fugiat ea quam vitae quia tempore laudantium. Nulla, quas, quae, obcaecati cum ea optio ipsum eius fugiat aliquid.</p>
|
||||
|
||||
<div class="row mb40 mt40">
|
||||
<div class="col-sm-6">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem veritatis porro rem nesciunt consequatur nisi animi similique facere architecto ab lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores, nulla!!</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas alias fugiat eaque magni accusantium explicabo reiciendis quod rerum aliquid, eligendi quidem harum saepe praesentium distinctio ipsam eum voluptate veritatis illum?</p>
|
||||
<div class="mb30"></div>
|
||||
<h3 class="title-small br-bottom">Why use that</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id accusamus, corporis consequuntur modi blanditiis, ea molestiae eligendi laboriosam fuga et aliquam sit porro pariatur exercitationem saepe ut harum odit, ipsa libero praesentium itaque voluptate.</p>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="blog-post-image">
|
||||
<img src="images/demo/p07.jpg" alt="Blog post Image">
|
||||
<div class="blog-image-source">
|
||||
<p class="mb0">Image source: <a href="#" class="anchor-1">shutterstock</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="mb40">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam, itaque, ipsa. Tempora, laborum, itaque, eveniet ex quia eum impedit dolores ipsam numquam nihil nemo voluptates in asperiores facere assumenda tenetur minus natus architecto nesciunt temporibus similique pariatur nulla quae modi fugiat facilis laudantium totam. Nostrum, eum sequi veniam eaque nemo!</p>
|
||||
<blockquote class="blockquote mb40">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, nihil sed necessitatibus quod saepe modi cupiditate quis deleniti soluta enim voluptas quae sapiente eligendi vitae nulla expedita distinctio earum atque? Dolores, accusamus, blanditiis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore nostrum sed mollitia dolorum.</p>
|
||||
<cite>John Doe</cite>
|
||||
</blockquote>
|
||||
|
||||
<h3 class="blog-post-title">Extensive Documentation and Friendly Support</h3>
|
||||
<p class="mb40">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui, itaque voluptatem explicabo cupiditate commodi neque. Veritatis et consectetur totam, perferendis maxime labore soluta tenetur. Consequatur accusantium esse, optio, excepturi aspernatur, explicabo eum ullam facilis assumenda vero dicta quas. Ipsa esse consequatur unde sit eum voluptate molestiae facilis ut cum qui.</p>
|
||||
|
||||
<h3 class="blog-post-title">Tons of elements and features</h3>
|
||||
<div class="row mb20">
|
||||
<div class="col-sm-6 col-md-3 xs-box">
|
||||
<ul class="unstyled">
|
||||
<li><i class="fa fa-bar-chart mr10"></i> Charts</li>
|
||||
<li><i class="fa fa-camera mr10"></i> Media</li>
|
||||
<li><i class="fa fa-twitter mr10"></i> Social Buttons</li>
|
||||
<li><i class="fa fa-wordpress mr10"></i> Icons</li>
|
||||
<li><i class="fa fa-tasks mr10"></i> Progress Bars</li>
|
||||
<li><i class="fa fa-list-ul mr10"></i> Tabs</li>
|
||||
<li><i class="fa fa-bell-o mr10"></i> Notifications</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<ul class="unstyled">
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Maps</li>
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Sliders</li>
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Tabs</li>
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Accordions</li>
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Toggles</li>
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Popovers</li>
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Media embeds</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb40">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui, itaque voluptatem explicabo cupiditate commodi neque. Veritatis et consectetur totam, perferendis maxime labore soluta tenetur. Consequatur accusantium esse, optio, excepturi aspernatur, explicabo eum ullam facilis assumenda vero dicta quas. Ipsa esse consequatur unde sit eum voluptate molestiae facilis ut cum qui.</p>
|
||||
|
||||
<h3 class="blog-post-title br-bottom">Conclusion</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui, itaque voluptatem explicabo cupiditate commodi neque. Veritatis et consectetur totam, perferendis maxime labore soluta tenetur. Consequatur accusantium esse, optio, excepturi aspernatur.</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row blog-item mb0">
|
||||
<div class="col-sm-12 blog-caption">
|
||||
<div class="media">
|
||||
<div class="pull-left hidden-xs">
|
||||
<img class="media-object author-img" src="images/demo/team1.jpg" alt="author">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading mt10"><a href="#" class="user blog-author">John Doe</a></h4>
|
||||
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, blanditiis, corporis odit ducimus sed nihil impedit vitae eius amet ut ea facilis sequi minima nam beatae! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic consequuntur beatae, minus ipsa non odit atque.</p>
|
||||
<div class="pull-right author-post-social">
|
||||
<ul class="social-icon simple">
|
||||
<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-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="row col-p0 max_height sm_max_height">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="box-services-d bg-img bg19 el_max_height">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-12">
|
||||
<h3 class="title-medium br-bottom mb10">Above and beyond<a href="#" class="link-read-more">read more</a></h3>
|
||||
<p><small>by John Doe <span class="py10"> / </span> 15 March, 2015</small></p>
|
||||
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe suscipit veritatis voluptas! Odit, eos, consectetur. Consequatur non sed doloremque voluptates quis omnis!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="box-services-d bg-img bg02 el_max_height">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-12">
|
||||
<h3 class="title-medium br-bottom mb10">Above and beyond <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p><small>by John Doe <span class="py10"> / </span> 15 March, 2015</small></p>
|
||||
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe suscipit veritatis voluptas! Odit, eos, consectetur. Consequatur non sed doloremque voluptates quis omnis!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="box-services-d bg-img bg07 el_max_height">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-12">
|
||||
<h3 class="title-medium br-bottom mb10">Above and beyond <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p><small>by John Doe <span class="py10"> / </span> 15 March, 2015</small></p>
|
||||
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe suscipit veritatis voluptas! Odit, eos, consectetur. Consequatur non sed doloremque voluptates quis omnis!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section mb30">
|
||||
<div class="container">
|
||||
<div class="row mb70">
|
||||
<div class="col-sm-12">
|
||||
<h2 class="title-medium br-bottom mb30">Leave a comment</h2>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-8">
|
||||
<form class="form" method="post" action="#">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<div class="form-icon icon-user">
|
||||
<input type="text" name="user_name" required class="form-control" placeholder=" Full Name">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<div class="form-icon icon-email">
|
||||
<input type="email" name="user_email" required class="form-control" placeholder=" Email Address">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<label>
|
||||
<textarea name="message" id="message" cols="30" rows="10" required class="form-control" placeholder=" Message"></textarea>
|
||||
</label>
|
||||
<div class="mt30 clearfix">
|
||||
<button type="submit" class="btn btn-d rounded">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h2 class="title-medium br-bottom mb40">Comments</h2>
|
||||
<ul class="media-list">
|
||||
<li class="media">
|
||||
<div class="pull-left">
|
||||
<img src="images/demo/team1.jpg" alt="author" class="media-object">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading"><a href="#" class="user">John Doe</a>
|
||||
<span class="date">Jan 11, 2015</span>
|
||||
<span class="reply"><a href="#">Reply</a></span>
|
||||
</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, magni, impedit, accusantium officia mollitia optio repellendus culpa pariatur temporibus rem nostrum sapiente dignissimos sunt ex in ea possimus corrupti quo.</p>
|
||||
|
||||
<!-- New media -->
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img src="images/demo/team2.jpg" alt="author" class="media-object ">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading"><a href="#" class="user">Sophia Doe</a>
|
||||
<span class="date">Jan 11, 2015</span>
|
||||
<span class="reply"><a href="#">Reply</a></span>
|
||||
</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, magni, impedit, accusantium officia mollitia optio repellendus culpa pariatur temporibus rem nostrum sapiente dignissimos sunt ex in ea possimus corrupti quo.</p>
|
||||
</div> <!-- END Media Body -->
|
||||
</div> <!-- END Media -->
|
||||
|
||||
<!-- New media -->
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img src="images/demo/team3.jpg" alt="author" class="media-object">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading"><a href="#" class="user">Jack Doe</a>
|
||||
<span class="date">Jan 18, 2015</span>
|
||||
<span class="reply"><a href="#">Reply</a></span>
|
||||
</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, magni, impedit, accusantium officia mollitia optio repellendus culpa pariatur temporibus rem nostrum sapiente dignissimos sunt ex in ea possimus corrupti quo.</p>
|
||||
</div> <!-- END Media Body -->
|
||||
</div> <!-- END Media -->
|
||||
|
||||
</div> <!-- END Media Body -->
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="pull-left">
|
||||
<img src="images/demo/team4.jpg" alt="author" class="media-object">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading"><a href="#" class="user">Justin Doe</a>
|
||||
<span class="date">Jan 21, 2015</span>
|
||||
<span class="reply"><a href="#">Reply</a></span>
|
||||
</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, magni, impedit, accusantium officia mollitia optio repellendus culpa pariatur temporibus rem nostrum sapiente dignissimos sunt ex in ea possimus corrupti quo.</p>
|
||||
</div>
|
||||
</li> <!-- END Media -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Footer wrapper -->
|
||||
<footer class="footer-wrapper footer-bg">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Palas</h3>
|
||||
<ul class="footer-links clearfix">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Security</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Get social</h3>
|
||||
<ul class="footer-social clearfix">
|
||||
<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Tweets</h3>
|
||||
<!-- This is just a dummy twitter feed with typed content (not generetad).
|
||||
Didn't include the twitter feed for performance benefits.
|
||||
See in documentation how to include a fully functional twitter feed widget -->
|
||||
<div class="sidebar-tweet clearfix">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content">
|
||||
<a href="#" class="tweet-user">@shiftThemes</a>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
|
||||
<small>22 hours ago</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-sm-push-6 col-md-push-4 xs-box">
|
||||
|
||||
|
||||
<!-- MailChimp Subscribe Form -->
|
||||
<div id="mc_embed_signup">
|
||||
<!-- Replace the below url with the action link from mailchimp (see documentation) -->
|
||||
<form action="#" method="post"
|
||||
id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate class="footer-subscribe">
|
||||
<div id="mc_embed_signup_scroll">
|
||||
<input type="email" value="" name="EMAIL" id="mce-EMAIL" required placeholder=" Type email and hit enter">
|
||||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;">
|
||||
<input type="text" name="b_111fbc1ae1a748cfb4ef9ac27_ac969aca2f" tabindex="-1" value="">
|
||||
</div>
|
||||
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="hidden"></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END mc_embed_signup -->
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-sm-pull-6 col-md-pull-4">
|
||||
<p class="copyright">© Copyright 2015 - 2022 shiftThemes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div> <!-- END Global Wrapper -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Javascript files -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||
<div id="_include_main_plugins"></div>
|
||||
|
||||
|
||||
|
||||
<script src="plugins/sharrre/jquery.sharrre.min.js"></script>
|
||||
|
||||
|
||||
<!-- Main javascript file -->
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_post.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:24:00 GMT -->
|
||||
</html>
|
||||
825
templates/blog_post_sidebar.html
Normal file
825
templates/blog_post_sidebar.html
Normal file
@@ -0,0 +1,825 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_post_sidebar.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:24:00 GMT -->
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8" >
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Palas | Bootstrap Multipurpose HTML5 Template</title>
|
||||
|
||||
<meta name="author" content="shiftthemes">
|
||||
<meta name="description" content="Palas is a Business HTML Template developed with the the latest HTML5 and CSS3 technologies.">
|
||||
|
||||
|
||||
|
||||
<!-- CSS files -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="bootstrap/3.3.1/css/bootstrap.min.css">
|
||||
<link href="font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_elegant_font">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Main CSS file -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="preloader">
|
||||
<div id="status"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Global Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
<div class="h-wrapper">
|
||||
|
||||
<!-- Top Bar -->
|
||||
<div class="topbar">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<ul class="top-menu">
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- This column is hidden on mobiles -->
|
||||
<div class="col-sm-6">
|
||||
<div class="pull-right hidden-xs">
|
||||
<ul class="social-icon unstyled">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header-wrapper header-transparent with-topbar">
|
||||
<div class="main-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-2">
|
||||
<!-- Logo - Read documentation to see how to change the logo-->
|
||||
<a href="index.html" class="logo"></a>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-10">
|
||||
<nav class="navbar-right">
|
||||
<ul class="menu">
|
||||
<!-- Toggle Menu - For Mobile Devices -->
|
||||
<li class="toggle-menu"><i class="fa icon_menu"></i></li>
|
||||
|
||||
<li class="first">
|
||||
<a href="#">Home</a>
|
||||
<!--Instead of full class you can type one_two (50%), two_three (66.66%), three_four (75%) -->
|
||||
<div class="megamenu full">
|
||||
<!-- Similar to Bootstrap gid system (12 columns) -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<!-- You can alsoo include paragraps, images, iframes etc, not only lists, but probably you will have to style them -->
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_02.html">Home Transparent Header</a></li>
|
||||
<li><a href="index_09.html">Home Simple Header</a></li>
|
||||
<li><a href="index_06.html">Home Full screen Slider</a></li>
|
||||
<li><a href="index_13.html">Home Video Full Width</a></li>
|
||||
<li><a href="index_10.html">Home Left Dark Menu</a></li>
|
||||
<li><a href="index_13.html">Home Full Screen Menu</a></li>
|
||||
<li><a href="index_14.html">Home Top Menu</a></li>
|
||||
<li><a href="index_04.html">Home Parallax Image</a></li>
|
||||
<li><a href="index_15.html">Home Full Kenburns Slider</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_10.html">Home Kenburns Slider</a></li>
|
||||
<li><a href="index_05.html">Home Boxed Slider</a></li>
|
||||
<li><a href="index_11.html">Home Right Menu</a></li>
|
||||
<li><a href="index_04.html">Home Dark Top bar</a></li>
|
||||
<li><a href="index_05.html">Home Dark Header</a></li>
|
||||
<li><a href="index_08.html">Home Bottom Header</a></li>
|
||||
<li><a href="index_08.html">Home Video Full Screen</a></li>
|
||||
<li><a href="index_12.html">Home Text Rotator</a></li>
|
||||
<li><a href="index_03.html">Home Static Menu</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_07.html">Home Menu under Logo</a></li>
|
||||
<li><a href="index.html">Home Transparent Dark Header</a></li>
|
||||
<li><a href="index_03.html">Home Gray Top Bar</a></li>
|
||||
<li><a href="index_07.html">Home Icons Menu</a></li>
|
||||
<li><a href="index_03.html">Home Menu White </a></li>
|
||||
<li><a href="index_12.html">Home Left White Menu</a></li>
|
||||
<li><a href="index_06.html">Home Menu Dark Transparent</a></li>
|
||||
<li><a href="index_11.html">Home Parallax Full Image</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Home -->
|
||||
<li>
|
||||
<a href="#">Features</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Headers</li>
|
||||
<li><a href="index_02.html">Header Transparent</a></li>
|
||||
<li><a href="index_09.html">Header Simple</a></li>
|
||||
<li><a href="index_08.html">Header Bottom Menu</a></li>
|
||||
<li><a href="index_07.html">Header Icons Menu</a></li>
|
||||
<li><a href="index_05.html">Header Dark</a></li>
|
||||
<li><a href="index.html">Header Transparent Dark</a></li>
|
||||
<li><a href="index_04.html">Header Dark Bar</a></li>
|
||||
<li><a href="index_03.html">Header Gray Bar</a></li>
|
||||
<li><a href="index_14.html">Header Top Menu</a></li>
|
||||
<li><a href="index_13.html">Header Full Screen</a></li>
|
||||
<li><a href="index_03.html">Header Static Menu</a></li>
|
||||
<li><a href="index_07.html">Header Menu under Logo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Menus</li>
|
||||
<li><a href="index_06.html">Menu Dark Transparent</a></li>
|
||||
<li><a href="index.html">Menu Dark</a></li>
|
||||
<li><a href="index_03.html">Menu Light</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Footers</li>
|
||||
<li><a href="index_04.html#footer_index">Footer Dark Simple</a></li>
|
||||
<li><a href="index_03.html#footer_index">Footer Gray</a></li>
|
||||
<li><a href="index.html#footer_index">Footer Background</a></li>
|
||||
<li><a href="index_10.html#footer_index">Footer Simple</a></li>
|
||||
<li><a href="index_02.html#footer_index">Footer Small</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Vertical Menu</li>
|
||||
<li><a href="index_10.html">Header Left Dark</a></li>
|
||||
<li><a href="index_12.html">Header Left Light</a></li>
|
||||
<li><a href="index_11.html">Header Right Menu</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Sliders</li>
|
||||
<li><a href="index.html">Slider Full width</a></li>
|
||||
<li><a href="index_05.html">Slider Boxed</a></li>
|
||||
<li><a href="index_06.html">Slider Full screen</a></li>
|
||||
<li><a href="index_10.html">Slider Kenburns</a></li>
|
||||
<li><a href="index_15.html">Slider Kenburns Full screen</a></li>
|
||||
<li><a href="index_13.html">Slider Video Full width</a></li>
|
||||
<li><a href="index_08.html">Slider Video Full screen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> <!-- END Features -->
|
||||
<li>
|
||||
<a href="#">Pages</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Pages</li>
|
||||
<li><a href="page_about.html">About 1</a></li>
|
||||
<li><a href="page_about_2.html">About 2</a></li>
|
||||
<li><a href="page_about_3.html">About 3</a></li>
|
||||
<li><a href="page_about_4.html">About 4</a></li>
|
||||
<li><a href="page_team.html">Team 1</a></li>
|
||||
<li><a href="page_team_2.html">Team 2</a></li>
|
||||
<li><a href="page_team_3.html">Team 3</a></li>
|
||||
<li><a href="page_team_4.html">Team 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">that you</li>
|
||||
<li><a href="page_services.html">Services 1</a></li>
|
||||
<li><a href="page_services_2.html">Services 2</a></li>
|
||||
<li><a href="page_services_3.html">Services 3</a></li>
|
||||
<li><a href="page_services_4.html">Services 4</a></li>
|
||||
<li><a href="page_contact.html">Contact 1</a></li>
|
||||
<li><a href="page_contact_2.html">Contact 2</a></li>
|
||||
<li><a href="page_contact_3.html">Contact 3</a></li>
|
||||
<li><a href="page_clients.html">Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">really</li>
|
||||
<li><a href="page_pricing.html">Pricing</a></li>
|
||||
<li><a href="page_faq.html">FAQ 1</a></li>
|
||||
<li><a href="page_faq_2.html">FAQ 2</a></li>
|
||||
<li><a href="page_sign_in.html">Sign In</a></li>
|
||||
<li><a href="page_sign_up.html">Sign Up</a></li>
|
||||
<li><a href="page_404.html">404 Not Found</a></li>
|
||||
<li><a href="page_403.html">403 Forbidden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">need</li>
|
||||
<li><a href="page_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="page_sidebars.html">Sidebars</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Sidebar Navigation</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Simple Page Headers</li>
|
||||
<li><a href="page_sidebar.html">Small</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Centered</a></li>
|
||||
<li><a href="page_sidebars.html">Simple (Dark)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Pages -->
|
||||
<li>
|
||||
<a href="#">Blog</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="blog_list_small.html">List Small</a></li>
|
||||
<li><a href="blog_list_large.html">List Large</a></li>
|
||||
<li><a href="blog_grid.html">Grid</a></li>
|
||||
<li><a href="blog_grid_sidebar.html">Grid Sidebar</a></li>
|
||||
<li><a href="blog_masonry.html">Masonry</a></li>
|
||||
<li><a href="blog_masonry_sidebar.html">Masonry Sidebar</a></li>
|
||||
<li><a href="blog_post.html">Post</a></li>
|
||||
<li><a href="blog_post_sidebar.html">Post Sidebar</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Blog -->
|
||||
<li>
|
||||
<a href="#">Portfolio</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li><a href="portfolio_2.html">2 Columns</a></li>
|
||||
<li><a href="portfolio_3.html">3 Columns</a></li>
|
||||
<li><a href="portfolio_4.html">4 Columns</a></li>
|
||||
<li><a href="portfolio_boxed.html">Boxed</a></li>
|
||||
<li><a href="portfolio_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="portfolio_project_wide.html">Wide Project</a></li>
|
||||
<li><a href="portfolio_project_half.html">Half Project</a></li>
|
||||
<li><a href="portfolio_project_sidebar.html">Sidebar Project</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Portfolio -->
|
||||
<li>
|
||||
<a href="#">Shop</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="shop_products.html">Products</a></li>
|
||||
<li><a href="shop_products_sidebar.html">Products Sidebar</a></li>
|
||||
<li><a href="shop_product.html">Product</a></li>
|
||||
<li><a href="shop_product_sidebar.html">Product Sidebar</a></li>
|
||||
<li><a href="shop_account.html">Account</a></li>
|
||||
<li><a href="shop_cart.html">Cart</a></li>
|
||||
<li><a href="shop_checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Shop -->
|
||||
<li><a href="shortcodes.html">Shortcodes</a></li>
|
||||
<!-- Always include last class to link to solve some padding issues -->
|
||||
<li><a class="last" href="#" target="_blank">Documentation</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Container -->
|
||||
</div> <!-- END Main Header -->
|
||||
</header>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Do not remove this class -->
|
||||
<div class="push-top"></div>
|
||||
|
||||
|
||||
|
||||
<section class="section-intro bg-img bg05 stellar" data-stellar-background-ratio="0.4">
|
||||
<div class="bg-overlay op6"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-8">
|
||||
<h1 class="intro-title mb20">Above and beyond</h1>
|
||||
<p class="intro-p mb30">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit tenetur reiciendis molestias nostrum excepturi porro!</p>
|
||||
<div id="shareit" class="sharrre" data-url="https://companywebsite.com" data-text="Make your sharing widget with Sharrre (jQuery Plugin)" data-title="Share"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="page-breadcrumbs-wrapper">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="pull-right">
|
||||
<div class="page-breadcrumbs">
|
||||
15 march <span class="separator"> / </span> 44 comments <span class="separator"> / </span> 125 shares
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section-page">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-9 col-md-push-3 space-left push-off">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<article class="blog-post-content">
|
||||
<p class="blog-post-lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem ah corporis dolore repellat magnam voluptates laborum! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, soluta praesentium ex aperiam deleniti iste recusandae? Non, autem nulla pariatur itaque harum quia quo in accusantium quisquam blanditiis nemo eveniet impedit iure nostrum!</p>
|
||||
|
||||
<h3 class="blog-post-title">Getting Started</h3>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, eos, quam possimus quis id alias dolor laborum incidunt atque dignissimos ea reprehenderit ab. Maiores, praesentium, magnam, distinctio, pariatur repellendus dolore nostrum non voluptatem minus tempora modi voluptatibus voluptas cupiditate optio tempore facilis et consequuntur incidunt nam dolores mollitia explicabo veniam provident suscipit debitis alias assumenda maxime placeat vero asperiores atque sed laborum adipisci. Dolor ipsum quidem et ipsam expedita. Asperiores, blanditiis, adipisci ut corrupti sint deleniti fugiat ea quam vitae quia tempore laudantium. Nulla, quas, quae, obcaecati cum ea optio ipsum eius fugiat aliquid.</p>
|
||||
|
||||
<div class="row mb40 mt40">
|
||||
<div class="col-sm-6">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem veritatis porro rem nesciunt consequatur nisi animi similique facere architecto ab lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores, nulla dolorum amet sit.</p>
|
||||
<div class="mb30"></div>
|
||||
<h3 class="title-small br-bottom">Why use that</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id accusamus, corporis consequuntur modi blanditiis, ea molestiae eligendi laboriosam fuga et aliquam sit porro.</p>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="blog-post-image">
|
||||
<img src="images/demo/p07.jpg" alt="Blog post Image">
|
||||
<div class="blog-image-source">
|
||||
<p class="mb0">Image source: <a href="#" class="anchor-1">shutterstock</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="mb40">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam, itaque, ipsa. Tempora, laborum, itaque, eveniet ex quia eum impedit dolores ipsam numquam nihil nemo voluptates in asperiores facere assumenda tenetur minus natus architecto nesciunt temporibus similique pariatur nulla quae modi fugiat facilis laudantium totam. Nostrum, eum sequi veniam eaque nemo!</p>
|
||||
<blockquote class="blockquote mb40">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, nihil sed necessitatibus quod saepe modi cupiditate quis deleniti soluta enim voluptas quae sapiente eligendi vitae nulla expedita distinctio earum atque? Dolores, accusamus, blanditiis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore nostrum sed mollitia dolorum.</p>
|
||||
<cite>John Doe</cite>
|
||||
</blockquote>
|
||||
|
||||
<h3 class="blog-post-title">Extensive Documentation and Friendly Support</h3>
|
||||
<p class="mb40">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui, itaque voluptatem explicabo cupiditate commodi neque. Veritatis et consectetur totam, perferendis maxime labore soluta tenetur. Consequatur accusantium esse, optio, excepturi aspernatur, explicabo eum ullam facilis assumenda vero dicta quas. Ipsa esse consequatur unde sit eum voluptate molestiae facilis ut cum qui.</p>
|
||||
|
||||
<h3 class="blog-post-title">Tons of elements and features</h3>
|
||||
<div class="row mb20">
|
||||
<div class="col-sm-6 col-md-4 xs-box">
|
||||
<ul class="unstyled">
|
||||
<li><i class="fa fa-bar-chart mr10"></i> Charts</li>
|
||||
<li><i class="fa fa-camera mr10"></i> Media</li>
|
||||
<li><i class="fa fa-twitter mr10"></i> Social Buttons</li>
|
||||
<li><i class="fa fa-wordpress mr10"></i> Icons</li>
|
||||
<li><i class="fa fa-tasks mr10"></i> Progress Bars</li>
|
||||
<li><i class="fa fa-list-ul mr10"></i> Tabs</li>
|
||||
<li><i class="fa fa-bell-o mr10"></i> Notifications</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<ul class="unstyled">
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Maps</li>
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Sliders</li>
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Tabs</li>
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Accordions</li>
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Toggles</li>
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Popovers</li>
|
||||
<li><i class="fa fa-chevron-right fs-small color-main mr10"></i> Media embeds</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb40">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui, itaque voluptatem explicabo cupiditate commodi neque. Veritatis et consectetur totam, perferendis maxime labore soluta tenetur. Consequatur accusantium esse, optio, excepturi aspernatur, explicabo eum ullam facilis assumenda vero dicta quas. Ipsa esse consequatur unde sit eum voluptate molestiae facilis ut cum qui.</p>
|
||||
|
||||
<h3 class="blog-post-title br-bottom">Conclusion</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui, itaque voluptatem explicabo cupiditate commodi neque. Veritatis et consectetur totam, perferendis maxime labore soluta tenetur. Consequatur accusantium esse, optio, excepturi aspernatur.</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row blog-item mb70">
|
||||
<div class="col-sm-12 blog-caption">
|
||||
<div class="media">
|
||||
<div class="pull-left hidden-xs">
|
||||
<img class="media-object author-img" src="images/demo/team1.jpg" alt="author">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading mt10"><a href="#" class="user blog-author">John Doe</a></h4>
|
||||
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, blanditiis, corporis odit ducimus sed nihil impedit vitae eius amet ut ea facilis sequi minima nam beatae! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic consequuntur beatae, minus ipsa non odit atque.</p>
|
||||
<div class="pull-right author-post-social">
|
||||
<ul class="social-icon simple">
|
||||
<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-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb70">
|
||||
<div class="col-sm-12">
|
||||
<h2 class="title-medium br-bottom mb30">Leave a comment</h2>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<form class="form" method="post" action="#">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<div class="form-icon icon-user">
|
||||
<input type="text" name="user_name" required class="form-control" placeholder=" Full Name">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<div class="form-icon icon-email">
|
||||
<input type="email" name="user_email" required class="form-control" placeholder=" Email Address">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<label>
|
||||
<textarea name="message" id="message" cols="30" rows="10" required class="form-control" placeholder=" Message"></textarea>
|
||||
</label>
|
||||
<div class="mt30 clearfix">
|
||||
<button type="submit" class="btn btn-d rounded">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h2 class="title-medium br-bottom mb40">Comments</h2>
|
||||
<ul class="media-list">
|
||||
<li class="media">
|
||||
<div class="pull-left">
|
||||
<img src="images/demo/team1.jpg" alt="author" class="media-object">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading"><a href="#" class="user">John Doe</a>
|
||||
<span class="date">Jan 11, 2015</span>
|
||||
<span class="reply"><a href="#">Reply</a></span>
|
||||
</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, magni, impedit, accusantium officia mollitia optio repellendus culpa pariatur temporibus rem nostrum sapiente dignissimos sunt ex in ea possimus corrupti quo.</p>
|
||||
|
||||
<!-- New media -->
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img src="images/demo/team2.jpg" alt="author" class="media-object ">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading"><a href="#" class="user">Sophia Doe</a>
|
||||
<span class="date">Jan 11, 2015</span>
|
||||
<span class="reply"><a href="#">Reply</a></span>
|
||||
</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, magni, impedit, accusantium officia mollitia optio repellendus culpa pariatur temporibus rem nostrum sapiente dignissimos sunt ex in ea possimus corrupti quo.</p>
|
||||
</div> <!-- END Media Body -->
|
||||
</div> <!-- END Media -->
|
||||
|
||||
<!-- New media -->
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img src="images/demo/team3.jpg" alt="author" class="media-object">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading"><a href="#" class="user">Jack Doe</a>
|
||||
<span class="date">Jan 18, 2015</span>
|
||||
<span class="reply"><a href="#">Reply</a></span>
|
||||
</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, magni, impedit, accusantium officia mollitia optio repellendus culpa pariatur temporibus rem nostrum sapiente dignissimos sunt ex in ea possimus corrupti quo.</p>
|
||||
</div> <!-- END Media Body -->
|
||||
</div> <!-- END Media -->
|
||||
|
||||
</div> <!-- END Media Body -->
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="pull-left">
|
||||
<img src="images/demo/team4.jpg" alt="author" class="media-object">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading"><a href="#" class="user">Justin Doe</a>
|
||||
<span class="date">Jan 21, 2015</span>
|
||||
<span class="reply"><a href="#">Reply</a></span>
|
||||
</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, magni, impedit, accusantium officia mollitia optio repellendus culpa pariatur temporibus rem nostrum sapiente dignissimos sunt ex in ea possimus corrupti quo.</p>
|
||||
</div>
|
||||
</li> <!-- END Media -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-3 col-md-pull-9 pull-off">
|
||||
<aside class="sidebar sidebar-blog-post">
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Above and beyond</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consect adipisicing elit. Impedit, recusandae corrupti voluptas atque voluptatibust!</p>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Get social</h3>
|
||||
<ul class="sidebar-socials">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i> Follow us</a> <span>455 followers</span></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i> Like us</a> <span>505 likes</span></li>
|
||||
<li><a href="#"><i class="fa fa-google-plus"></i> Circle us</a> <span>355 friends</span></li>
|
||||
<li><a href="#"><i class="fa fa-envelope"></i> Subscribe</a> <span>250 subscribers</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Latest Tweets</h3>
|
||||
<div class="sidebar-tweet clearfix mb0">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content"><a href="#" class="tweet-user">@shiftThemes</a> <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span> <small>22 hours ago</small></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a href="#tab1" data-toggle="tab">Popular Posts</a></li>
|
||||
<li><a href="#tab2" data-toggle="tab">Latest Posts</a></li>
|
||||
</ul>
|
||||
<div class="tab-content clearfix">
|
||||
<div class="tab-pane fade in active" id="tab1">
|
||||
<ul class="sidebar-posts">
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p03.jpg" alt="blog post">
|
||||
<div class="image-post-date">25 <br> jan</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">As above so below</a></h5>
|
||||
<span>by John Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p04.jpg" alt="blog post">
|
||||
<div class="image-post-date">20 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Above and beyond</a></h5>
|
||||
<span>by Mark Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p05.jpg" alt="blog post">
|
||||
<div class="image-post-date">27 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Imagine Dragons</a></h5>
|
||||
<span>by justin Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="tab2">
|
||||
<ul class="sidebar-posts">
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p01.jpg" alt="blog post">
|
||||
<div class="image-post-date">25 <br> jan</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">So what</a></h5>
|
||||
<span>by John Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p02.jpg" alt="blog post">
|
||||
<div class="image-post-date">20 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Up in the air</a></h5>
|
||||
<span>by Mark Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p06.jpg" alt="blog post">
|
||||
<div class="image-post-date">27 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Up and Down</a></h5>
|
||||
<span>by justin Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Categories</h3>
|
||||
<ul class="sidebar-categories">
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Design</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Software Engineering</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Graphic</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Web Programming</a></li>
|
||||
<li><a href="#"><i class="fa fa-chevron-right"></i> Software Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Tags</h3>
|
||||
<div class="tags">
|
||||
<a href="#" title="10 Topics" class="big">Wordpress</a>
|
||||
<a href="#" title="10 Topics">Concrete5</a>
|
||||
<a href="#" title="10 Topics" class="big">Drupal</a>
|
||||
<a href="#" title="10 Topics">Joomla</a>
|
||||
<a href="#" title="10 Topics" class="big">PHP</a>
|
||||
<a href="#" title="10 Topics">HTML5</a>
|
||||
<a href="#" title="10 Topics">CSS3</a>
|
||||
<a href="#" title="10 Topics" class="big">jQuery</a>
|
||||
<a href="#" title="10 Topics">Java</a>
|
||||
<a href="#" title="10 Topics">Ruby</a>
|
||||
<a href="#" title="10 Topics" class="big">Javascript</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Flickr Photos</h3>
|
||||
<!-- FLickr Feed -->
|
||||
<ul id="flickr-sidebar" class="flickr-feed sidebar-flickr">
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Ads</h3>
|
||||
<div class="row mb10">
|
||||
<div class="col-xs-12">
|
||||
<a href="#"><img src="https://placehold.it/750x400" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row col-p5">
|
||||
<div class="col-xs-6">
|
||||
<a href="#"><img src="https://placehold.it/300x300" alt=""></a>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<a href="#"><img src="https://placehold.it/300x300" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="sidebar-title br-bottom">Related blog posts</h3>
|
||||
<ul class="sidebar-posts">
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p03.jpg" alt="blog post">
|
||||
<div class="image-post-date">25 <br> jan</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">As above so below</a></h5>
|
||||
<span>by John Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p04.jpg" alt="blog post">
|
||||
<div class="image-post-date">20 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Above and beyond</a></h5>
|
||||
<span>by Mark Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p05.jpg" alt="blog post">
|
||||
<div class="image-post-date">27 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">Imagine Dragons</a></h5>
|
||||
<span>by Justin Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-post">
|
||||
<div class="image-post">
|
||||
<img src="images/demo/p01.jpg" alt="blog post">
|
||||
<div class="image-post-date">27 <br> feb</div>
|
||||
</div>
|
||||
<div class="info-post">
|
||||
<h5><a href="blog_single_left.html">If you say so</a></h5>
|
||||
<span>by Alex Doe</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> <!-- END Blog Page-->
|
||||
|
||||
<!-- Footer wrapper -->
|
||||
<footer class="footer-wrapper footer-bg">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Palas</h3>
|
||||
<ul class="footer-links clearfix">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Security</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Get social</h3>
|
||||
<ul class="footer-social clearfix">
|
||||
<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Tweets</h3>
|
||||
<!-- This is just a dummy twitter feed with typed content (not generetad).
|
||||
Didn't include the twitter feed for performance benefits.
|
||||
See in documentation how to include a fully functional twitter feed widget -->
|
||||
<div class="sidebar-tweet clearfix">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content">
|
||||
<a href="#" class="tweet-user">@shiftThemes</a>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
|
||||
<small>22 hours ago</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-sm-push-6 col-md-push-4 xs-box">
|
||||
|
||||
|
||||
<!-- MailChimp Subscribe Form -->
|
||||
<div id="mc_embed_signup">
|
||||
<!-- Replace the below url with the action link from mailchimp (see documentation) -->
|
||||
<form action="#" method="post"
|
||||
id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate class="footer-subscribe">
|
||||
<div id="mc_embed_signup_scroll">
|
||||
<input type="email" value="" name="EMAIL" id="mce-EMAIL" required placeholder=" Type email and hit enter">
|
||||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;">
|
||||
<input type="text" name="b_111fbc1ae1a748cfb4ef9ac27_ac969aca2f" tabindex="-1" value="">
|
||||
</div>
|
||||
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="hidden"></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END mc_embed_signup -->
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-sm-pull-6 col-md-pull-4">
|
||||
<p class="copyright">© Copyright 2015 - 2022 shiftThemes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div> <!-- END Global Wrapper -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Javascript files -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||
<div id="_include_main_plugins"></div>
|
||||
|
||||
<script src="plugins/jflickrfeed.min.js"></script>
|
||||
|
||||
<script src="plugins/sharrre/jquery.sharrre.min.js"></script>
|
||||
|
||||
|
||||
<!-- Main javascript file -->
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/blog_post_sidebar.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:24:00 GMT -->
|
||||
</html>
|
||||
190
templates/blog_single_left.html
Normal file
190
templates/blog_single_left.html
Normal file
File diff suppressed because one or more lines are too long
5
templates/bootstrap/3.3.1/css/bootstrap.min.css
vendored
Normal file
5
templates/bootstrap/3.3.1/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
templates/bootstrap/3.3.1/js/bootstrap.min.js
vendored
Normal file
7
templates/bootstrap/3.3.1/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
5212
templates/css/style.css
Normal file
5212
templates/css/style.css
Normal file
File diff suppressed because one or more lines are too long
0
templates/css/void.css
Normal file
0
templates/css/void.css
Normal file
4
templates/font-awesome/4.2.0/css/font-awesome.min.css
vendored
Normal file
4
templates/font-awesome/4.2.0/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
templates/images/cursor_move.png
Normal file
BIN
templates/images/cursor_move.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 156 B |
BIN
templates/images/demo/bg01.jpg
Normal file
BIN
templates/images/demo/bg01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 181 KiB |
BIN
templates/images/demo/bg02.jpg
Normal file
BIN
templates/images/demo/bg02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 131 KiB |
BIN
templates/images/demo/bg03.jpg
Normal file
BIN
templates/images/demo/bg03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
BIN
templates/images/demo/bg04.jpg
Normal file
BIN
templates/images/demo/bg04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 345 KiB |
BIN
templates/images/demo/bg05.jpg
Normal file
BIN
templates/images/demo/bg05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 129 KiB |
BIN
templates/images/demo/bg06.jpg
Normal file
BIN
templates/images/demo/bg06.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 133 KiB |
BIN
templates/images/demo/bg07.jpg
Normal file
BIN
templates/images/demo/bg07.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 245 KiB |
BIN
templates/images/demo/bg08.jpg
Normal file
BIN
templates/images/demo/bg08.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 129 KiB |
BIN
templates/images/demo/bg09.jpg
Normal file
BIN
templates/images/demo/bg09.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
BIN
templates/images/demo/bg10.jpg
Normal file
BIN
templates/images/demo/bg10.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
BIN
templates/images/demo/bg11.jpg
Normal file
BIN
templates/images/demo/bg11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 164 KiB |
BIN
templates/images/demo/bg12.jpg
Normal file
BIN
templates/images/demo/bg12.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 423 KiB |
BIN
templates/images/demo/bg13.jpg
Normal file
BIN
templates/images/demo/bg13.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
BIN
templates/images/demo/bg14.jpg
Normal file
BIN
templates/images/demo/bg14.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
BIN
templates/images/demo/bg15.jpg
Normal file
BIN
templates/images/demo/bg15.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 168 KiB |
BIN
templates/images/demo/bg16.jpg
Normal file
BIN
templates/images/demo/bg16.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 141 KiB |
BIN
templates/images/demo/bg17.jpg
Normal file
BIN
templates/images/demo/bg17.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
BIN
templates/images/demo/bg18.jpg
Normal file
BIN
templates/images/demo/bg18.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
BIN
templates/images/demo/bg19.jpg
Normal file
BIN
templates/images/demo/bg19.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 144 KiB |
BIN
templates/images/demo/blog01.jpg
Normal file
BIN
templates/images/demo/blog01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 217 KiB |
BIN
templates/images/demo/blog02.jpg
Normal file
BIN
templates/images/demo/blog02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
BIN
templates/images/demo/blog03.jpg
Normal file
BIN
templates/images/demo/blog03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 236 KiB |
BIN
templates/images/demo/blog04.jpg
Normal file
BIN
templates/images/demo/blog04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
BIN
templates/images/demo/client01.png
Normal file
BIN
templates/images/demo/client01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
templates/images/demo/client01a.png
Normal file
BIN
templates/images/demo/client01a.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
templates/images/demo/client02.png
Normal file
BIN
templates/images/demo/client02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
templates/images/demo/client02a.png
Normal file
BIN
templates/images/demo/client02a.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
templates/images/demo/client03.png
Normal file
BIN
templates/images/demo/client03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
templates/images/demo/client03a.png
Normal file
BIN
templates/images/demo/client03a.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
templates/images/demo/client04.png
Normal file
BIN
templates/images/demo/client04.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
templates/images/demo/client04a.png
Normal file
BIN
templates/images/demo/client04a.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
templates/images/demo/client05.png
Normal file
BIN
templates/images/demo/client05.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
templates/images/demo/client05a.png
Normal file
BIN
templates/images/demo/client05a.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
templates/images/demo/client06.png
Normal file
BIN
templates/images/demo/client06.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
templates/images/demo/client06a.png
Normal file
BIN
templates/images/demo/client06a.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
templates/images/demo/client07.png
Normal file
BIN
templates/images/demo/client07.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
templates/images/demo/client07a.png
Normal file
BIN
templates/images/demo/client07a.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
templates/images/demo/client08.png
Normal file
BIN
templates/images/demo/client08.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
templates/images/demo/client08a.png
Normal file
BIN
templates/images/demo/client08a.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
templates/images/demo/img01.png
Normal file
BIN
templates/images/demo/img01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
templates/images/demo/office1.jpg
Normal file
BIN
templates/images/demo/office1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
BIN
templates/images/demo/office2.jpg
Normal file
BIN
templates/images/demo/office2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
templates/images/demo/office3.jpg
Normal file
BIN
templates/images/demo/office3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
templates/images/demo/office4.jpg
Normal file
BIN
templates/images/demo/office4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
BIN
templates/images/demo/p01.jpg
Normal file
BIN
templates/images/demo/p01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
BIN
templates/images/demo/p02.jpg
Normal file
BIN
templates/images/demo/p02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
templates/images/demo/p03.jpg
Normal file
BIN
templates/images/demo/p03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
BIN
templates/images/demo/p04.jpg
Normal file
BIN
templates/images/demo/p04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 138 KiB |
BIN
templates/images/demo/p05.jpg
Normal file
BIN
templates/images/demo/p05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
templates/images/demo/p06.jpg
Normal file
BIN
templates/images/demo/p06.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
BIN
templates/images/demo/p07.jpg
Normal file
BIN
templates/images/demo/p07.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
BIN
templates/images/demo/p08.jpg
Normal file
BIN
templates/images/demo/p08.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
templates/images/demo/p09.jpg
Normal file
BIN
templates/images/demo/p09.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
BIN
templates/images/demo/p10.jpg
Normal file
BIN
templates/images/demo/p10.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
templates/images/demo/p11.jpg
Normal file
BIN
templates/images/demo/p11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
BIN
templates/images/demo/p12.jpg
Normal file
BIN
templates/images/demo/p12.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
BIN
templates/images/demo/p13.jpg
Normal file
BIN
templates/images/demo/p13.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
templates/images/demo/shop01.jpg
Normal file
BIN
templates/images/demo/shop01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
templates/images/demo/shop02.jpg
Normal file
BIN
templates/images/demo/shop02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
templates/images/demo/shop03.jpg
Normal file
BIN
templates/images/demo/shop03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
templates/images/demo/shop04.jpg
Normal file
BIN
templates/images/demo/shop04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
templates/images/demo/shop11.jpg
Normal file
BIN
templates/images/demo/shop11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
templates/images/demo/shop12.jpg
Normal file
BIN
templates/images/demo/shop12.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
templates/images/demo/shop13.jpg
Normal file
BIN
templates/images/demo/shop13.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
templates/images/demo/shop21.jpg
Normal file
BIN
templates/images/demo/shop21.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
templates/images/demo/shop22.jpg
Normal file
BIN
templates/images/demo/shop22.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
templates/images/demo/shop23.jpg
Normal file
BIN
templates/images/demo/shop23.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
templates/images/demo/team1.jpg
Normal file
BIN
templates/images/demo/team1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
templates/images/demo/team2.jpg
Normal file
BIN
templates/images/demo/team2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
templates/images/demo/team3.jpg
Normal file
BIN
templates/images/demo/team3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
BIN
templates/images/demo/team4.jpg
Normal file
BIN
templates/images/demo/team4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
templates/images/demo/team5.jpg
Normal file
BIN
templates/images/demo/team5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
BIN
templates/images/demo/team6.jpg
Normal file
BIN
templates/images/demo/team6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
templates/images/logo-light.png
Normal file
BIN
templates/images/logo-light.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 682 B |
BIN
templates/images/logo.png
Normal file
BIN
templates/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 676 B |
BIN
templates/images/map.png
Normal file
BIN
templates/images/map.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
templates/images/patterns/19.png
Normal file
BIN
templates/images/patterns/19.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 160 B |
BIN
templates/images/preloader.gif
Normal file
BIN
templates/images/preloader.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
1107
templates/index.html
Normal file
1107
templates/index.html
Normal file
File diff suppressed because it is too large
Load Diff
1119
templates/index_02.html
Normal file
1119
templates/index_02.html
Normal file
File diff suppressed because it is too large
Load Diff
863
templates/index_03.html
Normal file
863
templates/index_03.html
Normal file
@@ -0,0 +1,863 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/index_03.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:53 GMT -->
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8" >
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Palas | Bootstrap Multipurpose HTML5 Template</title>
|
||||
|
||||
<meta name="author" content="shiftthemes">
|
||||
<meta name="description" content="Palas is a Business HTML Template developed with the the latest HTML5 and CSS3 technologies.">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- CSS files -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="bootstrap/3.3.1/css/bootstrap.min.css">
|
||||
<link href="font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_elegant_font">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="plugins/rs-plugin/css/settings.css" media="screen">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_owl_carousel">
|
||||
|
||||
|
||||
<!-- Main CSS file -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="preloader">
|
||||
<div id="status"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Global Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
<!-- Add gray class to make the topbar light -->
|
||||
<!-- Top Bar -->
|
||||
<div class="topbar gray">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 hidden-xs">
|
||||
<ul class="social-icon unstyled">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="pull-right">
|
||||
<ul class="top-menu">
|
||||
<li><a href="#"><i class="fa fa-lock"></i> Sign In</a></li>
|
||||
<li><span class="py10"> | </span></li>
|
||||
<li><a href="#"><i class="fa fa-shopping-cart"></i> Cart <span class="cart-items">2</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Added static-menu class for a static menu (not sticky) -->
|
||||
<!-- Header -->
|
||||
<header class="header-wrapper static-menu">
|
||||
<div class="main-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-2">
|
||||
<a href="index.html" class="logo"></a>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-10">
|
||||
<nav class="navbar-right">
|
||||
<!-- Added menu-light class to make the menu white -->
|
||||
<ul class="menu menu-light">
|
||||
<!-- Toggle Menu - For Mobile Devices -->
|
||||
<li class="toggle-menu"><i class="fa icon_menu"></i></li>
|
||||
<li class="first">
|
||||
<a href="#">Home</a>
|
||||
<!--Instead of full class you can type one_two (50%), two_three (66.66%), three_four (75%) -->
|
||||
<div class="megamenu full">
|
||||
<!-- Similar to Bootstrap gid system (12 columns) -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<!-- You can alsoo include paragraps, images, iframes etc, not only lists, but probably you will have to style them -->
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_02.html">Home Transparent Header</a></li>
|
||||
<li><a href="index_09.html">Home Simple Header</a></li>
|
||||
<li><a href="index_06.html">Home Full screen Slider</a></li>
|
||||
<li><a href="index_13.html">Home Video Full Width</a></li>
|
||||
<li><a href="index_10.html">Home Left Dark Menu</a></li>
|
||||
<li><a href="index_13.html">Home Full Screen Menu</a></li>
|
||||
<li><a href="index_14.html">Home Top Menu</a></li>
|
||||
<li><a href="index_04.html">Home Parallax Image</a></li>
|
||||
<li><a href="index_15.html">Home Full Kenburns Slider</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_10.html">Home Kenburns Slider</a></li>
|
||||
<li><a href="index_05.html">Home Boxed Slider</a></li>
|
||||
<li><a href="index_11.html">Home Right Menu</a></li>
|
||||
<li><a href="index_04.html">Home Dark Top bar</a></li>
|
||||
<li><a href="index_05.html">Home Dark Header</a></li>
|
||||
<li><a href="index_08.html">Home Bottom Header</a></li>
|
||||
<li><a href="index_08.html">Home Video Full Screen</a></li>
|
||||
<li><a href="index_12.html">Home Text Rotator</a></li>
|
||||
<li><a href="index_03.html">Home Static Menu</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_07.html">Home Menu under Logo</a></li>
|
||||
<li><a href="index.html">Home Transparent Dark Header</a></li>
|
||||
<li><a href="index_03.html">Home Gray Top Bar</a></li>
|
||||
<li><a href="index_07.html">Home Icons Menu</a></li>
|
||||
<li><a href="index_03.html">Home Menu White </a></li>
|
||||
<li><a href="index_12.html">Home Left White Menu</a></li>
|
||||
<li><a href="index_06.html">Home Menu Dark Transparent</a></li>
|
||||
<li><a href="index_11.html">Home Parallax Full Image</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Home -->
|
||||
<li>
|
||||
<a href="#">Features</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Headers</li>
|
||||
<li><a href="index_02.html">Header Transparent</a></li>
|
||||
<li><a href="index_09.html">Header Simple</a></li>
|
||||
<li><a href="index_08.html">Header Bottom Menu</a></li>
|
||||
<li><a href="index_07.html">Header Icons Menu</a></li>
|
||||
<li><a href="index_05.html">Header Dark</a></li>
|
||||
<li><a href="index.html">Header Transparent Dark</a></li>
|
||||
<li><a href="index_04.html">Header Dark Bar</a></li>
|
||||
<li><a href="index_03.html">Header Gray Bar</a></li>
|
||||
<li><a href="index_14.html">Header Top Menu</a></li>
|
||||
<li><a href="index_13.html">Header Full Screen</a></li>
|
||||
<li><a href="index_03.html">Header Static Menu</a></li>
|
||||
<li><a href="index_07.html">Header Menu under Logo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Menus</li>
|
||||
<li><a href="index_06.html">Menu Dark Transparent</a></li>
|
||||
<li><a href="index.html">Menu Dark</a></li>
|
||||
<li><a href="index_03.html">Menu Light</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Footers</li>
|
||||
<li><a href="index_04.html#footer_index">Footer Dark Simple</a></li>
|
||||
<li><a href="index_03.html#footer_index">Footer Gray</a></li>
|
||||
<li><a href="index.html#footer_index">Footer Background</a></li>
|
||||
<li><a href="index_10.html#footer_index">Footer Simple</a></li>
|
||||
<li><a href="index_02.html#footer_index">Footer Small</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Vertical Menu</li>
|
||||
<li><a href="index_10.html">Header Left Dark</a></li>
|
||||
<li><a href="index_12.html">Header Left Light</a></li>
|
||||
<li><a href="index_11.html">Header Right Menu</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Sliders</li>
|
||||
<li><a href="index.html">Slider Full width</a></li>
|
||||
<li><a href="index_05.html">Slider Boxed</a></li>
|
||||
<li><a href="index_06.html">Slider Full screen</a></li>
|
||||
<li><a href="index_10.html">Slider Kenburns</a></li>
|
||||
<li><a href="index_15.html">Slider Kenburns Full screen</a></li>
|
||||
<li><a href="index_13.html">Slider Video Full width</a></li>
|
||||
<li><a href="index_08.html">Slider Video Full screen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> <!-- END Features -->
|
||||
<li>
|
||||
<a href="#">Pages</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Pages</li>
|
||||
<li><a href="page_about.html">About 1</a></li>
|
||||
<li><a href="page_about_2.html">About 2</a></li>
|
||||
<li><a href="page_about_3.html">About 3</a></li>
|
||||
<li><a href="page_about_4.html">About 4</a></li>
|
||||
<li><a href="page_team.html">Team 1</a></li>
|
||||
<li><a href="page_team_2.html">Team 2</a></li>
|
||||
<li><a href="page_team_3.html">Team 3</a></li>
|
||||
<li><a href="page_team_4.html">Team 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">that you</li>
|
||||
<li><a href="page_services.html">Services 1</a></li>
|
||||
<li><a href="page_services_2.html">Services 2</a></li>
|
||||
<li><a href="page_services_3.html">Services 3</a></li>
|
||||
<li><a href="page_services_4.html">Services 4</a></li>
|
||||
<li><a href="page_contact.html">Contact 1</a></li>
|
||||
<li><a href="page_contact_2.html">Contact 2</a></li>
|
||||
<li><a href="page_contact_3.html">Contact 3</a></li>
|
||||
<li><a href="page_clients.html">Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">really</li>
|
||||
<li><a href="page_pricing.html">Pricing</a></li>
|
||||
<li><a href="page_faq.html">FAQ 1</a></li>
|
||||
<li><a href="page_faq_2.html">FAQ 2</a></li>
|
||||
<li><a href="page_sign_in.html">Sign In</a></li>
|
||||
<li><a href="page_sign_up.html">Sign Up</a></li>
|
||||
<li><a href="page_404.html">404 Not Found</a></li>
|
||||
<li><a href="page_403.html">403 Forbidden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">need</li>
|
||||
<li><a href="page_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="page_sidebars.html">Sidebars</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Sidebar Navigation</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Simple Page Headers</li>
|
||||
<li><a href="page_sidebar.html">Small</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Centered</a></li>
|
||||
<li><a href="page_sidebars.html">Simple (Dark)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Pages -->
|
||||
<li>
|
||||
<a href="#">Blog</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="blog_list_small.html">List Small</a></li>
|
||||
<li><a href="blog_list_large.html">List Large</a></li>
|
||||
<li><a href="blog_grid.html">Grid</a></li>
|
||||
<li><a href="blog_grid_sidebar.html">Grid Sidebar</a></li>
|
||||
<li><a href="blog_masonry.html">Masonry</a></li>
|
||||
<li><a href="blog_masonry_sidebar.html">Masonry Sidebar</a></li>
|
||||
<li><a href="blog_post.html">Post</a></li>
|
||||
<li><a href="blog_post_sidebar.html">Post Sidebar</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Blog -->
|
||||
<li>
|
||||
<a href="#">Portfolio</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li><a href="portfolio_2.html">2 Columns</a></li>
|
||||
<li><a href="portfolio_3.html">3 Columns</a></li>
|
||||
<li><a href="portfolio_4.html">4 Columns</a></li>
|
||||
<li><a href="portfolio_boxed.html">Boxed</a></li>
|
||||
<li><a href="portfolio_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="portfolio_project_wide.html">Wide Project</a></li>
|
||||
<li><a href="portfolio_project_half.html">Half Project</a></li>
|
||||
<li><a href="portfolio_project_sidebar.html">Sidebar Project</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Portfolio -->
|
||||
<li>
|
||||
<a href="#">Shop</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="shop_products.html">Products</a></li>
|
||||
<li><a href="shop_products_sidebar.html">Products Sidebar</a></li>
|
||||
<li><a href="shop_product.html">Product</a></li>
|
||||
<li><a href="shop_product_sidebar.html">Product Sidebar</a></li>
|
||||
<li><a href="shop_account.html">Account</a></li>
|
||||
<li><a href="shop_cart.html">Cart</a></li>
|
||||
<li><a href="shop_checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Shop -->
|
||||
<li><a href="shortcodes.html">Shortcodes</a></li>
|
||||
<!-- Always include last class to link to solve some padding issues -->
|
||||
<li><a class="last" href="#" target="_blank">Documentation</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Container -->
|
||||
</div> <!-- END Main-Header -->
|
||||
</header> <!-- END Header -->
|
||||
|
||||
<div class="tp-banner-container rs_fullwidth">
|
||||
<div class="tp-banner">
|
||||
<ul>
|
||||
|
||||
<!-- SLIDE 1 -->
|
||||
<li data-transition="fade" data-masterspeed="500" data-slotamount="7" data-delay="8000" data-title="Slide 1">
|
||||
<!-- Background Image -->
|
||||
<img src="images/demo/bg18.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
||||
<div class="bg-overlay op6"></div>
|
||||
|
||||
|
||||
<div class="tp-caption sfb stt"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="-75"
|
||||
data-speed="600" data-start="600"
|
||||
data-endspeed="400" data-end="7900"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h3 class="title-slider-small uppercased mb10">create stunning websites with palas</h3>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption sfb stt"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="25"
|
||||
data-speed="700" data-start="800"
|
||||
data-endspeed="500" data-end="7950"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h2 class="title-slider-large">All you need<br> just one template</h2>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption sfb stt"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="130"
|
||||
data-speed="800" data-start="1000"
|
||||
data-endspeed="600" data-end="8000"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<a href="#" class="btn-slider">Purchase</a>
|
||||
</div>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<!-- SLIDE 2 -->
|
||||
<li data-transition="fade" data-slotamount="7" data-delay="8000" data-title="Slide 2">
|
||||
<!-- Background Image -->
|
||||
<img src="images/demo/bg14.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
||||
<div class="bg-overlay op5"></div>
|
||||
|
||||
|
||||
<div class="tp-caption sfl stt"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="-10"
|
||||
data-speed="600" data-start="600"
|
||||
data-endspeed="400" data-end="7800"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h2 class="title-slider-large mb20">Customizable <br> and Easy to Use</h2>
|
||||
<div class="br-bottom"></div>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption sfl stb"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="110"
|
||||
data-speed="700" data-start="800"
|
||||
data-endspeed="400" data-end="7900"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h4 class="title-slider-small">It could take you a few minutes to customize it!</h4>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<!-- SLIDE 3 -->
|
||||
<li data-transition="fade" data-slotamount="7" data-delay="8000" data-title="Slide 3">
|
||||
<!-- Background Image -->
|
||||
<img src="images/demo/bg15.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
||||
<div class="bg-overlay op5"></div>
|
||||
|
||||
|
||||
<div class="tp-caption sfl stl"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="-15"
|
||||
data-speed="700" data-start="600"
|
||||
data-endspeed="400" data-end="7800"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h2 class="title-slider-large">Free updates <br> Top notch Support</h2>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption sfl stl"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="70"
|
||||
data-speed="700" data-start="1000"
|
||||
data-endspeed="400" data-end="7900"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h3 class="title-slider-small uppercased">and so much more ...</h3>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tp-caption sfb stl"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="120"
|
||||
data-speed="900" data-start="1200"
|
||||
data-endspeed="600" data-end="7950"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<a href="#" class="btn-slider reversed">see features</a>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<!-- SLIDE 4 -->
|
||||
<li data-transition="fade" data-slotamount="7" data-delay="8000" data-title="Slide 4">
|
||||
<!-- Background Image -->
|
||||
<img src="images/demo/bg17.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
||||
<div class="bg-overlay op5"></div>
|
||||
|
||||
|
||||
<div class="tp-caption sfr stb"
|
||||
data-x="right" data-hoffset="-15"
|
||||
data-y="center" data-voffset="0"
|
||||
data-speed="900" data-start="600"
|
||||
data-endspeed="400" data-end="7980"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h2 class="title-slider-large text-right">Premium Plugins</h2>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption sfr stb"
|
||||
data-x="right" data-hoffset="-15"
|
||||
data-y="center" data-voffset="70"
|
||||
data-speed="1000" data-start="1000"
|
||||
data-endspeed="400" data-end="7900"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h4 class="title-slider-small uppercased text-right">
|
||||
Bootstrap based <span class="py10"></span>
|
||||
responsive design <span class="py10"></span>
|
||||
clean code<br>
|
||||
working widgets <span class="py10"></span>
|
||||
ajax contact form
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section-bg section-large mt0 section-gray">
|
||||
<div class="container">
|
||||
<div class="row mt20">
|
||||
<div class="col-sm-6 xs-box3">
|
||||
<h2 class="title-medium">About</h2>
|
||||
<div class="br-bottom mb30"></div>
|
||||
<p class="mb30">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente repellendus modi nihil vel quod quam labore magni architecto, repellat neque earum, nesciunt totam. Nihil deserunt quae, quos fugit culpa quis.</p>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 xs-box2">
|
||||
<ul class="unstyled-list list-medium">
|
||||
<li><i class="fa fa-chevron-right fs-small mr10"></i> temporibus tempora</li>
|
||||
<li><i class="fa fa-chevron-right fs-small mr10"></i> iste distinctio</li>
|
||||
<li><i class="fa fa-chevron-right fs-small mr10"></i> sapiente dolores quia</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<ul class="unstyled-list list-medium">
|
||||
<li><i class="fa fa-long-arrow-right fs-small color-main mr10"></i> Suscipit animi quae</li>
|
||||
<li><i class="fa fa-long-arrow-right fs-small color-main mr10"></i> voluptatibus pariatur</li>
|
||||
<li><i class="fa fa-long-arrow-right fs-small color-main mr10"></i> aliquid nisi asperiore</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="box-services-a">
|
||||
<div class="br-bottom mt0 mb20"></div>
|
||||
<h3 class="title-uppercased mb10"><i class="fa icon_tools fa-style5"></i> Fully customizable <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis maiores repudiandae, accusantium reiciendis dolorum asit amet ascendis!</p>
|
||||
</div>
|
||||
|
||||
<div class="mb40"></div>
|
||||
|
||||
<div class="progress">
|
||||
<div class="progress-bar" data-percentage="85"><span>Wordpress 85%</span></div>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" data-percentage="70"><span>Drupal 70%</span></div>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" data-percentage="100"><span>HTML 100%</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-6 sm-box2">
|
||||
<div class="box-services-b">
|
||||
<div class="box-left"><i class="fa fa-style1 circle icon_lifesaver"></i></div>
|
||||
<div class="box-right">
|
||||
<h3 class="title-small">Top notch Support <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb50"></div>
|
||||
|
||||
<div class="box-services-b">
|
||||
<div class="box-left"><i class="fa fa-style1 circle icon_gift_alt"></i></div>
|
||||
<div class="box-right">
|
||||
<h3 class="title-small">Free Updates <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="box-services-b">
|
||||
<div class="box-left"><i class="fa fa-style1 circle icon_box-checked"></i></div>
|
||||
<div class="box-right">
|
||||
<h3 class="title-small">SEO Ready <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb50"></div>
|
||||
|
||||
<div class="box-services-b">
|
||||
<div class="box-left"><i class="fa fa-style1 circle icon_piechart"></i></div>
|
||||
<div class="box-right">
|
||||
<h3 class="title-small">Working widgets <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section-bg p0 mb0">
|
||||
<div class="video-wrapper">
|
||||
<video id="video-fullwidth" poster="videos/work.jpg" preload="auto" loop="" autoplay="" muted="">
|
||||
<source src='videos/work.html' type='video/mp4'>
|
||||
<source src='videos/work-2.html' type='video/webm'>
|
||||
Your browser does not support HTML5 video.
|
||||
</video>
|
||||
</div>
|
||||
<div class="bg-overlay video op2"></div>
|
||||
<a href="#" id="video-button" class="pause"><i class="fa"></i></a>
|
||||
</section>
|
||||
|
||||
<section class="section-bg section-dark pb0 mt0">
|
||||
<div class="container">
|
||||
<div class="row mb30">
|
||||
<div class="col-sm-6 xs-box2">
|
||||
<div class="br-bottom mt0 mb20"></div>
|
||||
<h2 class="title-medium color-on-dark">Our projects</h2>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="claerfix">
|
||||
<div class="pull-right mt20 pt5">
|
||||
<a href="#" class="btn-e">see all projects</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row col-p0">
|
||||
<div class="portfolio portfolio-fullwidth portfolio-animation-off">
|
||||
<div class="col-sm-4 col-md-3 el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/p01.jpg" alt="project">
|
||||
<a href="portfolio_project_half.html" class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom">Above and beyond</h3>
|
||||
<p class="text">design, photography</p>
|
||||
</div>
|
||||
<p class="date">15 june</p>
|
||||
</a>
|
||||
</div>
|
||||
</div> <!-- END portfolio Item -->
|
||||
<div class="col-sm-4 col-md-3 el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/p11.jpg" alt="project">
|
||||
<a href="portfolio_project_half.html" class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom">Imagine Dragons</h3>
|
||||
<p class="text">design, photography</p>
|
||||
</div>
|
||||
<p class="date">15 june</p>
|
||||
</a>
|
||||
</div>
|
||||
</div> <!-- END portfolio Item -->
|
||||
<div class="col-sm-4 col-md-3 el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/p03.jpg" alt="project">
|
||||
<a href="portfolio_project_half.html" class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom">Upside Down</h3>
|
||||
<p class="text">design, photography</p>
|
||||
</div>
|
||||
<p class="date">15 june</p>
|
||||
</a>
|
||||
</div>
|
||||
</div> <!-- END portfolio Item -->
|
||||
<div class="col-sm-4 col-md-3 el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/p04.jpg" alt="project">
|
||||
<a href="portfolio_project_half.html" class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom">Up and Down</h3>
|
||||
<p class="text">design, photography</p>
|
||||
</div>
|
||||
<p class="date">15 june</p>
|
||||
</a>
|
||||
</div>
|
||||
</div> <!-- END portfolio Item -->
|
||||
<div class="col-sm-4 col-md-3 el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/p05.jpg" alt="project">
|
||||
<a href="portfolio_project_half.html" class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom">Up in the air</h3>
|
||||
<p class="text">design, photography</p>
|
||||
</div>
|
||||
<p class="date">15 june</p>
|
||||
</a>
|
||||
</div>
|
||||
</div> <!-- END portfolio Item -->
|
||||
<div class="col-sm-4 col-md-3 el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/p06.jpg" alt="project">
|
||||
<a href="portfolio_project_half.html" class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom">Nowhere</h3>
|
||||
<p class="text">design, photography</p>
|
||||
</div>
|
||||
<p class="date">15 june</p>
|
||||
</a>
|
||||
</div>
|
||||
</div> <!-- END portfolio Item -->
|
||||
<div class="col-sm-4 col-md-3 el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/p07.jpg" alt="project">
|
||||
<a href="portfolio_project_half.html" class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom">Nearby Star</h3>
|
||||
<p class="text">design, photography</p>
|
||||
</div>
|
||||
<p class="date">15 june</p>
|
||||
</a>
|
||||
</div>
|
||||
</div> <!-- END portfolio Item -->
|
||||
<div class="col-sm-4 col-md-3 el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/p08.jpg" alt="project">
|
||||
<a href="portfolio_project_half.html" class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom">Begin again</h3>
|
||||
<p class="text">design, photography</p>
|
||||
</div>
|
||||
<p class="date">15 june</p>
|
||||
</a>
|
||||
</div>
|
||||
</div> <!-- END portfolio Item -->
|
||||
</div> <!-- END portfolio -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section page-clients page-clients-b">
|
||||
<div class="container">
|
||||
<div class="row mb50">
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#"><img src="images/demo/client01.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#"><img src="images/demo/client02.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#"><img src="images/demo/client03.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3">
|
||||
<a href="#"><img src="images/demo/client04.png" alt="client"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#"><img src="images/demo/client05.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#"><img src="images/demo/client06.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#"><img src="images/demo/client07.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3">
|
||||
<a href="#"><img src="images/demo/client08.png" alt="client"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section pb0 max_height xs_max_height">
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-4 col-sm-push-8 xs-box3">
|
||||
<div class="box-services-d box-services-e dark el_max_height">
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-12">
|
||||
<div class="br-bottom mt0 mb20"></div>
|
||||
<h3 class="title-medium small title-shadow-a">Testimonials</h3>
|
||||
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe suscipit veritatis voluptas dolorum amet sit alert!</p>
|
||||
<i class="fa icon_quotations"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8 col-sm-pull-4 xs-box3">
|
||||
<div class="section-testimonials mt70 el_max_height">
|
||||
<div class="owl-carousel owl-portfolio">
|
||||
<div class="owl-el">
|
||||
<blockquote>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam? Quia, facere nobis fuga. Voluptas, sit maxime accusantium ipsum dolor.</p>
|
||||
<footer>
|
||||
<h5>John Doe <span> ThemeForest </span></h5>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<blockquote>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam? Quia, facere nobis fuga. Voluptas, sit maxime accusantium ipsum dolor.</p>
|
||||
<footer>
|
||||
<h5>Mark Doe <span> AudioJungle </span></h5>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<blockquote>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam? Quia, facere nobis fuga. Voluptas, sit maxime accusantium ipsum dolor.</p>
|
||||
<footer>
|
||||
<h5>Alex Doe <span> CodeCanyon </span></h5>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- You could remove this - It is useful only for demo purposes (Live preview) -->
|
||||
<div id="footer_index"></div>
|
||||
|
||||
<!-- Footer wrapper -->
|
||||
<footer class="footer-wrapper footer-gray">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Palas</h3>
|
||||
<ul class="footer-links clearfix">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Security</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Get social</h3>
|
||||
<ul class="footer-social clearfix">
|
||||
<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Tweets</h3>
|
||||
<div class="sidebar-tweet clearfix">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content"><a href="#" class="tweet-user">@shiftThemes</a> <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span> <small>22 hours ago</small></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-sm-push-6 col-md-push-4 xs-box">
|
||||
<form action="#" class="footer-subscribe">
|
||||
<input type="email" placeholder=" Type email and hit enter">
|
||||
<button type="submit" class="hidden"></button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-sm-pull-6 col-md-pull-4">
|
||||
<p class="copyright">© Copyright 2015 - 2022 shiftThemes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</div> <!-- END Global Wrapper -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Javascript files -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="_demo/rs-slider.js"></script>
|
||||
|
||||
<div id="_include_main_plugins"></div>
|
||||
|
||||
|
||||
|
||||
<div id="_include_owl_carousel"></div>
|
||||
|
||||
|
||||
<!-- Main javascript file -->
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/index_03.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:53 GMT -->
|
||||
</html>
|
||||
764
templates/index_04.html
Normal file
764
templates/index_04.html
Normal file
@@ -0,0 +1,764 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/index_04.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:53 GMT -->
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8" >
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Palas | Bootstrap Multipurpose HTML5 Template</title>
|
||||
|
||||
<meta name="author" content="shiftthemes">
|
||||
<meta name="description" content="Palas is a Business HTML Template developed with the the latest HTML5 and CSS3 technologies.">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- CSS files -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="bootstrap/3.3.1/css/bootstrap.min.css">
|
||||
<link href="font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_elegant_font">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="plugins/rs-plugin/css/settings.css" media="screen">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_owl_carousel">
|
||||
|
||||
|
||||
<!-- Main CSS file -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="preloader">
|
||||
<div id="status"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Global Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- Top Bar -->
|
||||
<div class="topbar">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<ul class="top-menu">
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="pull-right hidden-xs">
|
||||
<ul class="social-icon unstyled">
|
||||
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header-wrapper">
|
||||
<div class="main-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-2">
|
||||
<a href="index.html" class="logo"></a>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-10">
|
||||
<nav class="navbar-right">
|
||||
<ul class="menu">
|
||||
<!-- Toggle Menu - For Mobile Devices -->
|
||||
<li class="toggle-menu"><i class="fa icon_menu"></i></li>
|
||||
|
||||
<li class="first">
|
||||
<a href="#">Home</a>
|
||||
<!--Instead of full class you can type one_two (50%), two_three (66.66%), three_four (75%) -->
|
||||
<div class="megamenu full">
|
||||
<!-- Similar to Bootstrap gid system (12 columns) -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<!-- You can alsoo include paragraps, images, iframes etc, not only lists, but probably you will have to style them -->
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_02.html">Home Transparent Header</a></li>
|
||||
<li><a href="index_09.html">Home Simple Header</a></li>
|
||||
<li><a href="index_06.html">Home Full screen Slider</a></li>
|
||||
<li><a href="index_13.html">Home Video Full Width</a></li>
|
||||
<li><a href="index_10.html">Home Left Dark Menu</a></li>
|
||||
<li><a href="index_13.html">Home Full Screen Menu</a></li>
|
||||
<li><a href="index_14.html">Home Top Menu</a></li>
|
||||
<li><a href="index_04.html">Home Parallax Image</a></li>
|
||||
<li><a href="index_15.html">Home Full Kenburns Slider</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_10.html">Home Kenburns Slider</a></li>
|
||||
<li><a href="index_05.html">Home Boxed Slider</a></li>
|
||||
<li><a href="index_11.html">Home Right Menu</a></li>
|
||||
<li><a href="index_04.html">Home Dark Top bar</a></li>
|
||||
<li><a href="index_05.html">Home Dark Header</a></li>
|
||||
<li><a href="index_08.html">Home Bottom Header</a></li>
|
||||
<li><a href="index_08.html">Home Video Full Screen</a></li>
|
||||
<li><a href="index_12.html">Home Text Rotator</a></li>
|
||||
<li><a href="index_03.html">Home Static Menu</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_07.html">Home Menu under Logo</a></li>
|
||||
<li><a href="index.html">Home Transparent Dark Header</a></li>
|
||||
<li><a href="index_03.html">Home Gray Top Bar</a></li>
|
||||
<li><a href="index_07.html">Home Icons Menu</a></li>
|
||||
<li><a href="index_03.html">Home Menu White </a></li>
|
||||
<li><a href="index_12.html">Home Left White Menu</a></li>
|
||||
<li><a href="index_06.html">Home Menu Dark Transparent</a></li>
|
||||
<li><a href="index_11.html">Home Parallax Full Image</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Home -->
|
||||
<li>
|
||||
<a href="#">Features</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Headers</li>
|
||||
<li><a href="index_02.html">Header Transparent</a></li>
|
||||
<li><a href="index_09.html">Header Simple</a></li>
|
||||
<li><a href="index_08.html">Header Bottom Menu</a></li>
|
||||
<li><a href="index_07.html">Header Icons Menu</a></li>
|
||||
<li><a href="index_05.html">Header Dark</a></li>
|
||||
<li><a href="index.html">Header Transparent Dark</a></li>
|
||||
<li><a href="index_04.html">Header Dark Bar</a></li>
|
||||
<li><a href="index_03.html">Header Gray Bar</a></li>
|
||||
<li><a href="index_14.html">Header Top Menu</a></li>
|
||||
<li><a href="index_13.html">Header Full Screen</a></li>
|
||||
<li><a href="index_03.html">Header Static Menu</a></li>
|
||||
<li><a href="index_07.html">Header Menu under Logo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Menus</li>
|
||||
<li><a href="index_06.html">Menu Dark Transparent</a></li>
|
||||
<li><a href="index.html">Menu Dark</a></li>
|
||||
<li><a href="index_03.html">Menu Light</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Footers</li>
|
||||
<li><a href="index_04.html#footer_index">Footer Dark Simple</a></li>
|
||||
<li><a href="index_03.html#footer_index">Footer Gray</a></li>
|
||||
<li><a href="index.html#footer_index">Footer Background</a></li>
|
||||
<li><a href="index_10.html#footer_index">Footer Simple</a></li>
|
||||
<li><a href="index_02.html#footer_index">Footer Small</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Vertical Menu</li>
|
||||
<li><a href="index_10.html">Header Left Dark</a></li>
|
||||
<li><a href="index_12.html">Header Left Light</a></li>
|
||||
<li><a href="index_11.html">Header Right Menu</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Sliders</li>
|
||||
<li><a href="index.html">Slider Full width</a></li>
|
||||
<li><a href="index_05.html">Slider Boxed</a></li>
|
||||
<li><a href="index_06.html">Slider Full screen</a></li>
|
||||
<li><a href="index_10.html">Slider Kenburns</a></li>
|
||||
<li><a href="index_15.html">Slider Kenburns Full screen</a></li>
|
||||
<li><a href="index_13.html">Slider Video Full width</a></li>
|
||||
<li><a href="index_08.html">Slider Video Full screen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> <!-- END Features -->
|
||||
<li>
|
||||
<a href="#">Pages</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Pages</li>
|
||||
<li><a href="page_about.html">About 1</a></li>
|
||||
<li><a href="page_about_2.html">About 2</a></li>
|
||||
<li><a href="page_about_3.html">About 3</a></li>
|
||||
<li><a href="page_about_4.html">About 4</a></li>
|
||||
<li><a href="page_team.html">Team 1</a></li>
|
||||
<li><a href="page_team_2.html">Team 2</a></li>
|
||||
<li><a href="page_team_3.html">Team 3</a></li>
|
||||
<li><a href="page_team_4.html">Team 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">that you</li>
|
||||
<li><a href="page_services.html">Services 1</a></li>
|
||||
<li><a href="page_services_2.html">Services 2</a></li>
|
||||
<li><a href="page_services_3.html">Services 3</a></li>
|
||||
<li><a href="page_services_4.html">Services 4</a></li>
|
||||
<li><a href="page_contact.html">Contact 1</a></li>
|
||||
<li><a href="page_contact_2.html">Contact 2</a></li>
|
||||
<li><a href="page_contact_3.html">Contact 3</a></li>
|
||||
<li><a href="page_clients.html">Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">really</li>
|
||||
<li><a href="page_pricing.html">Pricing</a></li>
|
||||
<li><a href="page_faq.html">FAQ 1</a></li>
|
||||
<li><a href="page_faq_2.html">FAQ 2</a></li>
|
||||
<li><a href="page_sign_in.html">Sign In</a></li>
|
||||
<li><a href="page_sign_up.html">Sign Up</a></li>
|
||||
<li><a href="page_404.html">404 Not Found</a></li>
|
||||
<li><a href="page_403.html">403 Forbidden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">need</li>
|
||||
<li><a href="page_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="page_sidebars.html">Sidebars</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Sidebar Navigation</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Simple Page Headers</li>
|
||||
<li><a href="page_sidebar.html">Small</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Centered</a></li>
|
||||
<li><a href="page_sidebars.html">Simple (Dark)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Pages -->
|
||||
<li>
|
||||
<a href="#">Blog</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="blog_list_small.html">List Small</a></li>
|
||||
<li><a href="blog_list_large.html">List Large</a></li>
|
||||
<li><a href="blog_grid.html">Grid</a></li>
|
||||
<li><a href="blog_grid_sidebar.html">Grid Sidebar</a></li>
|
||||
<li><a href="blog_masonry.html">Masonry</a></li>
|
||||
<li><a href="blog_masonry_sidebar.html">Masonry Sidebar</a></li>
|
||||
<li><a href="blog_post.html">Post</a></li>
|
||||
<li><a href="blog_post_sidebar.html">Post Sidebar</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Blog -->
|
||||
<li>
|
||||
<a href="#">Portfolio</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li><a href="portfolio_2.html">2 Columns</a></li>
|
||||
<li><a href="portfolio_3.html">3 Columns</a></li>
|
||||
<li><a href="portfolio_4.html">4 Columns</a></li>
|
||||
<li><a href="portfolio_boxed.html">Boxed</a></li>
|
||||
<li><a href="portfolio_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="portfolio_project_wide.html">Wide Project</a></li>
|
||||
<li><a href="portfolio_project_half.html">Half Project</a></li>
|
||||
<li><a href="portfolio_project_sidebar.html">Sidebar Project</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Portfolio -->
|
||||
<li>
|
||||
<a href="#">Shop</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="shop_products.html">Products</a></li>
|
||||
<li><a href="shop_products_sidebar.html">Products Sidebar</a></li>
|
||||
<li><a href="shop_product.html">Product</a></li>
|
||||
<li><a href="shop_product_sidebar.html">Product Sidebar</a></li>
|
||||
<li><a href="shop_account.html">Account</a></li>
|
||||
<li><a href="shop_cart.html">Cart</a></li>
|
||||
<li><a href="shop_checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Shop -->
|
||||
<li><a href="shortcodes.html">Shortcodes</a></li>
|
||||
<!-- Always include last class to link to solve some padding issues -->
|
||||
<li><a class="last" href="#" target="_blank">Documentation</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Container -->
|
||||
</div> <!-- END Main-Header -->
|
||||
</header> <!-- END Header -->
|
||||
|
||||
<section class="section-intro-2 bg-img bg06 stellar" data-stellar-background-ratio="0.4">
|
||||
<div class="bg-overlay op6"></div>
|
||||
<div class="container">
|
||||
<div class="row mt20 mb20">
|
||||
<div class="col-sm-12">
|
||||
<h1 class="title-slider-large text-center mb20">Parallax Intro</h1>
|
||||
<div class="br-bottom-center mb30"></div>
|
||||
<h4 class="title-slider-small uppercased mb0 text-center">
|
||||
<span class="mr20">responsive design</span>
|
||||
<span class="mr20">premium support</span>
|
||||
<span class="mr20">free updates</span>
|
||||
<span>customizable</span>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-bg section-large section-dark m0">
|
||||
<div class="container">
|
||||
<div class="row col-p30 mt30 mb20">
|
||||
<div class="col-sm-4 xs-box3">
|
||||
<div class="box-services-c">
|
||||
<i class="icon_gift_alt fa fa-style4 color-on-dark"></i>
|
||||
<h3 class="title-small br-bottom-center color-on-dark">Free updates</h3>
|
||||
<p class="mb0 color-on-dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab corrupti, quasi? Beatae cumque maiores.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 xs-box3">
|
||||
<div class="box-services-c">
|
||||
<i class="icon_star_alt fa fa-style4 color-on-dark"></i>
|
||||
<h3 class="title-small br-bottom-center color-on-dark">Premium plugins</h3>
|
||||
<p class="mb0 color-on-dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab corrupti, quasi? Beatae cumque maiores.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="box-services-c">
|
||||
<i class="icon_like fa fa-style4 color-on-dark"></i>
|
||||
<h3 class="title-small br-bottom-center color-on-dark">Documentation</h3>
|
||||
<p class="mb0 color-on-dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab corrupti, quasi? Beatae cumque maiores.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section-bg p0 mt0 section-dark data-height-fix">
|
||||
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-6 hidden-xs">
|
||||
<div class="box-services-d p0 bg-img bg11">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="set-height"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-caption">
|
||||
<div class="container">
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-5 col-sm-offset-7 get-height">
|
||||
<div class="mb50 mt50">
|
||||
<h3 class="title-medium color-on-dark">About us</h3>
|
||||
<div class="br-bottom mb20 color-on-dark"></div>
|
||||
<p class="mb50 color-on-dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste sunt cupiditate asperiores atque consectetur reiciendis, ex voluptate! Atque distinctio, illum minus consectetur quae explicabo eveniet dolorum voluptatum excepturi autem illo, laudantium iusto itaque vero.</p>
|
||||
<h3 class="title-small color-on-dark"><i class="fa-style5 icon_heart_alt mr10"></i> Happy Clients</h3>
|
||||
<p class="mb0 color-on-dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis explicabo inventore, nisi sint consectetur distinctio! Asperiores totam dolorum, odio ex?</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section mb10">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-6 xs-box3">
|
||||
<div class="br-bottom mb20"></div>
|
||||
<div class="title-uppercased mb20">Easy to use</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab laudantium aspernatur ipsa vitae exercitationem, ex et, adipisci odit voluptatem consectetur nobis, quo facere? Maxime id placeat obcaecati consequuntur explicabo tempore.</p>
|
||||
<div class="mb40"></div>
|
||||
<a href="#" class="btn-e">read more</a>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="panel-group" id="accordion">
|
||||
<div class="panel ">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" href="#one">
|
||||
<i class="fa fa-chevron-down upside-down"></i> How to vertically align a tag
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="one" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, quae, fuga!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" href="#two">
|
||||
<i class="fa fa-chevron-down"></i> Why I need that element
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="two" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<p> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, quae, fuga!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel ">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" href="#three">
|
||||
<i class="fa fa-chevron-down"></i> How to use media queries
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="three" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<p> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, quae, fuga!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel ">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" href="#four">
|
||||
<i class="fa fa-chevron-down"></i> Meter tag doesn't work in Firefox
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="four" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<p> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, quae, fuga!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section p0 max_height sm_max_height">
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="box-services-d bg-img bg10 el_max_height">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-12">
|
||||
<h3 class="title-medium title-shadow-a mb10">Free Updates <a href="#" class="link-read-more">read more</a></h3>
|
||||
<div class="br-bottom mb20"></div>
|
||||
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe suscipit veritatis voluptas dolorum amet ipsum!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="box-services-d bg-img bg07 el_max_height">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-12">
|
||||
<h3 class="title-medium title-shadow-a mb10">Responsive Design <a href="#" class="link-read-more">read more</a></h3>
|
||||
<div class="br-bottom mb20"></div>
|
||||
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe suscipit veritatis voluptas dolorum amet ipsum!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="box-services-d bg-img bg19 el_max_height">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-12">
|
||||
<h3 class="title-medium title-shadow-a mb10">Premium Support <a href="#" class="link-read-more">read more</a></h3>
|
||||
<div class="br-bottom mb20"></div>
|
||||
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe suscipit veritatis voluptas dolorum amet ipsum!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-bg mt0 section-gray stats-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="row">
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<div class="stats-content">
|
||||
<i class="fa fa-copy"></i>
|
||||
<p class="stats-timer" data-to="123" data-speed="4000"></p>
|
||||
<div class="br-bottom-center"></div>
|
||||
<h3>Web Projects</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<div class="stats-content">
|
||||
<i class="fa fa-thumbs-up"></i>
|
||||
<p class="stats-timer" data-to="1850" data-speed="4000"></p>
|
||||
<div class="br-bottom-center"></div>
|
||||
<h3>Happy Customers</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<div class="stats-content">
|
||||
<i class="fa fa-support"></i>
|
||||
<p class="stats-timer" data-to="1768" data-speed="4000"></p>
|
||||
<div class="br-bottom-center"></div>
|
||||
<h3>Support Tickets</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3">
|
||||
<div class="stats-content">
|
||||
<i class="fa fa-group"></i>
|
||||
<p class="stats-timer" data-to="58" data-speed="3500"></p>
|
||||
<div class="br-bottom-center"></div>
|
||||
<h3>Employees</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section">
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-3">
|
||||
<div class="section-boxed-2">
|
||||
<div class="sm-cursor"></div>
|
||||
<div class="br-bottom mb20 mt0"></div>
|
||||
<h3 class="title-uppercased">Our work</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit dolorum amet.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-9">
|
||||
<div class="portfolio portfolio-center portfolio-text">
|
||||
<div class="owl-carousel owl-columns4">
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el py10">
|
||||
<div class="view br2">
|
||||
<img src="images/demo/p02.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<a href="portfolio_project_half.html" class="portfolio-middle"><i class="fa fa-search"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-text-content">
|
||||
<h3 class="portfolio-text-title">Above and beyond</h3>
|
||||
<p class="portfolio-text-p">design, photography</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el py10">
|
||||
<div class="view br2">
|
||||
<img src="images/demo/p03.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<a href="portfolio_project_half.html" class="portfolio-middle"><i class="fa fa-search"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-text-content">
|
||||
<h3 class="portfolio-text-title">Imagine Dragons</h3>
|
||||
<p class="portfolio-text-p">design, WordPress</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el py10">
|
||||
<div class="view br2">
|
||||
<img src="images/demo/p04.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<a href="portfolio_project_half.html" class="portfolio-middle"><i class="fa fa-search"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-text-content">
|
||||
<h3 class="portfolio-text-title">Upside Down</h3>
|
||||
<p class="portfolio-text-p">design, footage</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el py10">
|
||||
<div class="view br2">
|
||||
<img src="images/demo/p12.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<a href="portfolio_project_half.html" class="portfolio-middle"><i class="fa fa-search"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-text-content">
|
||||
<h3 class="portfolio-text-title">Up in the air</h3>
|
||||
<p class="portfolio-text-p">graphic, photography</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el py10">
|
||||
<div class="view br2">
|
||||
<img src="images/demo/p11.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<a href="portfolio_project_half.html" class="portfolio-middle"><i class="fa fa-search"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-text-content">
|
||||
<h3 class="portfolio-text-title">Nowhere</h3>
|
||||
<p class="portfolio-text-p">design, web</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el py10">
|
||||
<div class="view br2">
|
||||
<img src="images/demo/p01.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<a href="portfolio_project_half.html" class="portfolio-middle"><i class="fa fa-search"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-text-content">
|
||||
<h3 class="portfolio-text-title">Up and Down</h3>
|
||||
<p class="portfolio-text-p">design, photography</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END portfolio -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-bg section-large bg-img bg07 m0 stellar page-clients" data-stellar-background-ratio="0.4">
|
||||
<div class="bg-overlay op6"></div>
|
||||
<div class="container">
|
||||
<div class="row mb40">
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Envato"><img src="images/demo/client01a.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Woocommerce"><img src="images/demo/client02a.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Shopify"><img src="images/demo/client03a.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3">
|
||||
<a href="#" data-toggle="tooltip" title="Magento"><img src="images/demo/client04a.png" alt="client"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Drupal"><img src="images/demo/client05a.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Joomla"><img src="images/demo/client06a.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="WordPress"><img src="images/demo/client07a.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3">
|
||||
<a href="#" data-toggle="tooltip" title="jQuery"><img src="images/demo/client08a.png" alt="client"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- You could remove this - It is useful only for demo purposes (Live preview) -->
|
||||
<div id="footer_index"></div>
|
||||
|
||||
<!-- Footer wrapper -->
|
||||
<footer class="footer-wrapper">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Palas</h3>
|
||||
<ul class="footer-links clearfix">
|
||||
<li><a href="#">Cookie Policy</a></li>
|
||||
<li><a href="#">Terms of Service</a></li>
|
||||
<li><a href="#">Security</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Get social</h3>
|
||||
<ul class="footer-social clearfix">
|
||||
<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Subscribe</h3>
|
||||
<form action="#" class="footer-subscribe">
|
||||
<input type="email" placeholder="Email Address">
|
||||
<button type="submit" class="hidden"></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<p class="copyright">© Copyright 2015 - 2022 shiftThemes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</div> <!-- END Global Wrapper -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Javascript files -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="_demo/rs-slider.js"></script>
|
||||
|
||||
<div id="_include_main_plugins"></div>
|
||||
|
||||
|
||||
|
||||
<div id="_include_owl_carousel"></div>
|
||||
|
||||
|
||||
<!-- Main javascript file -->
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/index_04.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:53 GMT -->
|
||||
</html>
|
||||
902
templates/index_05.html
Normal file
902
templates/index_05.html
Normal file
@@ -0,0 +1,902 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/index_05.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:53 GMT -->
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8" >
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Palas | Bootstrap Multipurpose HTML5 Template</title>
|
||||
|
||||
<meta name="author" content="shiftthemes">
|
||||
<meta name="description" content="Palas is a Business HTML Template developed with the the latest HTML5 and CSS3 technologies.">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- CSS files -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="bootstrap/3.3.1/css/bootstrap.min.css">
|
||||
<link href="font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_elegant_font">
|
||||
|
||||
<link rel="stylesheet" href="plugins/rs-plugin/css/settings.css" media="screen">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_owl_carousel">
|
||||
|
||||
|
||||
<!-- Main CSS file -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="preloader">
|
||||
<div id="status"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Global Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header-wrapper header-dark">
|
||||
<div class="main-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-2">
|
||||
<a href="index.html" class="logo"></a>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-10">
|
||||
<nav class="navbar-right">
|
||||
<ul class="menu">
|
||||
<!-- Toggle Menu - For Mobile Devices -->
|
||||
<li class="toggle-menu"> <i class="fa icon_menu"></i></li>
|
||||
<!-- END Toggle Menu -->
|
||||
|
||||
<li class="first">
|
||||
<a href="#">Home</a>
|
||||
<!--Instead of full class you can type one_two (50%), two_three (66.66%), three_four (75%) -->
|
||||
<div class="megamenu full">
|
||||
<!-- Similar to Bootstrap gid system (12 columns) -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<!-- You can alsoo include paragraps, images, iframes etc, not only lists, but probably you will have to style them -->
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_02.html">Home Transparent Header</a></li>
|
||||
<li><a href="index_09.html">Home Simple Header</a></li>
|
||||
<li><a href="index_06.html">Home Full screen Slider</a></li>
|
||||
<li><a href="index_13.html">Home Video Full Width</a></li>
|
||||
<li><a href="index_10.html">Home Left Dark Menu</a></li>
|
||||
<li><a href="index_13.html">Home Full Screen Menu</a></li>
|
||||
<li><a href="index_14.html">Home Top Menu</a></li>
|
||||
<li><a href="index_04.html">Home Parallax Image</a></li>
|
||||
<li><a href="index_15.html">Home Full Kenburns Slider</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_10.html">Home Kenburns Slider</a></li>
|
||||
<li><a href="index_05.html">Home Boxed Slider</a></li>
|
||||
<li><a href="index_11.html">Home Right Menu</a></li>
|
||||
<li><a href="index_04.html">Home Dark Top bar</a></li>
|
||||
<li><a href="index_05.html">Home Dark Header</a></li>
|
||||
<li><a href="index_08.html">Home Bottom Header</a></li>
|
||||
<li><a href="index_08.html">Home Video Full Screen</a></li>
|
||||
<li><a href="index_12.html">Home Text Rotator</a></li>
|
||||
<li><a href="index_03.html">Home Static Menu</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_07.html">Home Menu under Logo</a></li>
|
||||
<li><a href="index.html">Home Transparent Dark Header</a></li>
|
||||
<li><a href="index_03.html">Home Gray Top Bar</a></li>
|
||||
<li><a href="index_07.html">Home Icons Menu</a></li>
|
||||
<li><a href="index_03.html">Home Menu White </a></li>
|
||||
<li><a href="index_12.html">Home Left White Menu</a></li>
|
||||
<li><a href="index_06.html">Home Menu Dark Transparent</a></li>
|
||||
<li><a href="index_11.html">Home Parallax Full Image</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Home -->
|
||||
<li>
|
||||
<a href="#">Features</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Headers</li>
|
||||
<li><a href="index_02.html">Header Transparent</a></li>
|
||||
<li><a href="index_09.html">Header Simple</a></li>
|
||||
<li><a href="index_08.html">Header Bottom Menu</a></li>
|
||||
<li><a href="index_07.html">Header Icons Menu</a></li>
|
||||
<li><a href="index_05.html">Header Dark</a></li>
|
||||
<li><a href="index.html">Header Transparent Dark</a></li>
|
||||
<li><a href="index_04.html">Header Dark Bar</a></li>
|
||||
<li><a href="index_03.html">Header Gray Bar</a></li>
|
||||
<li><a href="index_14.html">Header Top Menu</a></li>
|
||||
<li><a href="index_13.html">Header Full Screen</a></li>
|
||||
<li><a href="index_03.html">Header Static Menu</a></li>
|
||||
<li><a href="index_07.html">Header Menu under Logo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Menus</li>
|
||||
<li><a href="index_06.html">Menu Dark Transparent</a></li>
|
||||
<li><a href="index.html">Menu Dark</a></li>
|
||||
<li><a href="index_03.html">Menu Light</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Footers</li>
|
||||
<li><a href="index_04.html#footer_index">Footer Dark Simple</a></li>
|
||||
<li><a href="index_03.html#footer_index">Footer Gray</a></li>
|
||||
<li><a href="index.html#footer_index">Footer Background</a></li>
|
||||
<li><a href="index_10.html#footer_index">Footer Simple</a></li>
|
||||
<li><a href="index_02.html#footer_index">Footer Small</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Vertical Menu</li>
|
||||
<li><a href="index_10.html">Header Left Dark</a></li>
|
||||
<li><a href="index_12.html">Header Left Light</a></li>
|
||||
<li><a href="index_11.html">Header Right Menu</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Sliders</li>
|
||||
<li><a href="index.html">Slider Full width</a></li>
|
||||
<li><a href="index_05.html">Slider Boxed</a></li>
|
||||
<li><a href="index_06.html">Slider Full screen</a></li>
|
||||
<li><a href="index_10.html">Slider Kenburns</a></li>
|
||||
<li><a href="index_15.html">Slider Kenburns Full screen</a></li>
|
||||
<li><a href="index_13.html">Slider Video Full width</a></li>
|
||||
<li><a href="index_08.html">Slider Video Full screen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> <!-- END Features -->
|
||||
<li>
|
||||
<a href="#">Pages</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Pages</li>
|
||||
<li><a href="page_about.html">About 1</a></li>
|
||||
<li><a href="page_about_2.html">About 2</a></li>
|
||||
<li><a href="page_about_3.html">About 3</a></li>
|
||||
<li><a href="page_about_4.html">About 4</a></li>
|
||||
<li><a href="page_team.html">Team 1</a></li>
|
||||
<li><a href="page_team_2.html">Team 2</a></li>
|
||||
<li><a href="page_team_3.html">Team 3</a></li>
|
||||
<li><a href="page_team_4.html">Team 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">that you</li>
|
||||
<li><a href="page_services.html">Services 1</a></li>
|
||||
<li><a href="page_services_2.html">Services 2</a></li>
|
||||
<li><a href="page_services_3.html">Services 3</a></li>
|
||||
<li><a href="page_services_4.html">Services 4</a></li>
|
||||
<li><a href="page_contact.html">Contact 1</a></li>
|
||||
<li><a href="page_contact_2.html">Contact 2</a></li>
|
||||
<li><a href="page_contact_3.html">Contact 3</a></li>
|
||||
<li><a href="page_clients.html">Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">really</li>
|
||||
<li><a href="page_pricing.html">Pricing</a></li>
|
||||
<li><a href="page_faq.html">FAQ 1</a></li>
|
||||
<li><a href="page_faq_2.html">FAQ 2</a></li>
|
||||
<li><a href="page_sign_in.html">Sign In</a></li>
|
||||
<li><a href="page_sign_up.html">Sign Up</a></li>
|
||||
<li><a href="page_404.html">404 Not Found</a></li>
|
||||
<li><a href="page_403.html">403 Forbidden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">need</li>
|
||||
<li><a href="page_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="page_sidebars.html">Sidebars</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Sidebar Navigation</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Simple Page Headers</li>
|
||||
<li><a href="page_sidebar.html">Small</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Centered</a></li>
|
||||
<li><a href="page_sidebars.html">Simple (Dark)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Pages -->
|
||||
<li>
|
||||
<a href="#">Blog</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="blog_list_small.html">List Small</a></li>
|
||||
<li><a href="blog_list_large.html">List Large</a></li>
|
||||
<li><a href="blog_grid.html">Grid</a></li>
|
||||
<li><a href="blog_grid_sidebar.html">Grid Sidebar</a></li>
|
||||
<li><a href="blog_masonry.html">Masonry</a></li>
|
||||
<li><a href="blog_masonry_sidebar.html">Masonry Sidebar</a></li>
|
||||
<li><a href="blog_post.html">Post</a></li>
|
||||
<li><a href="blog_post_sidebar.html">Post Sidebar</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Blog -->
|
||||
<li>
|
||||
<a href="#">Portfolio</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li><a href="portfolio_2.html">2 Columns</a></li>
|
||||
<li><a href="portfolio_3.html">3 Columns</a></li>
|
||||
<li><a href="portfolio_4.html">4 Columns</a></li>
|
||||
<li><a href="portfolio_boxed.html">Boxed</a></li>
|
||||
<li><a href="portfolio_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="portfolio_project_wide.html">Wide Project</a></li>
|
||||
<li><a href="portfolio_project_half.html">Half Project</a></li>
|
||||
<li><a href="portfolio_project_sidebar.html">Sidebar Project</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Portfolio -->
|
||||
<li>
|
||||
<a href="#">Shop</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="shop_products.html">Products</a></li>
|
||||
<li><a href="shop_products_sidebar.html">Products Sidebar</a></li>
|
||||
<li><a href="shop_product.html">Product</a></li>
|
||||
<li><a href="shop_product_sidebar.html">Product Sidebar</a></li>
|
||||
<li><a href="shop_account.html">Account</a></li>
|
||||
<li><a href="shop_cart.html">Cart</a></li>
|
||||
<li><a href="shop_checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Shop -->
|
||||
<li><a href="shortcodes.html">Shortcodes</a></li>
|
||||
<!-- Always include last class to link to solve some padding issues -->
|
||||
<li><a class="last" href="#" target="_blank">Documentation</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Container -->
|
||||
</div> <!-- END Main-Header -->
|
||||
</header> <!-- END Header -->
|
||||
|
||||
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="tp-banner-container rs_boxed">
|
||||
<div class="tp-banner">
|
||||
<ul>
|
||||
<!-- SLIDE 1 -->
|
||||
<li data-transition="fade" data-masterspeed="500" data-slotamount="7" data-delay="8000" data-title="Slide 1">
|
||||
<!-- Background Image -->
|
||||
<img src="images/demo/bg05.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
||||
<div class="bg-overlay op6"></div>
|
||||
|
||||
|
||||
<div class="tp-caption sft stt"
|
||||
data-x="center" data-hoffset="0"
|
||||
data-y="center" data-voffset="-50"
|
||||
data-speed="600" data-start="300"
|
||||
data-endspeed="400" data-end="7950"
|
||||
data-easing="Power4.easeOut"
|
||||
style="z-index: 3">
|
||||
<h3 class="title-slider-small uppercased mb10">an easy way to build a website</h3>
|
||||
<div class="br-bottom-center"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tp-caption sfb stb"
|
||||
data-x="center" data-hoffset="0"
|
||||
data-y="center" data-voffset="60"
|
||||
data-speed="600" data-start="400"
|
||||
data-endspeed="400" data-end="7950"
|
||||
data-easing="Power4.easeOut"
|
||||
style="z-index: 3">
|
||||
<h2 class="title-slider-large uppercased bordered">with <span class="color-main">p</span>alas</h2>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<!-- SLIDE 2 -->
|
||||
<li data-transition="fade" data-slotamount="7" data-delay="8000" data-title="Slide 2">
|
||||
<!-- Background Image -->
|
||||
<img src="images/demo/bg07.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
||||
<div class="bg-overlay op6"></div>
|
||||
|
||||
|
||||
<div class="tp-caption sfb stt"
|
||||
data-x="center" data-hoffset="0"
|
||||
data-y="center" data-voffset="25"
|
||||
data-speed="400" data-start="400"
|
||||
data-endspeed="450" data-end="2500"
|
||||
data-easing="Power4.easeOut"
|
||||
style="z-index: 3">
|
||||
<h2 class="title-slider-large uppercased">free updates</h2>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption sfb stt"
|
||||
data-x="center" data-hoffset="0"
|
||||
data-y="center" data-voffset="25"
|
||||
data-speed="400" data-start="3000"
|
||||
data-endspeed="450" data-end="5500"
|
||||
data-easing="Power4.easeOut"
|
||||
style="z-index: 3">
|
||||
<h2 class="title-slider-large uppercased">top notch support</h2>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption sfb stt"
|
||||
data-x="center" data-hoffset="0"
|
||||
data-y="center" data-voffset="25"
|
||||
data-speed="400" data-start="6000"
|
||||
data-endspeed="450" data-end="7950"
|
||||
data-easing="Power4.easeOut"
|
||||
style="z-index: 3">
|
||||
<h2 class="title-slider-large uppercased">premium plugins</h2>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<!-- SLIDE 3 -->
|
||||
<li data-transition="fade" data-slotamount="7" data-delay="8000" data-title="Slide 3">
|
||||
<!-- Background Image -->
|
||||
<img src="images/demo/bg09.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
||||
<div class="bg-overlay op6"></div>
|
||||
|
||||
<div class="tp-caption sft stt"
|
||||
data-x="center" data-hoffset="0"
|
||||
data-y="center" data-voffset="-30"
|
||||
data-speed="500" data-start="300"
|
||||
data-endspeed="600" data-end="7950"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h4 class="title-slider-small uppercased">create a stunning website with palas</h4>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption sfb stb"
|
||||
data-x="center" data-hoffset="0"
|
||||
data-y="center" data-voffset="60"
|
||||
data-speed="400" data-start="500"
|
||||
data-endspeed="450" data-end="7970"
|
||||
data-easing="Power4.easeOut"
|
||||
style="z-index: 3">
|
||||
<h2 class="title-slider-large uppercased br-top-bottom">customizable</h2>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-4 xs-box2 br-box">
|
||||
<div class="box-services-c">
|
||||
<i class="fa icon_star_alt fa-style3 circle"></i>
|
||||
<h3 class="title-small br-bottom-center">Free updates</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab corrupti, quasi? Beatae cumque maiores.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 xs-box2 br-box">
|
||||
<div class="box-services-c">
|
||||
<i class="fa icon_lifesaver fa-style1 circle"></i>
|
||||
<h3 class="title-small br-bottom-center">Premium Support</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab corrupti, quasi? Beatae cumque maiores.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 br-box-last">
|
||||
<div class="box-services-c">
|
||||
<i class="fa icon_key_alt fa-style3 circle"></i>
|
||||
<h3 class="title-small br-bottom-center">Easy to use</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab corrupti, quasi? Beatae cumque maiores.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-bg section-large section-dark mb0">
|
||||
<div class="container">
|
||||
<div class="row col-p30 mt20">
|
||||
<div class="col-sm-12 col-md-4 sm-box3">
|
||||
<div class="box-services-d box-services-e br2">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="row col-p0 p0">
|
||||
<div class="col-sm-12 p0">
|
||||
<h3 class="title-medium title-shadow-a">Premium Plugins</h3>
|
||||
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit cum recusandae!</p>
|
||||
<i class="fa icon_gift_alt"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 xs-box2">
|
||||
<div class="mt10"></div>
|
||||
<i class="icon_piechart color-on-dark fa-4x op8"></i>
|
||||
<h3 class="title-uppercased color-on-dark title-shadow-a mt20 mb10">We did that</h3>
|
||||
<div class="br-bottom mb20"></div>
|
||||
<p class="color-on-dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, ipsa, itaque. Vel dolorem voluptate quae.</p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="mt10"></div>
|
||||
<i class="icon_box-checked color-on-dark fa-4x op8"></i>
|
||||
<h3 class="title-uppercased color-on-dark title-shadow-a mt20 mb10">We do this</h3>
|
||||
<div class="br-bottom mb20"></div>
|
||||
<p class="color-on-dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, ipsa, itaque. Vel dolorem voluptate quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section-bg section-larger bg-img bg11 m0 stellar" data-stellar-background-ratio="0.4">
|
||||
<div class="bg-overlay op8"></div>
|
||||
<div class="container">
|
||||
<div class="row mt20 mb20">
|
||||
<div class="col-sm-10 col-md-6 col-sm-offset-1 col-md-offset-3">
|
||||
<h2 class="title-large mb30 text-center color-on-img title-shadow-b">Uncountable features</h2>
|
||||
<div class="br-bottom-center mb30"></div>
|
||||
<p class="p-large mb40 text-center color-on-img">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod quidem ab beatae, repellendus sed quo explicabo hic dolorum at architecto.</p>
|
||||
<div class="text-center"><a href="#" class="btn-slider">Get a quote</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section p0 max_height sm_max_height">
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="box-services-d box-services-e el_max_height">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="row col-p0 mt20 mb20">
|
||||
<div class="col-sm-12">
|
||||
<h3 class="title-medium small title-shadow-a">Responsive Design <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe suscipit veritatis voluptas dolorum amet sit alert!</p>
|
||||
<i class="fa icon_mobile"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="box-services-d box-services-e transparent el_max_height">
|
||||
<div class="row col-p0 mt20 mb20">
|
||||
<div class="col-sm-12">
|
||||
<h3 class="title-medium mb20 color-default">Unlimited colors</h3>
|
||||
<div class="br-bottom mb20"></div>
|
||||
<p class="mb0 color-default">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4 sm-box">
|
||||
<div class="box-services-d box-services-e transparent el_max_height sm-pt0">
|
||||
<div class="row col-p0 mt20 mb20">
|
||||
<div class="col-sm-12">
|
||||
<h3 class="title-medium mb20 color-default">Bootstrap Based</h3>
|
||||
<div class="br-bottom mb20"></div>
|
||||
<p class="mb0 color-default">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section pt0">
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-4">
|
||||
<div class="section-boxed-2 xs-pt0">
|
||||
<div class="sm-cursor"></div>
|
||||
<div class="br-bottom mb20 mt30"></div>
|
||||
<h3 class="title-uppercased">Our team</h3>
|
||||
<p class="mb0">Lorem ipsum dolor sit amet, consectetur adipisicing!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<div class="team-section team-section-2 team-section-fullwidth portfolio-animation-off">
|
||||
<div class="owl-carousel owl-columns4">
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/team1.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom"><a href="#">John Doe</a></h3>
|
||||
<p class="text">web designer</p>
|
||||
</div>
|
||||
<div class="date">
|
||||
<ul class="social-icon simple">
|
||||
<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-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/team2.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom"><a href="#">Mark Doe</a></h3>
|
||||
<p class="text">web developer</p>
|
||||
</div>
|
||||
<div class="date">
|
||||
<ul class="social-icon simple">
|
||||
<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-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/team3.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom"><a href="#">Alex Doe</a></h3>
|
||||
<p class="text">manager</p>
|
||||
</div>
|
||||
<div class="date">
|
||||
<ul class="social-icon simple">
|
||||
<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-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/team4.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom"><a href="#">Barry Doe</a></h3>
|
||||
<p class="text">graphic designer</p>
|
||||
</div>
|
||||
<div class="date">
|
||||
<ul class="social-icon simple">
|
||||
<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-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/team5.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom"><a href="#">Chris Doe</a></h3>
|
||||
<p class="text">SEO Analytic</p>
|
||||
</div>
|
||||
<div class="date">
|
||||
<ul class="social-icon simple">
|
||||
<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-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/team6.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom"><a href="#">Joe Doe</a></h3>
|
||||
<p class="text">web designer</p>
|
||||
</div>
|
||||
<div class="date">
|
||||
<ul class="social-icon simple">
|
||||
<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-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el view">
|
||||
<img src="images/demo/team1.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<div class="portfolio-middle">
|
||||
<h3 class="project-title br-bottom"><a href="#">Justin Doe</a></h3>
|
||||
<p class="text">front-end designer</p>
|
||||
</div>
|
||||
<div class="date">
|
||||
<ul class="social-icon simple">
|
||||
<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-dribbble"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END portfolio -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row mb20 mt20">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-testimonials">
|
||||
<div class="owl-carousel owl-portfolio">
|
||||
<div class="owl-el">
|
||||
<blockquote>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam? Quia, facere nobis fuga. Voluptas, sit maxime accusantium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam?</p>
|
||||
<footer>
|
||||
<h5>John Doe <span> ThemeForest </span></h5>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<blockquote>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam? Quia, facere nobis fuga. Voluptas, sit maxime accusantium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam?</p>
|
||||
<footer>
|
||||
<h5>Alex Doe <span> CodeCanyon </span></h5>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<blockquote>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam? Quia, facere nobis fuga. Voluptas, sit maxime accusantium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam?</p>
|
||||
<footer>
|
||||
<h5>Justin Doe <span> PhotoDune </span></h5>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<i class="fa icon_quotations"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section-bg section-gray mb0">
|
||||
<div class="container">
|
||||
<div class="row mb30 mt20">
|
||||
<div class="col-sm-12 col-md-6 sm-box3">
|
||||
<h2 class="title-medium">Latest Posts</h2>
|
||||
<div class="br-bottom mb40"></div>
|
||||
<div class="row mb30">
|
||||
<div class="col-sm-3 xs-box">
|
||||
<img src="images/demo/p07.jpg" alt="" class="img-rounded">
|
||||
</div>
|
||||
<div class="col-sm-9">
|
||||
<div class="box-services-b">
|
||||
<h3 class="title-small mt10 mb0">Above and beyond <a href="#" class="link-read-more xs-mt0">read more</a></h3>
|
||||
<small><i class="fa fa-clock-o mr10"></i> 15 March 2015</small>
|
||||
<span class="py10"> / </span>
|
||||
<small>by <a href="#">John Doe</a></small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb30">
|
||||
<div class="col-sm-3 xs-box">
|
||||
<img src="images/demo/p11.jpg" alt="" class="img-rounded">
|
||||
</div>
|
||||
<div class="col-sm-9">
|
||||
<div class="box-services-b">
|
||||
<h3 class="title-small mt10 mb0">Imagine Dragons <a href="#" class="link-read-more xs-mt0">read more</a></h3>
|
||||
<small><i class="fa fa-clock-o mr10"></i> 15 March 2015</small>
|
||||
<span class="py10"> / </span>
|
||||
<small>by <a href="#">John Doe</a></small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-3 xs-box">
|
||||
<img src="images/demo/p05.jpg" alt="" class="img-rounded">
|
||||
</div>
|
||||
<div class="col-sm-9">
|
||||
<div class="box-services-b">
|
||||
<h3 class="title-small mt10 mb0">Upside Down <a href="#" class="link-read-more xs-mt0">read more</a></h3>
|
||||
<small><i class="fa fa-clock-o mr10"></i> 15 March 2015</small>
|
||||
<span class="py10"> / </span>
|
||||
<small>by <a href="#">John Doe</a></small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-6">
|
||||
<div class="br-bottom mb10"></div>
|
||||
<h2 class="title-uppercased mb20">Happy Clients</h2>
|
||||
|
||||
<p class="mb40">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur numquam voluptatum laudantium beatae temporibus inventore eveniet esse soluta vel eum porro.</p>
|
||||
|
||||
<h3 class="title-small br-bottom mb20">Clients</h3>
|
||||
|
||||
<div class="row mb20 page-clients text-left">
|
||||
<div class="col-sm-4 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Envato"><img src="images/demo/client01.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-sm-4 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Woocommerce"><img src="images/demo/client02.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<a href="#" data-toggle="tooltip" title="Shopify"><img src="images/demo/client03.png" alt="client"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row page-clients text-left">
|
||||
<div class="col-sm-4 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Envato"><img src="images/demo/client04.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-sm-4 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Woocommerce"><img src="images/demo/client05.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<a href="#" data-toggle="tooltip" title="Shopify"><img src="images/demo/client06.png" alt="client"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Footer wrapper -->
|
||||
<footer class="footer-wrapper footer-bg">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Palas</h3>
|
||||
<ul class="footer-links clearfix">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Security</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Get social</h3>
|
||||
<ul class="footer-social clearfix">
|
||||
<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Tweets</h3>
|
||||
<!-- This is just a dummy twitter feed with typed content (not generetad).
|
||||
Didn't include the twitter feed for performance benefits.
|
||||
See in documentation how to include a fully functional twitter feed widget -->
|
||||
<div class="sidebar-tweet clearfix">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content">
|
||||
<a href="#" class="tweet-user">@shiftThemes</a>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
|
||||
<small>22 hours ago</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-sm-push-6 col-md-push-4 xs-box">
|
||||
|
||||
|
||||
<!-- MailChimp Subscribe Form -->
|
||||
<div id="mc_embed_signup">
|
||||
<!-- Replace the below url with the action link from mailchimp (see documentation) -->
|
||||
<form action="#" method="post"
|
||||
id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate class="footer-subscribe">
|
||||
<div id="mc_embed_signup_scroll">
|
||||
<input type="email" value="" name="EMAIL" id="mce-EMAIL" required placeholder=" Type email and hit enter">
|
||||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;">
|
||||
<input type="text" name="b_111fbc1ae1a748cfb4ef9ac27_ac969aca2f" tabindex="-1" value="">
|
||||
</div>
|
||||
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="hidden"></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END mc_embed_signup -->
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-sm-pull-6 col-md-pull-4">
|
||||
<p class="copyright">© Copyright 2015 - 2022 shiftThemes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</div> <!-- END Global Wrapper -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Javascript files -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="_demo/rs-slider.js"></script>
|
||||
|
||||
<div id="_include_main_plugins"></div>
|
||||
|
||||
|
||||
|
||||
<div id="_include_owl_carousel"></div>
|
||||
|
||||
|
||||
<!-- Main javascript file -->
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/index_05.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:53 GMT -->
|
||||
</html>
|
||||
931
templates/index_06.html
Normal file
931
templates/index_06.html
Normal file
@@ -0,0 +1,931 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/index_06.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:49 GMT -->
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8" >
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Palas | Bootstrap Multipurpose HTML5 Template</title>
|
||||
|
||||
<meta name="author" content="shiftthemes">
|
||||
<meta name="description" content="Palas is a Business HTML Template developed with the the latest HTML5 and CSS3 technologies.">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- CSS files -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="bootstrap/3.3.1/css/bootstrap.min.css">
|
||||
<link href="font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_elegant_font">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="plugins/rs-plugin/css/settings.css" media="screen">
|
||||
<link rel="stylesheet" href="css/void.css" id="_include_owl_carousel">
|
||||
|
||||
|
||||
<!-- Main CSS file -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="preloader">
|
||||
<div id="status"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Global Wrapper -->
|
||||
<div id="wrapper" class="relative">
|
||||
|
||||
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header-wrapper header-transparent sticky-top">
|
||||
<div class="main-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-2">
|
||||
<a href="index.html" class="logo"></a>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-10">
|
||||
<nav class="navbar-right">
|
||||
<!-- Added menu-dark-transparent class so that the menu will be a little transparent -->
|
||||
<ul class="menu menu-dark-transparent">
|
||||
<!-- Toggle Menu - For Mobile Devices -->
|
||||
<li class="toggle-menu"><i class="fa icon_menu"></i></li>
|
||||
|
||||
<li class="first">
|
||||
<a href="#">Home</a>
|
||||
<!--Instead of full class you can type one_two (50%), two_three (66.66%), three_four (75%) -->
|
||||
<div class="megamenu full">
|
||||
<!-- Similar to Bootstrap gid system (12 columns) -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<!-- You can alsoo include paragraps, images, iframes etc, not only lists, but probably you will have to style them -->
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_02.html">Home Transparent Header</a></li>
|
||||
<li><a href="index_09.html">Home Simple Header</a></li>
|
||||
<li><a href="index_06.html">Home Full screen Slider</a></li>
|
||||
<li><a href="index_13.html">Home Video Full Width</a></li>
|
||||
<li><a href="index_10.html">Home Left Dark Menu</a></li>
|
||||
<li><a href="index_13.html">Home Full Screen Menu</a></li>
|
||||
<li><a href="index_14.html">Home Top Menu</a></li>
|
||||
<li><a href="index_04.html">Home Parallax Image</a></li>
|
||||
<li><a href="index_15.html">Home Full Kenburns Slider</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_10.html">Home Kenburns Slider</a></li>
|
||||
<li><a href="index_05.html">Home Boxed Slider</a></li>
|
||||
<li><a href="index_11.html">Home Right Menu</a></li>
|
||||
<li><a href="index_04.html">Home Dark Top bar</a></li>
|
||||
<li><a href="index_05.html">Home Dark Header</a></li>
|
||||
<li><a href="index_08.html">Home Bottom Header</a></li>
|
||||
<li><a href="index_08.html">Home Video Full Screen</a></li>
|
||||
<li><a href="index_12.html">Home Text Rotator</a></li>
|
||||
<li><a href="index_03.html">Home Static Menu</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li><a href="index_07.html">Home Menu under Logo</a></li>
|
||||
<li><a href="index.html">Home Transparent Dark Header</a></li>
|
||||
<li><a href="index_03.html">Home Gray Top Bar</a></li>
|
||||
<li><a href="index_07.html">Home Icons Menu</a></li>
|
||||
<li><a href="index_03.html">Home Menu White </a></li>
|
||||
<li><a href="index_12.html">Home Left White Menu</a></li>
|
||||
<li><a href="index_06.html">Home Menu Dark Transparent</a></li>
|
||||
<li><a href="index_11.html">Home Parallax Full Image</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Home -->
|
||||
<li>
|
||||
<a href="#">Features</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Headers</li>
|
||||
<li><a href="index_02.html">Header Transparent</a></li>
|
||||
<li><a href="index_09.html">Header Simple</a></li>
|
||||
<li><a href="index_08.html">Header Bottom Menu</a></li>
|
||||
<li><a href="index_07.html">Header Icons Menu</a></li>
|
||||
<li><a href="index_05.html">Header Dark</a></li>
|
||||
<li><a href="index.html">Header Transparent Dark</a></li>
|
||||
<li><a href="index_04.html">Header Dark Bar</a></li>
|
||||
<li><a href="index_03.html">Header Gray Bar</a></li>
|
||||
<li><a href="index_14.html">Header Top Menu</a></li>
|
||||
<li><a href="index_13.html">Header Full Screen</a></li>
|
||||
<li><a href="index_03.html">Header Static Menu</a></li>
|
||||
<li><a href="index_07.html">Header Menu under Logo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Menus</li>
|
||||
<li><a href="index_06.html">Menu Dark Transparent</a></li>
|
||||
<li><a href="index.html">Menu Dark</a></li>
|
||||
<li><a href="index_03.html">Menu Light</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Footers</li>
|
||||
<li><a href="index_04.html#footer_index">Footer Dark Simple</a></li>
|
||||
<li><a href="index_03.html#footer_index">Footer Gray</a></li>
|
||||
<li><a href="index.html#footer_index">Footer Background</a></li>
|
||||
<li><a href="index_10.html#footer_index">Footer Simple</a></li>
|
||||
<li><a href="index_02.html#footer_index">Footer Small</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Vertical Menu</li>
|
||||
<li><a href="index_10.html">Header Left Dark</a></li>
|
||||
<li><a href="index_12.html">Header Left Light</a></li>
|
||||
<li><a href="index_11.html">Header Right Menu</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Sliders</li>
|
||||
<li><a href="index.html">Slider Full width</a></li>
|
||||
<li><a href="index_05.html">Slider Boxed</a></li>
|
||||
<li><a href="index_06.html">Slider Full screen</a></li>
|
||||
<li><a href="index_10.html">Slider Kenburns</a></li>
|
||||
<li><a href="index_15.html">Slider Kenburns Full screen</a></li>
|
||||
<li><a href="index_13.html">Slider Video Full width</a></li>
|
||||
<li><a href="index_08.html">Slider Video Full screen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> <!-- END Features -->
|
||||
<li>
|
||||
<a href="#">Pages</a>
|
||||
<div class="megamenu full">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">Pages</li>
|
||||
<li><a href="page_about.html">About 1</a></li>
|
||||
<li><a href="page_about_2.html">About 2</a></li>
|
||||
<li><a href="page_about_3.html">About 3</a></li>
|
||||
<li><a href="page_about_4.html">About 4</a></li>
|
||||
<li><a href="page_team.html">Team 1</a></li>
|
||||
<li><a href="page_team_2.html">Team 2</a></li>
|
||||
<li><a href="page_team_3.html">Team 3</a></li>
|
||||
<li><a href="page_team_4.html">Team 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">that you</li>
|
||||
<li><a href="page_services.html">Services 1</a></li>
|
||||
<li><a href="page_services_2.html">Services 2</a></li>
|
||||
<li><a href="page_services_3.html">Services 3</a></li>
|
||||
<li><a href="page_services_4.html">Services 4</a></li>
|
||||
<li><a href="page_contact.html">Contact 1</a></li>
|
||||
<li><a href="page_contact_2.html">Contact 2</a></li>
|
||||
<li><a href="page_contact_3.html">Contact 3</a></li>
|
||||
<li><a href="page_clients.html">Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">really</li>
|
||||
<li><a href="page_pricing.html">Pricing</a></li>
|
||||
<li><a href="page_faq.html">FAQ 1</a></li>
|
||||
<li><a href="page_faq_2.html">FAQ 2</a></li>
|
||||
<li><a href="page_sign_in.html">Sign In</a></li>
|
||||
<li><a href="page_sign_up.html">Sign Up</a></li>
|
||||
<li><a href="page_404.html">404 Not Found</a></li>
|
||||
<li><a href="page_403.html">403 Forbidden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<ul class="megamenu-list">
|
||||
<li class="title">need</li>
|
||||
<li><a href="page_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="page_sidebars.html">Sidebars</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Sidebar Navigation</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="title">Simple Page Headers</li>
|
||||
<li><a href="page_sidebar.html">Small</a></li>
|
||||
<li><a href="page_sidebar_navigation.html">Centered</a></li>
|
||||
<li><a href="page_sidebars.html">Simple (Dark)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Mega Menu -->
|
||||
</li> <!-- END Pages -->
|
||||
<li>
|
||||
<a href="#">Blog</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="blog_list_small.html">List Small</a></li>
|
||||
<li><a href="blog_list_large.html">List Large</a></li>
|
||||
<li><a href="blog_grid.html">Grid</a></li>
|
||||
<li><a href="blog_grid_sidebar.html">Grid Sidebar</a></li>
|
||||
<li><a href="blog_masonry.html">Masonry</a></li>
|
||||
<li><a href="blog_masonry_sidebar.html">Masonry Sidebar</a></li>
|
||||
<li><a href="blog_post.html">Post</a></li>
|
||||
<li><a href="blog_post_sidebar.html">Post Sidebar</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Blog -->
|
||||
<li>
|
||||
<a href="#">Portfolio</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li><a href="portfolio_2.html">2 Columns</a></li>
|
||||
<li><a href="portfolio_3.html">3 Columns</a></li>
|
||||
<li><a href="portfolio_4.html">4 Columns</a></li>
|
||||
<li><a href="portfolio_boxed.html">Boxed</a></li>
|
||||
<li><a href="portfolio_sidebar.html">Sidebar</a></li>
|
||||
<li><a href="portfolio_project_wide.html">Wide Project</a></li>
|
||||
<li><a href="portfolio_project_half.html">Half Project</a></li>
|
||||
<li><a href="portfolio_project_sidebar.html">Sidebar Project</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Portfolio -->
|
||||
<li>
|
||||
<a href="#">Shop</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="shop_products.html">Products</a></li>
|
||||
<li><a href="shop_products_sidebar.html">Products Sidebar</a></li>
|
||||
<li><a href="shop_product.html">Product</a></li>
|
||||
<li><a href="shop_product_sidebar.html">Product Sidebar</a></li>
|
||||
<li><a href="shop_account.html">Account</a></li>
|
||||
<li><a href="shop_cart.html">Cart</a></li>
|
||||
<li><a href="shop_checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li> <!-- END Shop -->
|
||||
<li><a href="shortcodes.html">Shortcodes</a></li>
|
||||
<!-- Always include last class to link to solve some padding issues -->
|
||||
<li><a class="last" href="#" target="_blank">Documentation</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END Main-Header -->
|
||||
</header> <!-- END Header -->
|
||||
|
||||
|
||||
<div class="tp-banner-container rs_fullscreen">
|
||||
<div class="tp-banner">
|
||||
<ul>
|
||||
|
||||
<!-- SLIDE 1 -->
|
||||
<li data-transition="fade" data-masterspeed="500" data-slotamount="7" data-delay="8000" data-title="Slide 1">
|
||||
<!-- Background Image -->
|
||||
<img src="images/demo/bg13.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
||||
|
||||
<!-- Include bg-overlay class if you want some background overlay over the image -->
|
||||
<!-- Recomend to include it to have a dark overlay and change the opacity (op6, op4, op8 etc) so that the content inside to be visible and readalbe (text is white) -->
|
||||
<div class="bg-overlay op6"></div>
|
||||
|
||||
|
||||
<div class="tp-caption sfb stt"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="-75"
|
||||
data-speed="600" data-start="600"
|
||||
data-endspeed="400" data-end="7900"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h3 class="title-slider-small uppercased mb10">create stunning websites with palas</h3>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption sfb stt"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="30"
|
||||
data-speed="700" data-start="800"
|
||||
data-endspeed="500" data-end="7950"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h2 class="title-slider-large">All you need within<br> a single template</h2>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption sfb stt"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="130"
|
||||
data-speed="800" data-start="1000"
|
||||
data-endspeed="600" data-end="8000"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<a href="#" class="btn-slider">Purchase</a>
|
||||
</div>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<!-- SLIDE 2 -->
|
||||
<li data-transition="fade" data-slotamount="7" data-delay="8000" data-title="Slide 2">
|
||||
<!-- Background Image -->
|
||||
<img src="images/demo/bg14.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
||||
<div class="bg-overlay op5"></div>
|
||||
|
||||
|
||||
<div class="tp-caption sfl stt"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="-10"
|
||||
data-speed="600" data-start="600"
|
||||
data-endspeed="400" data-end="7800"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h2 class="title-slider-large mb20">Customizable <br> and Easy to Use</h2>
|
||||
<div class="br-bottom"></div>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption sfl stb"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="110"
|
||||
data-speed="700" data-start="800"
|
||||
data-endspeed="400" data-end="7900"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h4 class="title-slider-small">It could take you a few minutes to customize it!</h4>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<!-- SLIDE 3 -->
|
||||
<li data-transition="fade" data-slotamount="7" data-delay="8000" data-title="Slide 3">
|
||||
<!-- Background Image -->
|
||||
<img src="images/demo/bg15.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
||||
<div class="bg-overlay op5"></div>
|
||||
|
||||
|
||||
<div class="tp-caption sfl stl"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="-15"
|
||||
data-speed="700" data-start="600"
|
||||
data-endspeed="400" data-end="7800"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h2 class="title-slider-large">Free updates <br> Top notch Support</h2>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption sfl stl"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="70"
|
||||
data-speed="700" data-start="1000"
|
||||
data-endspeed="400" data-end="7900"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h3 class="title-slider-small uppercased">and so much more ...</h3>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tp-caption sfb stl"
|
||||
data-x="left" data-hoffset="15"
|
||||
data-y="center" data-voffset="120"
|
||||
data-speed="900" data-start="1200"
|
||||
data-endspeed="600" data-end="7950"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<a href="#" class="btn-slider reversed">see features</a>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<!-- SLIDE 4 -->
|
||||
<li data-transition="fade" data-slotamount="7" data-delay="8000" data-title="Slide 4">
|
||||
<!-- Background Image -->
|
||||
<img src="images/demo/bg17.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
||||
<div class="bg-overlay op5"></div>
|
||||
|
||||
|
||||
<div class="tp-caption sfr stb"
|
||||
data-x="right" data-hoffset="-15"
|
||||
data-y="center" data-voffset="0"
|
||||
data-speed="900" data-start="600"
|
||||
data-endspeed="400" data-end="7980"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h2 class="title-slider-large text-right">Premium Plugins</h2>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption sfr stb"
|
||||
data-x="right" data-hoffset="-15"
|
||||
data-y="center" data-voffset="70"
|
||||
data-speed="1000" data-start="1000"
|
||||
data-endspeed="400" data-end="7900"
|
||||
data-easing="Power3.easeInOut" data-endeasing=""
|
||||
style="z-index: 4">
|
||||
<h4 class="title-slider-small uppercased text-right">
|
||||
Bootstrap based <span class="py10"></span>
|
||||
responsive design <span class="py10"></span>
|
||||
clean code<br>
|
||||
working widgets <span class="py10"></span>
|
||||
ajax contact form
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="section pt0 max_height sm_max_height">
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="box-services-d box-services-e transparent el_max_height">
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-12">
|
||||
<h3 class="title-medium mb20 color-default">Responsive Design</h3>
|
||||
<div class="br-bottom mb20"></div>
|
||||
<p class="mb0 color-default">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="box-services-d box-services-e el_max_height">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-12">
|
||||
<h3 class="title-medium small title-shadow-a">Free updates <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe suscipit veritatis voluptas dolorum amet sit alert!</p>
|
||||
<i class="fa icon_star_alt"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="box-services-d box-services-e el_max_height">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-12">
|
||||
<h3 class="title-medium small title-shadow-a">Premium Support <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe suscipit veritatis voluptas dolorum amet sit alert!</p>
|
||||
<i class="fa icon_lifesaver"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row col-p30 mb50">
|
||||
<div class="col-sm-6 sm-box2">
|
||||
<div class="box-services-b">
|
||||
<div class="box-left"><i class="fa fa-style2 icon_gift_alt"></i></div>
|
||||
<div class="box-right">
|
||||
<h3 class="title-small">Premium plugins <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="box-services-b">
|
||||
<div class="box-left"><i class="fa fa-style2 icon_tools"></i></div>
|
||||
<div class="box-right">
|
||||
<h3 class="title-small">Customizable <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-6 sm-box2">
|
||||
<div class="box-services-b">
|
||||
<div class="box-left"><i class="fa fa-style2 icon_cart_alt"></i></div>
|
||||
<div class="box-right">
|
||||
<h3 class="title-small">Ecommerce <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="box-services-b">
|
||||
<div class="box-left"><i class="fa fa-style2 icon_piechart"></i></div>
|
||||
<div class="box-right">
|
||||
<h3 class="title-small">Working widgets <a href="#" class="link-read-more">read more</a></h3>
|
||||
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section-bg section-dark p0 mb0 data-height-fix">
|
||||
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-6 hidden-xs">
|
||||
<div class="box-services-d p0 bg-img bg15">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="set-height"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-caption">
|
||||
<div class="container">
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-5 col-sm-offset-7 get-height">
|
||||
<div class="mb50 mt50">
|
||||
<h3 class="title-medium color-on-dark">About us</h3>
|
||||
<div class="br-bottom mb20"></div>
|
||||
<p class="mb50 color-on-dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste sunt cupiditate asperiores atque consectetur reiciendis, ex voluptate! Atque distinctio, illum minus consectetur quae explicabo eveniet dolorum voluptatum excepturi autem illo, laudantium iusto itaque vero.</p>
|
||||
<div class="br-bottom mb20"></div>
|
||||
<h3 class="title-uppercased mb20 color-on-dark">Our skills</h3>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" data-percentage="85"><span>Wordpress 85%</span></div>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" data-percentage="70"><span>Drupal 70%</span></div>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" data-percentage="100"><span>HTML 100%</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-bg section-large section-dark mt0 page-clients">
|
||||
<div class="container">
|
||||
<div class="row mb50">
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Envato"><img src="images/demo/client01a.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Woocommerce"><img src="images/demo/client02a.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Shopify"><img src="images/demo/client03a.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3">
|
||||
<a href="#" data-toggle="tooltip" title="Magento"><img src="images/demo/client04a.png" alt="client"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Drupal"><img src="images/demo/client05a.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="Joomla"><img src="images/demo/client06a.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3 xs-box">
|
||||
<a href="#" data-toggle="tooltip" title="WordPress"><img src="images/demo/client07a.png" alt="client"></a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-3">
|
||||
<a href="#" data-toggle="tooltip" title="jQuery"><img src="images/demo/client08a.png" alt="client"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="row col-p0">
|
||||
<div class="col-sm-3">
|
||||
<div class="section-boxed-2">
|
||||
<div class="sm-cursor"></div>
|
||||
<div class="br-bottom mb20 mt0"></div>
|
||||
<h3 class="title-uppercased">Our work</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit dolorum.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-9">
|
||||
<div class="portfolio portfolio-center portfolio-text">
|
||||
<div class="owl-carousel owl-columns4">
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el py10">
|
||||
<div class="view br2">
|
||||
<img src="images/demo/p02.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<a href="portfolio_project_half.html" class="portfolio-middle"><i class="fa fa-search"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-text-content">
|
||||
<h3 class="portfolio-text-title">Above and beyond</h3>
|
||||
<p class="portfolio-text-p">design, photography</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el py10">
|
||||
<div class="view br2">
|
||||
<img src="images/demo/p03.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<a href="portfolio_project_half.html" class="portfolio-middle"><i class="fa fa-search"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-text-content">
|
||||
<h3 class="portfolio-text-title">Imagine dragons</h3>
|
||||
<p class="portfolio-text-p">web, WordPress</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el py10">
|
||||
<div class="view br2">
|
||||
<img src="images/demo/p04.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<a href="portfolio_project_half.html" class="portfolio-middle"><i class="fa fa-search"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-text-content">
|
||||
<h3 class="portfolio-text-title">Up in the air</h3>
|
||||
<p class="portfolio-text-p">art, canvas</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el py10">
|
||||
<div class="view br2">
|
||||
<img src="images/demo/p12.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<a href="portfolio_project_half.html" class="portfolio-middle"><i class="fa fa-search"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-text-content">
|
||||
<h3 class="portfolio-text-title">Upside down</h3>
|
||||
<p class="portfolio-text-p">design, Joomla</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el py10">
|
||||
<div class="view br2">
|
||||
<img src="images/demo/p11.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<a href="portfolio_project_half.html" class="portfolio-middle"><i class="fa fa-search"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-text-content">
|
||||
<h3 class="portfolio-text-title">Nearby Star</h3>
|
||||
<p class="portfolio-text-p">art, photography</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<div class="portfolio-el py10">
|
||||
<div class="view br2">
|
||||
<img src="images/demo/p01.jpg" alt="project">
|
||||
<div class="mask">
|
||||
<a href="portfolio_project_half.html" class="portfolio-middle"><i class="fa fa-search"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-text-content">
|
||||
<h3 class="portfolio-text-title">Begin again</h3>
|
||||
<p class="portfolio-text-p">design, photography</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END portfolio -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-bg section-larger bg-img bg10 stellar mt0" data-stellar-background-ratio="0.4">
|
||||
<div class="bg-overlay op6"></div>
|
||||
<div class="container">
|
||||
<div class="row mb30 mt40">
|
||||
<div class="col-sm-12">
|
||||
<h2 class="title-medium mb20 color-on-img text-center">Testimonials</h2>
|
||||
<div class="br-bottom-center mb40"></div>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<div class="section-testimonials testimonials-bg">
|
||||
<div class="owl-carousel owl-portfolio">
|
||||
<div class="owl-el">
|
||||
<blockquote>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam? Quia, facere nobis fuga. Voluptas, sit maxime accusantium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam?</p>
|
||||
<footer>
|
||||
<h5>John Doe <span> ThemeForest </span></h5>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<blockquote>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam? Quia, facere nobis fuga. Voluptas, sit maxime accusantium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam?</p>
|
||||
<footer>
|
||||
<h5>Alex Doe <span> CodeCanyon </span></h5>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="owl-el">
|
||||
<blockquote>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam? Quia, facere nobis fuga. Voluptas, sit maxime accusantium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam?</p>
|
||||
<footer>
|
||||
<h5>Mark Doe <span> AudioJungle </span></h5>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<i class="fa icon_quotations"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section mb20">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-5 sm-box3">
|
||||
<h2 class="title-medium">Latest Posts</h2>
|
||||
<div class="br-bottom mb40"></div>
|
||||
<div class="row mb30">
|
||||
<div class="col-sm-3 xs-box">
|
||||
<img src="images/demo/p07.jpg" alt="" class="img-rounded">
|
||||
</div>
|
||||
<div class="col-sm-9">
|
||||
<div class="box-services-b">
|
||||
<h3 class="title-small mb0">Above and beyond <a href="#" class="link-read-more xs-mt0">read more</a></h3>
|
||||
<small><i class="fa fa-clock-o mr10"></i> 15 March 2015</small>
|
||||
<span class="py10"> / </span>
|
||||
<small>by <a href="#">John Doe</a></small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb30">
|
||||
<div class="col-sm-3 xs-box">
|
||||
<img src="images/demo/p11.jpg" alt="" class="img-rounded">
|
||||
</div>
|
||||
<div class="col-sm-9">
|
||||
<div class="box-services-b">
|
||||
<h3 class="title-small mb0">Begin again <a href="#" class="link-read-more xs-mt0">read more</a></h3>
|
||||
<small><i class="fa fa-clock-o mr10"></i> 15 March 2015</small>
|
||||
<span class="py10"> / </span>
|
||||
<small>by <a href="#">John Doe</a></small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-3 xs-box">
|
||||
<img src="images/demo/p05.jpg" alt="" class="img-rounded">
|
||||
</div>
|
||||
<div class="col-sm-9">
|
||||
<div class="box-services-b">
|
||||
<h3 class="title-small mb0">Up in the air <a href="#" class="link-read-more xs-mt0">read more</a></h3>
|
||||
<small><i class="fa fa-clock-o mr10"></i> 15 March 2015</small>
|
||||
<span class="py10"> / </span>
|
||||
<small>by <a href="#">John Doe</a></small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-7">
|
||||
<div class="br-bottom mb20"></div>
|
||||
<h3 class="title-uppercased">customizable <span class="mr10"></span> <small>and easy to use</small></h3>
|
||||
|
||||
<p class="mb50">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis rem facere doloribus delectus, reiciendis ipsum itaque placeat, eveniet perferendis vel molestiae impedit magnam. Sapiente, distinctio.</p>
|
||||
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a href="#tab1" data-toggle="tab"><i class="fa fa-wordpress"></i> WordPress</a></li>
|
||||
<li><a href="#tab2" data-toggle="tab"><i class="fa fa-joomla"></i> Joomla</a></li>
|
||||
<li><a href="#tab3" data-toggle="tab"><i class="fa fa-drupal"></i> Drupal</a></li>
|
||||
<li><a href="#tab4" data-toggle="tab"><i class="fa fa-credit-card"></i> Magento</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade in active" id="tab1">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, iste, architecto ullam tenetur quia nemo ratione tempora consectetur quos minus voluptates nisi hic alias libero explicabo reiciendis sint ut quo nulla ipsa aliquid neque molestias et qui sunt. Odit, molestiae.</p>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="tab2">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, iste, architecto ullam tenetur quia nemo ratione tempora consectetur quos minus voluptates nisi hic alias libero explicabo reiciendis sint ut quo nulla ipsa aliquid neque molestias et qui sunt. Odit, molestiae.</p>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="tab3">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, iste, architecto ullam tenetur quia nemo ratione tempora consectetur quos minus voluptates nisi hic alias libero explicabo reiciendis sint ut quo nulla ipsa aliquid neque molestias et qui sunt. Odit, molestiae.</p>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="tab4">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, iste, architecto ullam tenetur quia nemo ratione tempora consectetur quos minus voluptates nisi hic alias libero explicabo reiciendis sint ut quo nulla ipsa aliquid neque molestias et qui sunt. Odit, molestiae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Footer wrapper -->
|
||||
<footer class="footer-wrapper footer-bg">
|
||||
<div class="container">
|
||||
<div class="row col-p30">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Palas</h3>
|
||||
<ul class="footer-links clearfix">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Security</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Get social</h3>
|
||||
<ul class="footer-social clearfix">
|
||||
<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="footer-widget">
|
||||
<h3 class="footer-title">Tweets</h3>
|
||||
<!-- This is just a dummy twitter feed with typed content (not generetad).
|
||||
Didn't include the twitter feed for performance benefits.
|
||||
See in documentation how to include a fully functional twitter feed widget -->
|
||||
<div class="sidebar-tweet clearfix">
|
||||
<i class="fa fa-twitter"></i>
|
||||
<p class="tweet-content">
|
||||
<a href="#" class="tweet-user">@shiftThemes</a>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
|
||||
<small>22 hours ago</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-sm-push-6 col-md-push-4 xs-box">
|
||||
|
||||
|
||||
<!-- MailChimp Subscribe Form -->
|
||||
<div id="mc_embed_signup">
|
||||
<!-- Replace the below url with the action link from mailchimp (see documentation) -->
|
||||
<form action="#" method="post"
|
||||
id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate class="footer-subscribe">
|
||||
<div id="mc_embed_signup_scroll">
|
||||
<input type="email" value="" name="EMAIL" id="mce-EMAIL" required placeholder=" Type email and hit enter">
|
||||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;">
|
||||
<input type="text" name="b_111fbc1ae1a748cfb4ef9ac27_ac969aca2f" tabindex="-1" value="">
|
||||
</div>
|
||||
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="hidden"></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END mc_embed_signup -->
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-sm-pull-6 col-md-pull-4">
|
||||
<p class="copyright">© Copyright 2015 - 2022 shiftThemes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</div> <!-- END Global Wrapper -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Javascript files -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="_demo/rs-slider.js"></script>
|
||||
|
||||
<div id="_include_main_plugins"></div>
|
||||
|
||||
|
||||
<div id="_include_owl_carousel"></div>
|
||||
|
||||
|
||||
<!-- Main javascript file -->
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<!-- Mirrored from ctrlthemes.com/html/palas/index_06.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:50 GMT -->
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user