system: Linux mars.sprixweb.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
<!-- Intro Area
===================================== -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<!--<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
-->
</ol>
<div class="carousel-inner">
<div class="item carousel-img carousel-img4 active">
<div class="carousel-caption">
<h1 class="font-pacifico text-capitalize text-left color-black alpha6 mt-50">We <i class="fa fa-wordpress"></i>Wordpress<br>Developer.</h1>
<p class="mt25 text-left color-light">The most powerfull website engine so far.<br>
<a href="#" class="button button-pasific hover-ripple-out button-md mt30">Start Project</a>
</p>
</div>
</div>
<!--
<div class="item carousel-img carousel-img5">
<div class="container">
<div class="carousel-caption text-left animated" data-animation="bounceInLeft" data-animation-delay="100">
<h1 class="text-left font-pacifico text-capitalize color-light mt-50">The One Stop<br>Website Service</h1>
<p class="color-light text-left mt20 ml10">Wordpress. Joomla. eCommerce. HTML. Etc.<br>
<a href="#" class="button button-pasific hover-ripple-out button-md mt30">Start Project</a>
</p>
</div>
</div>
</div>
<div class="item carousel-img carousel-img6">
<div class="container">
<div class="carousel-caption animated" data-animation="bounceInUp" data-animation-delay="100">
<h1 class="font-pacifico text-capitalize color-light mt-110 alpha7">First step <span class="text-lowercase">to be</span> success.<br>
<a href="#" class="color-light mt30 alpha9">Signup now.</a>
</h1>
</div>
</div>
</div>
-->
</div>
<!--
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
-->
</div>
<div class="intro-direction">
<a href="#welcome">
<div class="mouse-icon"><div class="wheel"></div></div>
</a>
</div>
<!-- Welcome Area-->
<section id="welcome" class="pt0">
<div class="container">
<div class="row">
<div class="col-md-9">
<h4 class="text-uppercase font-montserrat color-dark">
Welcome to Uniflox
<small class="heading heading-solid"></small>
</h4>
<span style="font-size:26px;">Start your <strong>digital startup</strong> with amzing <strong>design</strong></span>
<p class="pt10">We specialize in web design, web application development, digital marketing, eCommerce application development, multimedia solutions, content writing, graphic and logo design. We build web solutions, which evolve with the changing needs of your business.</p>
</div>
<!-- <div class="col-md-9">
<p class="mt15">
<i class="lead">Uniflox is a professional design agency delivering high quality, cost effective, reliable result-oriented web and e-commerce solutions on time for a global clientele. Professionalism, Skill and Expertise are the tools we use to make the web work for your business bringing in maximum return on your investment in shortest possible time.
We specialize in web design, web application development, digital marketing, eCommerce application development, multimedia solutions, content writing, graphic and logo design. We build web solutions, which evolve with the changing needs of your business. </i>
</p>
</div>
-->
</div>
</div>
</section>
<!-- SVG Cart Area
===================================== -->
<div class="svg-container2">
<!-- svg start -->
<svg id="svgLine" xmlns="http://www.w3.org/2000/svg" version="1.1"
width="100%" height="300" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2000 250" preserveAspectRatio="xMinYMax">
<polygon points="-150,300 200,90 550,140 800,60 1100,150 1400,100 1700,10 1900,50 2500,90 2500,300"
fill="url(#BglinierGradient)" stroke="none">
</polygon>
<polyline points="-150,244 200,90 550,140 800,60 1100,150 1400,100 1700,10 1900,50 2500,90 2500,500"
fill="none" stroke="#7668af" stroke-width="0">
</polyline>
<text x="170" y="20" fill="#8b949b" style="font-size: 120%; font-weight: 400;">Lines of Code</text>
<text x="170" y="60" fill="#5cb85c" style="font-size: 250%; font-weight: 300;">120K</text>
<text x="510" y="60" fill="#8b949b" style="font-size: 120%; font-weight: 400;">Shortcodes</text>
<text x="520" y="100" fill="#5f6467" style="font-size: 250%; font-weight: 300;">750</text>
<text x="760" y="0" fill="#8b949b" style="font-size: 120%; font-weight: 400;">Icons Included</text>
<text x="760" y="40" fill="#b2cc71" style="font-size: 250%; font-weight: 300;">2000+</text>
<text x="1060" y="70" fill="#8b949b" style="font-size: 120%; font-weight: 400;">Happy Clients</text>
<text x="1060" y="110" fill="#3c88c6" style="font-size: 250%; font-weight: 300;">950</text>
<text x="1350" y="30" fill="#8b949b" style="font-size: 120%; font-weight: 400;">Item Sales</text>
<text x="1350" y="70" fill="#1abc9c" style="font-size: 250%; font-weight: 300;">5,780</text>
<text x="1650" y="90" fill="#333333" style="font-size: 140%; font-weight: 300; font-family: 'Pacifico', cursive;">Counting..</text>
<ellipse id="svg_1" rx="15" ry="15" cx="200" cy="90" fill="#5cb85c" stroke="#ffffff" stroke-width="5"></ellipse>
<ellipse id="svg_2" rx="10" ry="10" cx="550" cy="140" fill="#5f6467" stroke="#ffffff" stroke-width="5"></ellipse>
<ellipse id="svg_3" rx="15" ry="15" cx="800" cy="60" fill="#b2cc71" stroke="#ffffff" stroke-width="5"></ellipse>
<ellipse id="svg_4" rx="15" ry="15" cx="1100" cy="150" fill="#3c88c6" stroke="#ffffff" stroke-width="5"></ellipse>
<ellipse id="svg_5" rx="10" ry="10" cx="1400" cy="100" fill="#1abc9c" stroke="#ffffff" stroke-width="5"></ellipse>
<ellipse id="svg_6" rx="10" ry="10" cx="1700" cy="10" fill="#a85ad4" stroke="#ffffff" stroke-width="5"></ellipse>
<ellipse id="svg_7" rx="9" ry="9" cx="1900" cy="50" fill="#ff8b34" stroke="#ffffff" stroke-width="5"></ellipse>
<ellipse id="svg_8" rx="6" ry="6" cx="2500" cy="90" fill="#fd40b3" stroke="#ffffff" stroke-width="5"></ellipse>
<ellipse id="svg_9" rx="6" ry="6" cx="2200" cy="90" fill="#fd3635" stroke="#ffffff" stroke-width="5"></ellipse>
<defs>
<lineargradient id="BglinierGradient" x1="0" y1="0" x2="0" y2="1">
<stop id="BgLinierGradientStop_1" stop-opacity="1" stop-color="#e8f3f5" offset="0"></stop>
<stop id="BgLinierGradientStop_2" stop-opacity="1" stop-color="#e8f3f5" offset="1"></stop>
</lineargradient>
</defs>
</svg>
<!-- svg end -->
</div><!-- svg container end -->
<!-- Achievement Area
===================================== -->
<div class="pt50" style="background: url(assets/img/bg/bg-wood.jpg) 100% 100% repeat-x #e8f3f5;">
<div class="container">
<!-- title and short description start -->
<div class="row">
<div class="col-md-12">
<h2 class="font-source-sans-pro text-center mb50">
<small class="heading heading-icon heading-icon-rounded bg-grad-stellar center-block">
<i class="fa fa-trophy color-light"></i>
</small>
The Best Web & App Developer 2016
<small class="heading-desc text-lowercase color-dark">
Every day, We makes thousands of customers happy.
</small>
</h2>
</div>
</div>
<!-- title and short description end -->
<div class="row mb50 text-center">
<div class="col-sm-12">
<i class="fa fa-android fa-3x mr20 color-green"></i>
<i class="fa fa-apple fa-4x mr20 color-dark"></i>
<i class="fa fa-amazon fa-4x mr20 color-red"></i>
<i class="fa fa-windows fa-3x color-purple"></i>
</div>
</div>
<div class="col-md-12">
<img src="assets/img/service-bg/img-other-6.png" alt="device" class="img-responsive center-block">
</div>
</div><!-- container end -->
</div><!-- section achievment end -->
<!-- Info Area
===================================== -->
<div id="Info-1" class="bg-gray pt30 bb-solid-1">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center pb35">
<h4>We are here to help you reach success</h4>
<a class="button button-md button-blue hover-ripple-out mr10">Purchase Now</a>
<a class="button button-md button-pasific hover-ripple-out">Start Project</a>
</div>
</div>
</div>
</div>
<!-- Service Area
===================================== -->
<div id="service" class="pt75 pb25">
<div class="container">
<!-- title and short description start -->
<div class="row">
<div class="col-md-12 text-center">
<h1 class="font-size-normal">
<small>Modern Service</small>
We Build Website & App
<small class="heading heading-solid center-block"></small>
</h1>
</div>
<div class="col-md-8 col-md-offset-2 text-center">
<p class="lead">
Our creative website designing team spends time to understand your business objectives & target niche before starting the designing process and
Our mobile application development team renders highly robust & scalable iPhone/iPad applications with stunning features, elegant UI and efficient code.
</p>
</div>
</div>
<!-- title and short description end -->
<!-- service one start -->
<div class="row mt75">
<div class="col-md-6 animated" data-animation="fadeInLeft" data-animation-delay="100">
<img src="assets/img/service-bg/wp-b.png" alt="website service" class="img-responsive">
</div>
<div class="col-md-5 animated" data-animation="fadeIn" data-animation-delay="100">
<h3 class="font-size-normal">
<small class="color-primary">Web Design & Development</small>
Wordpress. Joomla. Opencart. Etc.
</h3>
<p class="mt20">
We design & develope modern website and app for any type of business. Landing page, ecommerce, company profile, web application, mobile app,
anything that you want to make great success.
</p>
<p>
<i class="fa fa-wordpress fa-2x color-gray2 mr10"></i>
<i class="fa fa-joomla fa-2x color-gray2 mr10"></i>
<i class="fa fa-drupal fa-2x color-gray2 mr10"></i>
<i class="fa fa-shopping-basket fa-2x color-gray2 mr10"></i>
</p>
<p>
<a class="button-o button-sm button-primary hover-fade">Start Project</a>
</p>
</div>
</div>
<!-- service one end -->
<!-- service two start -->
<div class="row mt100">
<div class="col-md-6 col-md-push-6 animated" data-animation="fadeInRight" data-animation-delay="100">
<img src="assets/img/other/img-other-4.png" alt="website service" class="img-responsive">
</div>
<div class="col-md-5 col-md-pull-5">
<h3 class="font-size-normal">
<small class="color-success">App Design & Development</small>
Android. iOS. Windows. Etc.
</h3>
<p class="mt20 animated" data-animation="fadeIn" data-animation-delay="100">
We design & develope modern website and app for any type of business. Landing page, ecommerce, company profile, web application, mobile app,
anything that you want to make great success.
</p>
<p>
<i class="fa fa-android fa-2x color-gray2 mr10"></i>
<i class="fa fa-apple fa-2x color-gray2 mr10"></i>
<i class="fa fa-windows fa-2x color-gray2 mr10"></i>
<i class="fa fa-amazon fa-2x color-gray2 mr10"></i>
</p>
<p>
<a class="button-o button-sm button-success hover-fade">Start Project</a>
</p>
</div>
</div>
<!-- service two end -->
<!-- service three start -->
<div class="row mt75">
<div class="col-md-6 animated" data-animation="fadeInLeft" data-animation-delay="100">
<img src="assets/img/other/img-other-5.jpg" alt="website service" class="img-responsive">
</div>
<div class="col-md-5">
<h3 class="font-size-normal">
<small class="color-red">Graphic Design</small>
Logo. Icon. Infographic. Etc.
</h3>
<p class="mt20 animated" data-animation="fadeIn" data-animation-delay="100">
We design & develope modern website and app for any type of business. Landing page, ecommerce, company profile, web application, mobile app,
anything that you want to make great success.
</p>
<p>
<i class="fa fa-file-image-o fa-2x color-gray2 mr10"></i>
<i class="fa fa-object-ungroup fa-2x color-gray2 mr10"></i>
<i class="fa fa-paper-plane-o fa-2x color-gray2 mr10"></i>
<i class="fa fa-camera-retro fa-2x color-gray2 mr10"></i>
</p>
<p>
<a class="button-o button-sm button-red hover-fade">Start Project</a>
</p>
</div>
</div>
<!-- service three end -->
</div><!-- container end -->
</div><!-- section service end -->
<!-- Fun Fact Area
===================================== -->
<div id="fact" class="bg-grad-stellar pt100 pb100">
<div class="container">
<!-- title and short description start -->
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center mb50">
<h1 class="font-size-normal color-light">
<small class="color-light">Your Business Partner</small>
Better Solution for Better Business
</h1>
</div>
</div>
<!-- title and short description end -->
<div class="row">
<!-- fun fact left start -->
<div class="col-md-3">
<div class="row">
<!-- fun fact one start -->
<div class="col-md-12 col-sm-6 col-xs-6">
<div class="fact">
<div class="fact-number timer" data-perc="387">
<span class="factor color-light"></span>
</div>
<span class="fact-title color-light alpha7">Projects Completed</span>
</div>
</div>
<!-- fun fact one end -->
<!-- fun fact two start -->
<div class="col-md-12 col-sm-6 col-xs-6">
<div class="fact">
<div class="fact-number timer" data-perc="578">
<span class="factor color-light"></span>
</div>
<span class="fact-title color-light alpha7">Happy Clients</span>
</div>
</div>
<!-- fun fact two end -->
</div>
</div>
<!-- fun fact left end -->
<!-- fun fact right start -->
<div class="col-md-3 col-md-push-6">
<div class="row">
<!-- fun fact three start -->
<div class="col-md-12 col-sm-6 col-xs-6">
<div class="fact">
<div class="fact-number timer" data-perc="175">
<span class="factor color-light"></span>
</div>
<span class="fact-title color-light alpha7">Coffee Cups</span>
</div>
</div>
<!-- fun fact three end -->
<!-- fun fact four start -->
<div class="col-md-12 col-sm-6 col-xs-6">
<div class="fact">
<div class="fact-number timer" data-perc="350">
<span class="factor color-light"></span>
</div>
<span class="fact-title color-light alpha7">Cupcakes</span>
</div>
</div>
<!-- fun fact four end -->
</div>
</div>
<!-- fun fact right end -->
<div class="col-md-6 col-md-pull-3">
<img src="assets/img/other/map.png" alt="macbook" class="img-responsive">
</div>
</div>
<div class="row">
<div class="col-sm-8 col-sm-push-2 text-center">
<h4 class="pt25 color-light">Have an idea? We will do the rest!</h4>
<p class="pb10 color-light alpha8">Uniflox is a passionate and result oriented digital marketing agency based in India. From delivering high-end website design to executing highly successful digital marketing campaigns – we?re all ears to your needs. Our well-laid strategy based on stats and insights coupled with years of expertise ensure the success of clients that we deal with. Perhaps, this is the reason that we?re trusted globally, and have completed more than 500+ projects till date for our 359+ clients from round the globe..</p>
<a href="#" class="button button-md button-gray hover-ripple-out"><span class="color-primary">Start Project</span></a>
</div>
</div>
</div><!-- container end -->
</div><!-- section fun fact end -->
<!-- Features Area
===================================== -->
<div id="features" class="pt75 mb25">
<div class="container">
<!-- title and short description start -->
<div class="row">
<div class="col-md-12 text-center">
<h1 class="font-size-normal">
<small>Amazing Features</small>
Best Template with Tons of Features
<small class="heading heading-solid center-block"></small>
</h1>
</div>
<div class="col-md-8 col-md-offset-2 text-center">
<p class="lead">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt voluptatem.
</p>
</div>
</div>
<!-- title and short description end -->
<div class="row mt50">
<!-- feature one start -->
<div class="col-md-3 col-sm-6 col-xs-12 mb35">
<div class="content-box content-box-center content-box-icon-o">
<span class="icon-mobile color-primary border-primary"></span>
<h5>Mobile Optimized</h5>
<p>Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
</div>
</div>
<!-- feature one end -->
<!-- feature two start -->
<div class="col-md-3 col-sm-6 col-xs-12 mb35">
<div class="content-box content-box-center content-box-icon-o">
<span class="icon-documents color-success border-success"></span>
<h5>Online Documentation</h5>
<p>Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
</div>
</div>
<!-- feature two end -->
<!-- feature three start -->
<div class="col-md-3 col-sm-6 col-xs-12 mb35">
<div class="content-box content-box-center content-box-icon-o">
<span class="icon-basket color-cyan border-cyan"></span>
<h5>Shop Ready</h5>
<p>Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
</div>
</div>
<!-- feature three end -->
<!-- feature four start -->
<div class="col-md-3 col-sm-6 col-xs-12 mb35">
<div class="content-box content-box-center content-box-icon-o">
<span class="icon-layers color-pasific border-pasific"></span>
<h5>Clean Code</h5>
<p>Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
</div>
</div>
<!-- feature four end -->
<!-- feature five start -->
<div class="col-md-3 col-sm-6 col-xs-12 mb35">
<div class="content-box content-box-center content-box-icon-o">
<span class="icon-adjustments color-green border-green"></span>
<h5>Easy to Customized</h5>
<p>Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
</div>
</div>
<!-- feature five end -->
<!-- feature six start -->
<div class="col-md-3 col-sm-6 col-xs-12 mb35">
<div class="content-box content-box-center content-box-icon-o">
<span class="icon-bike color-red border-red"></span>
<h5>2000+ Icons Included</h5>
<p>Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
</div>
</div>
<!-- feature six end -->
<!-- feature seven start -->
<div class="col-md-3 col-sm-6 col-xs-12 mb35">
<div class="content-box content-box-center content-box-icon-o">
<span class="icon-video color-pink border-pink"></span>
<h5>Video Background</h5>
<p>Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
</div>
</div>
<!-- feature seven end -->
<!-- feature eight start -->
<div class="col-md-3 col-sm-6 col-xs-12 mb35">
<div class="content-box content-box-center content-box-icon-o">
<span class="icon-tools color-warning border-warning"></span>
<h5>Full Support</h5>
<p>Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
</div>
</div>
<!-- feature eight end -->
</div><!-- row end -->
</div><!-- container end -->
</div><!-- section feature end -->
<!-- General Content Area
===================================== -->
<div id="general-content-1" class="pt100 pb100">
<div class="container">
<div class="row">
<!-- left content start -->
<div class="col-md-5">
<div class="general-content">
<h3 class="mb25">
<small class="color-red">Mobile Optimized</small>
Support for All Mobile Devices
</h3>
<p>As more people go online for longer duration, the use of desktop computer declines. In fact, more people use their smart phones to browse the net than their desktop. To address this palpable shift of internet usage, you need to upgrade your traditional website with a responsive website design. </p>
<a class="button button-md button-pasific hover-ripple-out">Purchase Now</a>
<div class="clearfix"></div>
</div>
</div>
<!-- left content end -->
<!-- right content start -->
<div class="col-md-5 col-md-push-1">
<img src="assets/img/other/img-other-1.png" alt="browser iphone" class="img-responsive pull-right">
</div>
<!-- right content end -->
</div>
</div>
</div>
<!-- General Content Area
===================================== -->
<div id="general-content-2" class="bg-gray pt100 pb100">
<div class="container">
<div class="row">
<!-- left content start -->
<div class="col-md-6">
<img src="assets/img/other/img-other-2.png" alt="browser iphone" class="img-responsive center-block">
</div>
<!-- left content end -->
<!-- right content start -->
<div class="col-md-5 col-md-push-1">
<div class="general-content">
<h3 class="mb25">
<small class="color-red">eCommerce</small>
Online Store Ready
</h3>
<p>We design fully customised eCommerce website on E-Commerce to meet your exclusive needs. Our E-Commerce API development experts follow streamlined processes to create custom store designs, integrate plugins, drive traffic, and improve code structure & site performance. If you already run an online shop & want to migrate it to E-Commerce via a reputed eCommerce development agency India, hire our team of skilled eCommerce developers to get a profitable mobile-ready website.</p>
<a class="button button-md button-pasific hover-ripple-out">Purchase Now</a>
<div class="clearfix"></div>
</div>
</div>
<!-- right content end -->
</div><!-- row end -->
</div><!-- container end -->
</div><!-- section general info end -->
<!-- Blog Area
===================================== -->
<div id="blogs" class="bg-gray pt75 pb75">
<div class="container">
<!-- title start -->
<div class="row text-center mb25">
<h1 class="font-size-normal">
<small>Our Blog</small>
We Have Freebies, News, Tutorial, etc.
<small class="heading heading-solid center-block"></small>
</h1>
</div>
<!-- title end -->
<div class="row">
<!-- blog post start -->
<div class="col-md-4 col-sm-6 col-xs-12 mb50">
<div class="blog-one">
<div class="blog-one-header">
<img src="assets/img/blog/img-blog-2.jpg" alt="image blog" class="img-responsive">
</div>
<div class="blog-one-attrib">
<img src="assets/img/other/photo-1.jpg" alt="photo blog" class="blog-author-photo">
<span class="blog-author-name">Harry Boo</span>
<span class="blog-date">PEB. 14 2016</span>
</div>
<div class="blog-one-body">
<h4 class="blog-title"><a href="#">Amazing Blog Post One</a></h4>
<p class="">
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur.
</p>
</div>
<div class="blog-one-footer">
<a href="#">Read More</a>
<i class="fa fa-heart"></i>59 Likes
<i class="fa fa-comments"></i><a href="#">120 Comments</a>
</div>
</div>
</div>
<!-- blog post end -->
<!-- blog post start -->
<div class="col-md-4 col-sm-6 col-xs-12 mb50">
<div class="blog-one">
<div class="blog-one-header">
<img src="assets/img/blog/img-blog-4.jpg" alt="image blog" class="img-responsive">
</div>
<div class="blog-one-attrib">
<img src="assets/img/other/photo-4.jpg" alt="photo blog" class="blog-author-photo">
<span class="blog-author-name">Melanie Boo</span>
<span class="blog-date">PEB. 14 2016</span>
</div>
<div class="blog-one-body">
<h4 class="blog-title"><a href="#">Amazing Blog Post One</a></h4>
<p class="">
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur.
</p>
</div>
<div class="blog-one-footer">
<a href="#">Read More</a>
<i class="fa fa-heart"></i>59 Likes
<i class="fa fa-comments"></i><a href="#">120 Comments</a>
</div>
</div>
</div>
<!-- blog post end -->
<!-- blog post start -->
<div class="col-md-4 col-sm-6 col-xs-12 mb50">
<div class="blog-one">
<div class="blog-one-header">
<img src="assets/img/blog/img-blog-3.jpg" alt="image blog" class="img-responsive">
</div>
<div class="blog-one-attrib">
<img src="assets/img/other/photo-2.jpg" alt="photo blog" class="blog-author-photo">
<span class="blog-author-name">Harry Boo</span>
<span class="blog-date">PEB. 14 2016</span>
</div>
<div class="blog-one-body">
<h4 class="blog-title"><a href="#">Amazing Blog Post One</a></h4>
<p class="">
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur.
</p>
</div>
<div class="blog-one-footer">
<a href="#">Read More</a>
<i class="fa fa-heart"></i>59 Likes
<i class="fa fa-comments"></i><a href="#">120 Comments</a>
</div>
</div>
</div>
<!-- blog post end -->
</div><!-- row end -->
</div><!-- container end -->
</div><!-- section blog end -->
<!-- Newsletter Area
=====================================-->
<div id="newsletter" class="bg-dark2 pt50 pb50">
<div class="container">
<div class="row">
<div class="col-md-2">
<h4 class="color-light">
Newsletter
</h4>
</div>
<div class="col-md-10">
<form name="newsletter">
<div class="input-newsletter-container">
<input type="text" name="email" class="input-newsletter" placeholder="enter your email address">
</div>
<a href="#" class="button button-sm button-pasific hover-ripple-out">Subscribe<i class="fa fa-envelope"></i></a>
</form>
</div>
</div><!-- row end -->
</div><!-- container end -->
</div><!-- section newsletter end -->
<!-- Testimonial Area
===================================== -->
<div id="testimonial" class="pt75 pb75">
<div class="container">
<!-- title start -->
<div class="row text-center mb25">
<h1 class="font-size-normal">
<small>Testimonials</small>
What Our Clients Say About Us
<small class="heading heading-solid center-block"></small>
</h1>
</div>
<!-- title end -->
<div class="row">
<div class="col-sm-12">
<div class="row">
<div id="owlSectionThreeItem" class="owl-carousel">
<!-- Testimonial Item start -->
<div class="testimonial testimonial-triangle-isosceles bottom-left">
<div class="testimonial-body">
<p>
Pasific template is the best template so far. So easy to customize and clean code. Recommended!
</p>
</div>
<div class="testimonial-footer">
<img src="assets/img/other/photo-1.jpg" alt="testimonial author" class="img-responsive img-circle">
<i class="fa fa-quote-left"></i>
Martin Smith <a href="#">envato.com </a>
</div>
</div>
<!-- Testimonial Item end -->
<!-- Testimonial Item start -->
<div class="testimonial testimonial-triangle-isosceles bottom-left">
<div class="testimonial-body">
<p>
Quisque mollis lacus augue, a hendrerit leo tristique vitae. Mauris non ipsum molestie sagittis elit ac vulputate odio.
</p>
</div>
<div class="testimonial-footer">
<img src="assets/img/other/photo-2.jpg" alt="testimonial author" class="img-responsive img-circle">
<i class="fa fa-quote-left"></i>
Steve Austin <a href="#">facebook.com </a>
</div>
</div>
<!-- Testimonial Item end -->
<!-- Testimonial Item start -->
<div class="testimonial testimonial-triangle-isosceles bottom-left">
<div class="testimonial-body">
<p>
Fusce quam augue, gravida tincidunt dui nec, tempor iaculis justo.
</p>
</div>
<div class="testimonial-footer">
<img src="assets/img/other/photo-4.jpg" alt="testimonial author" class="img-responsive img-circle">
<i class="fa fa-quote-left"></i>
Gisselse <a href="#">Smashingmagazine.com </a>
</div>
</div>
<!-- Testimonial Item end -->
<!-- Testimonial Item start -->
<div class="testimonial testimonial-triangle-isosceles bottom-left">
<div class="testimonial-body">
<p>
Pasific template is the best template so far. So easy to customize and clean code. Recommended!
</p>
</div>
<div class="testimonial-footer">
<img src="assets/img/other/photo-1.jpg" alt="testimonial author" class="img-responsive img-circle">
<i class="fa fa-quote-left"></i>
Martin Smith <a href="#">Smashingmagazine.com </a>
</div>
</div>
<!-- Testimonial Item end -->
<!-- Testimonial Item start -->
<div class="testimonial testimonial-triangle-isosceles bottom-left">
<div class="testimonial-body">
<p>
Quisque mollis lacus augue, a hendrerit leo tristique vitae. Mauris non ipsum molestie sagittis elit ac vulputate odio.
</p>
</div>
<div class="testimonial-footer">
<img src="assets/img/other/photo-2.jpg" alt="testimonial author" class="img-responsive img-circle">
<i class="fa fa-quote-left"></i>
Steve Austin <a href="#">envato.com </a>
</div>
</div>
<!-- Testimonial Item end -->
<!-- Testimonial Item start -->
<div class="testimonial testimonial-triangle-isosceles bottom-left">
<div class="testimonial-body">
<p>
Fusce quam augue, gravida tincidunt dui nec, tempor iaculis justo.
</p>
</div>
<div class="testimonial-footer">
<img src="assets/img/other/photo-4.jpg" alt="testimonial author" class="img-responsive img-circle">
<i class="fa fa-quote-left"></i>
Goselle <a href="#">themeforest.com </a>
</div>
</div>
<!-- Testimonial Item end -->
</div><!-- owlSectionThreeItem end -->
</div><!-- row end -->
</div><!-- col end -->
</div><!-- row end -->
</div><!-- container end -->
</div><!-- section testimonial end -->
<!-- Contact Us Area
=====================================-->
<div id="contact" class="pt100 pb100 bg-grad-stellar">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="row">
<!-- title start -->
<div class="col-md-12 mb50">
<h1 class="font-size-normal color-light">
<small class="color-light">Contact Us</small>
Drop Us a Message
</h1>
<h5 class="color-light">Please feel free to say anything to us. Our staff will reply any message<br>as soon as possible.</h5>
</div>
<!-- title end -->
<!-- contact info start -->
<div class="col-md-12 col-sm-3 col-xs-12">
<span class="icon-map color-light el-icon2x"></span>
<h5 class="color-light"><strong>Address</strong></h5>
<p class="color-light">42, Street No 7, Near Govt. School, Khemkaran, Tarn Taran, Punjab, 143419</p>
</div>
<div class="col-md-3 col-sm-3 col-xs-6">
<span class="icon-megaphone color-light el-icon2x"></span>
<h5 class="color-light"><strong>Phone</strong></h5>
<p class="color-light">+91-8070079700</p>
</div>
<div class="col-md-3 col-sm-3 col-xs-6">
<span class="icon-envelope color-light el-icon2x"></span>
<h5 class="color-light"><strong>Email</strong></h5>
<p class="color-light">query@uniflox.com</p>
</div>
<!-- contact info end -->
</div><!-- row left end -->
</div><!-- col left end -->
<div class="col-md-6">
<div class="contact contact-us-one">
<div class="col-sm-12 col-xs-12 text-center mb20">
<h4 class="pb25 bb-solid-1 text-uppercase">
Get in Touch
<small class="text-lowercase">Please complete the form and we will get back to you.</small>
</h4>
</div>
<form name="contactform" id="contactForm" method="post" action="assets/php/send.php">
<!-- fullname start -->
<div class="form-group col-md-6 col-sm-6 col-xs-12">
<input type="text" name="senderName" id="senderName" class="input-md input-rounded form-control" placeholder="fullname" maxlength="100" required>
</div>
<!-- fullname end -->
<!-- email start -->
<div class="form-group col-md-6 col-sm-6 col-xs-12">
<input type="email" name="senderEmail" id="senderEmail" class="input-md input-rounded form-control" placeholder="email address" maxlength="100" required>
</div>
<!-- email end -->
<!-- website start -->
<div class="form-group col-md-6 col-sm-6 col-xs-12">
<input type="url" name="senderWebsite" id="senderWebsite" class="input-md input-rounded form-control" placeholder="http://" maxlength="100">
</div>
<!-- website end -->
<!-- security start -->
<div class="form-group col-md-6 col-sm-6 col-xs-12">
<input type="text" name="senderHuman" id="senderHuman" class="input-md input-rounded form-control" placeholder="" required>
<input type="hidden" name="checkHuman_a" id="checkHuman_a">
<input type="hidden" name="checkHuman_b" id="checkHuman_b">
</div>
<!-- security end -->
<!-- textarea start -->
<div class="form-group col-md-12 col-sm-12 col-xs-12">
<textarea class="form-control" name="message" id="message" rows="7" required></textarea>
</div>
<!-- textarea end -->
<!-- button start -->
<div class="form-group col-md-12 col-sm-12 col-xs-12">
<button type="submit" name="sendMessage" id="sendMessage" class="button button-md button-block button-grad-stellar">Send Message</button>
</div>
<!-- button end -->
<div id="sendingMessage" class="statusMessage sending-message"><p>Sending your message. Please wait...</p></div>
<div id="successMessage" class="statusMessage success-message"><p>Thanks for sending your message! We'll get back to you shortly.</p></div>
<div id="failureMessage" class="statusMessage failure-message"><p>There was a problem sending your message. Please try again.</p></div>
<div id="incompleteMessage" class="statusMessage"><p>Please complete all the fields in the form before sending.</p></div>
</form>
</div><!-- div contact end -->
</div><!-- col end -->
</div><!-- row end -->
</div><!-- container end -->
</div><!-- section contact end -->
<!-- Clients Area
===================================== -->
<div id="client" class="bg-gray pt50 pb20">
<div class="container">
<div class="row">
<!-- logo client start -->
<div class="col-md-2 col-sm-3 col-xs-4">
<img src="assets/img/brand/paypal-gray.png" alt="client logo" class="img-responsive center-block animated" data-animation="fadeIn" data-animation-delay="300">
</div>
<!-- logo client end -->
<!-- logo client start -->
<div class="col-md-2 col-sm-3 col-xs-4">
<img src="assets/img/brand/evernote-gray.png" alt="client logo" class="img-responsive center-block animated" data-animation="fadeIn" data-animation-delay="150">
</div>
<!-- logo client end -->
<!-- logo client start -->
<div class="col-md-2 col-sm-3 col-xs-4">
<img src="assets/img/brand/microsoft-gray.png" alt="client logo" class="img-responsive center-block animated" data-animation="fadeIn" data-animation-delay="100">
</div>
<!-- logo client end -->
<!-- logo client start -->
<div class="col-md-2 col-sm-3 col-xs-4">
<img src="assets/img/brand/payumonet.svg" alt="client logo" class="img-responsive center-block animated" data-animation="fadeIn" data-animation-delay="150">
</div>
<!-- logo client end -->
<!-- logo client start -->
<div class="col-md-2 col-sm-3 col-xs-4">
<img src="assets/img/brand/mashable-gray.png" alt="client logo" class="img-responsive center-block animated" data-animation="fadeIn" data-animation-delay="200">
</div>
<!-- logo client end -->
<!-- logo client start -->
<div class="col-md-2 col-sm-3 col-xs-4">
<img src="assets/img/brand/guardian-gray.png" alt="client logo" class="img-responsive center-block animated" data-animation="fadeIn" data-animation-delay="300">
</div>
<!-- logo client end -->
</div><!-- row end -->
</div><!-- container end -->
</div><!-- section clients end -->