764 lines
33 KiB
HTML
764 lines
33 KiB
HTML
<!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> |