822 lines
35 KiB
HTML
822 lines
35 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
|
|
<!-- Mirrored from ctrlthemes.com/html/palas/index_07.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">
|
|
|
|
|
|
<!-- Topbar -->
|
|
<div class="topbar dark">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<a href="index.html" class="logo"></a>
|
|
</div>
|
|
<div class="col-sm-6 hidden-xs">
|
|
<div class="pull-right mt10">
|
|
<ul class="social-icon">
|
|
<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-10">
|
|
<nav>
|
|
<ul class="menu">
|
|
<!-- Toggle Menu - For Mobile Devices -->
|
|
<li class="toggle-menu xs-toggle"><h4 class="toggle-menu-title">menu</h4> <i class="fa icon_menu"></i></li>
|
|
|
|
<li class="first">
|
|
<a href="#" class="first"><i class="fa fa-home menu-icon"></i> 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="#"><i class="fa fa-star menu-icon"></i> 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>
|
|
<li>
|
|
<a href="#"><i class="fa fa-file-image-o menu-icon"></i> 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 Templates -->
|
|
<li>
|
|
<a href="#"><i class="fa fa-bold menu-icon"></i> 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="#"><i class="fa fa-th-large menu-icon"></i> 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="#"><i class="fa fa-credit-card menu-icon"></i> 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 -->
|
|
<!-- For this type of menu (with icons) I wanted to hide the last link (it goes down to second row)
|
|
but if you use this menu, and have more links, contact me via our support system (documentation)
|
|
and I will show you how to trigger the mobile menu for tablets as well.-->
|
|
<li class="hidden-sm"><a href="shortcodes.html"><i class="fa fa-bar-chart menu-icon"></i> Shortcodes</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/bg12.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="-45"
|
|
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="55"
|
|
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 center" 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 center" 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="-25"
|
|
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="55"
|
|
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>
|
|
|
|
|
|
<section class="section-bg mb0">
|
|
<div class="container">
|
|
<div class="row col-p30">
|
|
<div class="col-sm-12 col-md-4 sm-box2">
|
|
<div class="section-boxed section-dark">
|
|
<h3 class="title-uppercased color-on-dark">Bootstrap based</h3>
|
|
<div class="br-bottom mb30"></div>
|
|
<p class="mb40 color-on-dark">Lorem ipsum dolor sit amet, consectetur adipisi. Ab corrupti, quasi dolorum?</p>
|
|
<a href="#" class="btn-e">read more</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-4 xs-box2">
|
|
<div class="box-services-c mt30">
|
|
<i class="fa icon_tools fa-style1 circle"></i>
|
|
<h3 class="title-small br-bottom-center">Customizable</h3>
|
|
<p class="mb0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab corrupti, quasi? Beatae cumque maiores.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-4">
|
|
<div class="box-services-c mt30">
|
|
<i class="fa icon_tag_alt fa-style1 circle"></i>
|
|
<h3 class="title-small br-bottom-center">Clean code</h3>
|
|
<p class=" mb0">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-dark mt30">
|
|
<div class="container">
|
|
<div class="row col-p30 mt30 mb10">
|
|
<div class="col-sm-4 hidden-sm">
|
|
<div class="section-boxed section-white">
|
|
<div class="box-services-c">
|
|
<i class="icon_heart_alt fa fa-style4"></i>
|
|
<h3 class="title-small br-bottom-center">Free updates</h3>
|
|
<p class="mb0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab corrupti, quasi? Beatae cumque maiores.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-4">
|
|
<div class="box-services-c mt40">
|
|
<i class="icon_gift_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-6 col-md-4">
|
|
<div class="box-services-c mt40">
|
|
<i class="icon_star_alt 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">
|
|
<div class="container">
|
|
<div class="row mb30">
|
|
<div class="col-sm-6">
|
|
<h3 class="title-medium br-bottom">Our Projects</h3>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="clearfix">
|
|
<div class="pull-right xs-pull-left">
|
|
<nav class="portfolio-filter pf2">
|
|
<ul>
|
|
<li class="xs-pl0"><a href="#" data-filter="*" class="active"><i class="fa fa-bars"></i></a></li>
|
|
<li><a href="#" data-filter=".above_">Above</a></li>
|
|
<li><span> / </span></li>
|
|
<li><a href="#" data-filter=".beyond_">Beyond</a></li>
|
|
<li><span> / </span></li>
|
|
<li class="pr0"><a href="#" data-filter=".nowhere_" class="pr0">Nowhere</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div id="portfolio-isotope">
|
|
<div class="row col-p0 portfolio-boxed portfolio-animation-off">
|
|
<div class="portfolio columns-3">
|
|
<div class="col-sm-6 col-md-4 el above_ beyond_">
|
|
<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-6 col-md-4 el above_ nowhere_">
|
|
<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-6 col-md-4 el beyond_ nowhere_">
|
|
<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-6 col-md-4 el above_">
|
|
<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 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-6 col-md-4 el beyond_">
|
|
<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 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-6 col-md-4 el nowhere_">
|
|
<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">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>
|
|
</div> <!-- END Portfolio Isotope -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-bg p0 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 page-clients page-clients-b">
|
|
<div class="container">
|
|
<div class="row mb40">
|
|
<div class="col-sm-6 xs-box3">
|
|
<h3 class="title-medium text-left">Our Clients</h3>
|
|
<div class="br-bottom"></div>
|
|
</div>
|
|
</div>
|
|
<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!</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>
|
|
|
|
<section class="section-bg section-larger bg-img bg17 m0 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-10 col-md-6 col-sm-offset-1 col-md-offset-3">
|
|
<h2 class="title-large mb20 text-center color-on-img title-shadow-b">Top Notch Support</h2>
|
|
<div class="br-bottom-center mb30"></div>
|
|
<p class="p-large mb50 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>
|
|
|
|
|
|
|
|
|
|
<!-- 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_isotope"></div>
|
|
|
|
<div id="_include_owl_carousel"></div>
|
|
|
|
|
|
<!-- Main javascript file -->
|
|
<script src="js/script.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
<!-- Mirrored from ctrlthemes.com/html/palas/index_07.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:53 GMT -->
|
|
</html> |