863 lines
36 KiB
HTML
863 lines
36 KiB
HTML
<!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> |