464 lines
22 KiB
PHP
464 lines
22 KiB
PHP
@extends('template.website.base')
|
|
|
|
@section('content')
|
|
<!-- SECTION IMAGE FULLSCREEN -->
|
|
<section id="section-home" class="fullscreen background-image" style="background-color:#f4f4f4">
|
|
<div class="container">
|
|
<div class="container-fullscreen text-center">
|
|
<div class="text-middle">
|
|
<h1 data-animate="fadeInUp" data-animate-delay="700" class="text-lg m-b-0">Welcome to the<br />World of POLO</h1>
|
|
<p data-animate="fadeInUp" data-animate-delay="1200"><b>Purchase Polo Template Only for 17$</b></p>
|
|
|
|
<p data-animate="fadeInUp" data-animate-delay="1200">Life is better when you have everything around you! Polo is made for you!</p>
|
|
<div data-animate="fadeInUp" data-animate-delay="1100">
|
|
<a class="btn btn-dark" href="#"><span>Get in Touch</span></a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end: SECTION IMAGE FULLSCREEN -->
|
|
|
|
<!-- ABOUT ME -->
|
|
<section id="section-about" class="p-b-40">
|
|
<div class="container">
|
|
<h3s>ABOUT US</h3>
|
|
<div class="row">
|
|
<div class="col-lg-6" data-animate="fadeInUp" data-animate-delay="300">
|
|
<p>The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.
|
|
<br>
|
|
<br>Facilisis ut venenatis eu, sodales vel dolor. The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius.</p>
|
|
</div>
|
|
|
|
<div class="col-lg-6" data-animate="fadeInUp" data-animate-delay="600">
|
|
<p>Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.
|
|
<br>
|
|
<br>The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volut.</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end: ABOUT ME -->
|
|
|
|
<div class="seperator"></div>
|
|
|
|
<!-- PORTFOLIO -->
|
|
<section id="section-portfolio">
|
|
<div class="container">
|
|
<div data-animate="fadeIn">
|
|
<!-- Portfolio -->
|
|
<div id="portfolio" class="grid-layout portfolio-3-columns" data-margin="10">
|
|
|
|
<!-- portfolio item -->
|
|
<div class="portfolio-item img-zoom">
|
|
<div class="portfolio-item-wrap">
|
|
<div class="portfolio-image">
|
|
<a href="#"><img src="homepages/minimal/images/portfolio/1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="portfolio-description">
|
|
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/1.jpg"><i class="fa fa-expand"></i></a>
|
|
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: portfolio item -->
|
|
|
|
<!-- portfolio item -->
|
|
<div class="portfolio-item img-zoom">
|
|
<div class="portfolio-item-wrap">
|
|
<div class="portfolio-image">
|
|
<a href="#"><img src="homepages/minimal/images/portfolio/2.jpg" alt=""></a>
|
|
</div>
|
|
<div class="portfolio-description">
|
|
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/2.jpg"><i class="fa fa-expand"></i></a>
|
|
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: portfolio item -->
|
|
|
|
<!-- portfolio item -->
|
|
<div class="portfolio-item img-zoom">
|
|
<div class="portfolio-item-wrap">
|
|
<div class="portfolio-image">
|
|
<a href="#"><img src="homepages/minimal/images/portfolio/3.jpg" alt=""></a>
|
|
</div>
|
|
<div class="portfolio-description">
|
|
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/3.jpg"><i class="fa fa-expand"></i></a>
|
|
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: portfolio item -->
|
|
|
|
<!-- portfolio item -->
|
|
<div class="portfolio-item img-zoom">
|
|
<div class="portfolio-item-wrap">
|
|
<div class="portfolio-image">
|
|
<a href="#"><img src="homepages/minimal/images/portfolio/4.jpg" alt=""></a>
|
|
</div>
|
|
<div class="portfolio-description">
|
|
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/4.jpg"><i class="fa fa-expand"></i></a>
|
|
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: portfolio item -->
|
|
|
|
<!-- portfolio item -->
|
|
<div class="portfolio-item img-zoom">
|
|
<div class="portfolio-item-wrap">
|
|
<div class="portfolio-image">
|
|
<a href="#"><img src="homepages/minimal/images/portfolio/5.jpg" alt=""></a>
|
|
</div>
|
|
<div class="portfolio-description">
|
|
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/5.jpg"><i class="fa fa-expand"></i></a>
|
|
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: portfolio item -->
|
|
|
|
<!-- portfolio item -->
|
|
<div class="portfolio-item img-zoom">
|
|
<div class="portfolio-item-wrap">
|
|
<div class="portfolio-image">
|
|
<a href="#"><img src="homepages/minimal/images/portfolio/6.jpg" alt=""></a>
|
|
</div>
|
|
<div class="portfolio-description">
|
|
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/6.jpg"><i class="fa fa-expand"></i></a>
|
|
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: portfolio item -->
|
|
|
|
<!-- portfolio item -->
|
|
<div class="portfolio-item img-zoom">
|
|
<div class="portfolio-item-wrap">
|
|
<div class="portfolio-image">
|
|
<a href="#"><img src="homepages/minimal/images/portfolio/7.jpg" alt=""></a>
|
|
</div>
|
|
<div class="portfolio-description">
|
|
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/7.jpg"><i class="fa fa-expand"></i></a>
|
|
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: portfolio item -->
|
|
|
|
<!-- portfolio item -->
|
|
<div class="portfolio-item img-zoom">
|
|
<div class="portfolio-item-wrap">
|
|
<div class="portfolio-image">
|
|
<a href="#"><img src="homepages/minimal/images/portfolio/8.jpg" alt=""></a>
|
|
</div>
|
|
<div class="portfolio-description">
|
|
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/8.jpg"><i class="fa fa-expand"></i></a>
|
|
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: portfolio item -->
|
|
|
|
<!-- portfolio item -->
|
|
<div class="portfolio-item img-zoom">
|
|
<div class="portfolio-item-wrap">
|
|
<div class="portfolio-image">
|
|
<a href="#"><img src="homepages/minimal/images/portfolio/9.jpg" alt=""></a>
|
|
</div>
|
|
<div class="portfolio-description">
|
|
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/9.jpg"><i class="fa fa-expand"></i></a>
|
|
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: portfolio item -->
|
|
|
|
<!-- portfolio item -->
|
|
<div class="portfolio-item img-zoom">
|
|
<div class="portfolio-item-wrap">
|
|
<div class="portfolio-image">
|
|
<a href="#"><img src="homepages/minimal/images/portfolio/10.jpg" alt=""></a>
|
|
</div>
|
|
<div class="portfolio-description">
|
|
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/10.jpg"><i class="fa fa-expand"></i></a>
|
|
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: portfolio item -->
|
|
|
|
<!-- portfolio item -->
|
|
<div class="portfolio-item img-zoom">
|
|
<div class="portfolio-item-wrap">
|
|
<div class="portfolio-image">
|
|
<a href="#"><img src="homepages/minimal/images/portfolio/11.jpg" alt=""></a>
|
|
</div>
|
|
<div class="portfolio-description">
|
|
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/11.jpg"><i class="fa fa-expand"></i></a>
|
|
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: portfolio item -->
|
|
|
|
<!-- portfolio item -->
|
|
<div class="portfolio-item img-zoom">
|
|
<div class="portfolio-item-wrap">
|
|
<div class="portfolio-image">
|
|
<a href="#"><img src="homepages/minimal/images/portfolio/12.jpg" alt=""></a>
|
|
</div>
|
|
<div class="portfolio-description">
|
|
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/12.jpg"><i class="fa fa-expand"></i></a>
|
|
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: portfolio item -->
|
|
</div>
|
|
<!-- end: Portfolio -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end: PORTFOLIO -->
|
|
|
|
<div class="seperator"></div>
|
|
|
|
<!-- SERVICES -->
|
|
<section id="section-services">
|
|
<div class="container">
|
|
<h3 class="text-center">SERVICES</h3>
|
|
<div class="seperator seperator-small"></div>
|
|
<hr class="space">
|
|
<div class="row">
|
|
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="0">
|
|
<div class="icon-box clean small center">
|
|
<div class="icon">
|
|
<a href="#"><i class="fa fa-plug"></i></a>
|
|
</div>
|
|
<h3>Powerful template</h3>
|
|
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="200">
|
|
<div class="icon-box clean small center">
|
|
<div class="icon">
|
|
<a href="#"><i class="fa fa-desktop"></i></a>
|
|
</div>
|
|
<h3>Flexible Layouts</h3>
|
|
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="400">
|
|
<div class="icon-box clean small center">
|
|
<div class="icon">
|
|
<a href="#"><i class="fa fa-cloud"></i></a>
|
|
</div>
|
|
<h3>Retina Ready</h3>
|
|
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="600">
|
|
<div class="icon-box clean small center">
|
|
<div class="icon">
|
|
<a href="#"><i class="far fa-lightbulb"></i></a>
|
|
</div>
|
|
<h3>Fast processing</h3>
|
|
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="800">
|
|
<div class="icon-box clean small center">
|
|
<div class="icon">
|
|
<a href="#"><i class="fa fa-trophy"></i></a>
|
|
</div>
|
|
<h3>Unlimited Colors</h3>
|
|
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="1000">
|
|
<div class="icon-box clean small center">
|
|
<div class="icon">
|
|
<a href="#"><i class="fa fa-thumbs-up"></i></a>
|
|
</div>
|
|
<h3>Premium Sliders</h3>
|
|
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="1200">
|
|
<div class="icon-box clean small center">
|
|
<div class="icon">
|
|
<a href="#"><i class="fa fa-rocket"></i></a>
|
|
</div>
|
|
<h3>Modern Design</h3>
|
|
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="1400">
|
|
<div class="icon-box clean small center">
|
|
<div class="icon">
|
|
<a href="#"><i class="fa fa-flask"></i></a>
|
|
</div>
|
|
<h3>Clean Modern Code</h3>
|
|
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="1600">
|
|
<div class="icon-box clean small center">
|
|
<div class="icon">
|
|
<a href="#"><i class="fa fa-umbrella"></i></a>
|
|
</div>
|
|
<h3>Free Updates & Support</h3>
|
|
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
<!-- end: SERVICES -->
|
|
|
|
<!-- PARALLAX -->
|
|
<section class="p-t-150 p-b-150" data-bg-parallax="homepages/minimal/images/parallax/1.jpg">
|
|
<div class="container">
|
|
<p class="lead text-center">
|
|
The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. A true story, that never been told!. Fusce id mi
|
|
diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
<!-- PARALLAX -->
|
|
|
|
<!-- BLOG -->
|
|
<section id="section-blog">
|
|
<div class="container">
|
|
<h3 class="text-center">BLOG</h3>
|
|
<div class="seperator seperator-small"></div>
|
|
<hr class="space">
|
|
<div id="blog" class="grid-layout post-3-columns m-b-30" data-item="post-item">
|
|
|
|
<!-- Post item-->
|
|
<div class="post-item border">
|
|
<div class="post-item-wrap">
|
|
<div class="post-image">
|
|
<a href="#">
|
|
<img alt="" src="images/blog/12.jpg">
|
|
</a>
|
|
<span class="post-meta-category"><a href="">Lifestyle</a></span>
|
|
</div>
|
|
<div class="post-item-description">
|
|
<span class="post-meta-date"><i class="fa fa-calendar-o"></i>Jan 21, 2017</span>
|
|
<span class="post-meta-comments"><a href=""><i class="fa fa-comments-o"></i>33 Comments</a></span>
|
|
<h2><a href="#">Standard post with a single image
|
|
</a></h2>
|
|
<p>Curabitur pulvinar euismod ante, ac sagittis ante posuere ac. Vivamus luctus commodo dolor porta feugiat. Fusce at velit id ligula pharetra laoreet.</p>
|
|
|
|
<a href="#" class="item-link">Read More <i class="fa fa-arrow-right"></i></a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: Post item-->
|
|
|
|
<!-- Post item-->
|
|
<div class="post-item border">
|
|
<div class="post-item-wrap">
|
|
<div class="post-image">
|
|
<a href="#">
|
|
<img alt="" src="images/blog/17.jpg">
|
|
</a>
|
|
<span class="post-meta-category"><a href="">Science</a></span>
|
|
</div>
|
|
<div class="post-item-description">
|
|
<span class="post-meta-date"><i class="fa fa-calendar-o"></i>Jan 21, 2017</span>
|
|
<span class="post-meta-comments"><a href=""><i class="fa fa-comments-o"></i>33 Comments</a></span>
|
|
|
|
<h2><a href="#">Standard post with a single image
|
|
</a></h2>
|
|
<p>Curabitur pulvinar euismod ante, ac sagittis ante posuere ac. Vivamus luctus commodo dolor porta feugiat. Fusce at velit id ligula pharetra laoreet.</p>
|
|
|
|
<a href="#" class="item-link">Read More <i class="fa fa-arrow-right"></i></a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: Post item-->
|
|
|
|
|
|
<!-- Post item-->
|
|
<div class="post-item border">
|
|
<div class="post-item-wrap">
|
|
<div class="post-image">
|
|
<a href="#">
|
|
<img alt="" src="images/blog/18.jpg">
|
|
</a>
|
|
<span class="post-meta-category"><a href="">Science</a></span>
|
|
</div>
|
|
<div class="post-item-description">
|
|
<span class="post-meta-date"><i class="fa fa-calendar-o"></i>Jan 21, 2017</span>
|
|
<span class="post-meta-comments"><a href=""><i class="fa fa-comments-o"></i>33 Comments</a></span>
|
|
|
|
<h2><a href="#">Standard post with a single image
|
|
</a></h2>
|
|
<p>Curabitur pulvinar euismod ante, ac sagittis ante posuere ac. Vivamus luctus commodo dolor porta feugiat. Fusce at velit id ligula pharetra laoreet.</p>
|
|
|
|
<a href="#" class="item-link">Read More <i class="fa fa-arrow-right"></i></a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: Post item-->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end: BLOG -->
|
|
|
|
<div class="seperator"></div>
|
|
|
|
<!-- CLIENTS -->
|
|
<section class="p-b-100">
|
|
|
|
<div class="container">
|
|
|
|
<div class="carousel client-logos" data-items="7" data-margin="60">
|
|
<div>
|
|
<a href="#"><img alt="" src="images/clients/1.png"> </a>
|
|
</div>
|
|
<div>
|
|
<a href="#"><img alt="" src="images/clients/2.png"> </a>
|
|
</div>
|
|
<div>
|
|
<a href="#"><img alt="" src="images/clients/3.png"> </a>
|
|
</div>
|
|
<div>
|
|
<a href="#"><img alt="" src="images/clients/4.png"> </a>
|
|
</div>
|
|
<div>
|
|
<a href="#"><img alt="" src="images/clients/5.png"> </a>
|
|
</div>
|
|
<div>
|
|
<a href="#"><img alt="" src="images/clients/6.png"> </a>
|
|
</div>
|
|
<div>
|
|
<a href="#"><img alt="" src="images/clients/7.png"> </a>
|
|
</div>
|
|
<div>
|
|
<a href="#"><img alt="" src="images/clients/8.png"> </a>
|
|
</div>
|
|
<div>
|
|
<a href="#"><img alt="" src="images/clients/9.png"> </a>
|
|
</div>
|
|
<div>
|
|
<a href="#"><img alt="" src="images/clients/10.png"> </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- CLIENTS -->
|
|
@endsection
|
|
|