File: /var/www/html/spion/storage/framework/views/f1cc7e31309e75ca853b9ec2226361d6.php
<?php $__env->startSection('content'); ?>
<section class="banner">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-12">
<div class="banner_text">
<h1>Start Building Your <i style="font-weight: normal;color: #ff5a94;">Professional</i><br>
Website <i style="font-weight: normal;color: #ff5a94;">In Minutes</i></h1>
<p>Power-up your App & Startup website with Apptek site building toolkit. Professional hand crafted
App &
Startup theme to get your started within minutes.</p>
<a href="<?php echo e(route('template')); ?>" class="btn btn2">Explore Our Demos</a>
<a href="#" class="btn btn1 around" data-bs-toggle="modal" data-bs-target="#exampleModal">Start now</a>
<div class="list-0">
<p><i class="fas fa-check"></i> 14-days free trial</p>
<p><i class="fas fa-check"></i> CC required</p>
<p><i class="fas fa-check"></i> anytime</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-12">
<div class="banner-wrap">
<div class="banner_img">
<img src="<?php echo e(asset('assets/front/website/img/pexels-andrea-piacquadio-3799837.jpg')); ?>"
alt="...">
</div>
<div class="banner-div1">
<img src="<?php echo e(asset('assets/front/website/img/Banner-Image-01-copy.jpg')); ?>" alt="...">
<!-- <span class="small-text">PUBLISHING</span>
<h4>Public post in bulk</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<p>30 April 2023</p> -->
</div>
<div class="banner-div2">
<span>Generate posts with AI <p2 class="small-text">ENGAGEMENT</span>
</p>
</div>
<div class="banner-div3">
<span>Coordinate effectively <p2 class="small-text">COLLABORATE</span>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="inform">
<div class="container-fluid p-0">
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-12 col-12 p-0">
<div class="inform_text">
<h2>Just Follow <i style="font-weight: normal;color: #ff5a94;">Easy Steps</i><br>
To Create Website</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi facere maiores consequatur
ipsa,</p>
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-12 col-12 p-0">
<div class="inform_flex">
<div class="inform_col">
<i class="far fa-id-badge"></i>
<!-- <img src="img/registration.png" alt=""> -->
<h4>Registration</h4>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
</div>
<div class="arrow_main">
<div class="arrow arrow_1">
<img src="<?php echo e(asset('assets/front/website/img/Arc-2 - Copy.png')); ?>" alt="">
</div>
</div>
<div class="inform_col">
<i class="far fa-edit"></i>
<!-- <img src="img/content-writing.png" alt=""> -->
<h4>Put your content </h4>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
</div>
<div class="arrow_main">
<div class="arrow arrow_2">
<img src="<?php echo e(asset('assets/front/website/img/Arc-1 - Copy.png')); ?>" alt="">
</div>
</div>
<div class="inform_col">
<i class="far fa-file-alt"></i>
<h4>Launch Website</h4>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="video-wrap">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-12">
<div class="video-wrap-clip">
<div class="video-img-1">
<img src="<?php echo e(asset('assets/front/website/img/landpress-team-1.jpeg')); ?>" alt="...">
</div>
<div class="video-img-2">
<img src="<?php echo e(asset('assets/front/website/img/landpress-team-2.jpeg')); ?>" alt="...">
</div>
<div class="overlay_play">
<i class="fas fa-play ripple" data-bs-toggle="modal" data-bs-target="#exampleModal2"></i>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-12">
<div class="video-text">
<span class="small-text">Why Choose Us</span>
<h2>Smart & Clean <i style="font-weight: normal;color: #ff5a94;">User Interface</i><br>
For Our Active Client</h2>
<p>Duis gravida augue velit eu dignissim felis pos quis. Integ ante urna gra
nec molestie mattis ultricies risus sed tortor fermentum egestas. Sedad
egestasfelis erat faucibus neque semper.</p>
</div>
<div class="video-list">
<ul class="video-list-1">
<div class="video-list-2">
<li><i class="fas fa-dot-circle"></i> 100% better results</li>
<li><i class="fas fa-dot-circle"></i> Budget friendly Theme</li>
</div>
<div class="video-list-3">
<li><i class="fas fa-dot-circle"></i> Valuable ideas</li>
<li><i class="fas fa-dot-circle"></i> Happt Custmores</li>
</div>
</ul>
</div>
<div class="video-button">
<a href="#" class="btn btn1 around" data-bs-toggle="modal" data-bs-target="#exampleModal">Get Started Now</a>
</div>
</div>
</div>
</div>
</section>
<section class="about">
<div class="container">
<div class="row">
<div class="col-12">
<div class="hh">
<h2 style="color: white;">Get Started With Creative<br>
<i style="font-weight: normal;color: #ff5a94;">Pre-Built</i> Demos
</h2>
<p style="color: white;">Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
<div class="about-button">
<a href="<?php echo e(route('template')); ?>" class="btn btn00">View All</a>
</div>
</div>
</div>
<div class="row">
<?php $__currentLoopData = $templates; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $template): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
<div class="about_col">
<a href="<?php echo e(route('template', $template->id)); ?>">
<?php if($template->hasMedia('main_image')): ?>
<img src="<?php echo e($template->getFirstMediaUrl('main_image')); ?>" alt="Main Image"
width="300" />
<?php endif; ?>
<p><a href="<?php echo e(route('template', $template->id)); ?>"><?php echo e($template->title); ?></a></p>
</a>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
</section>
<section class="refrence">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<div class="hh">
<h2>Perfect <i style="font-weight: normal;color: #ff5a94;">Responsive Design</i><br>
On All Devices</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ipsa deserunt perspiciatis neque!
Error, a
earum doloremque corporis tenetur fuga impedit in sit ut hic alias esse quam! </p>
</div>
<div class="tick-1">
<ul class="tick">
<li><i class="fas fa-check"></i>Full responsive design</li>
<li><i class="fas fa-check"></i>Ready for retina screen</li>
<li><i class="fas fa-check"></i>Option for individual stage</li>
</ul>
</div>
<div class="refrence_pic">
<img src="<?php echo e(asset('assets/front/website/img/new-main-image.webp')); ?>" alt="...">
</div>
</div>
</div>
</div>
</section>
<section class="skills-2">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="skills-2-img">
<img src="<?php echo e(asset('assets/front/website/img/landpress-team-3.jpeg')); ?>" alt="...">
</div>
</div>
<div class="col-lg-8 col-md-6 col-sm-12 col-12">
<div class="skills-2-wrap">
<span class="small-text">Our Skills</span>
<h2>Our Develop <i style="font-weight: normal;color: #ff5a94;">Digital</i> Stratagies</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ipsa deserunt perspiciatis neque!
Error, a
earum doloremque corporis tenetur fuga impedit in sit ut hic alias esse quam!</p>
<div class="skills-details">
<div class="progress-wrap-1">
<div class="pbar-mr-11">
<span class="pbar-mr-22">Design Stratagy</span>
<span class="pbar-mr-22">95%</span>
</div>
<div class="progress">
<div class="progress-bar progress-bar progress-bar bar-1" role="progressbar"
style="width: 95%;" aria-valuenow="95" aria- valuemin="0" aria-valuemax="100">
95%</div>
</div>
</div>
<div class="progress-wrap-1">
<div class="pbar-mr-11">
<span class="pbar-mr-22">Marketing Stratag</span>
<span class="pbar-mr-22">75%</span>
</div>
<div class="progress">
<div class="progress-bar progress-bar progress-bar bar-2" role="progressbar"
style="width: 75%;" aria-valuenow="75" aria- valuemin="0" aria-valuemax="100">
75%</div>
</div>
</div>
<div class="progress-wrap-1">
<div class="pbar-mr-11">
<span class="pbar-mr-22">UX/UI Stratag</span>
<span class="pbar-mr-22">98%</span>
</div>
<div class="progress">
<div class="progress-bar progress-bar progress-bar bar-3" role="progressbar"
style="width: 98%;" aria-valuenow="98" aria- valuemin="0" aria-valuemax="100">
98%</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="blog">
<div class="container">
<div class="row blogg">
<div class="col-lg-8 col-md-8 col-sm-12 col-12">
<div class="blogging-img">
<img src="<?php echo e(asset('assets/front/website/img/blog-1-1.webp')); ?>" alt="..." width="100%">
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-12">
<div class="blogging">
<span class="small-text">Blogging</span>
<h2>Let's Start <i style="font-weight: normal;color: #ff5a94;">Modern Stylish Blog</i> Easily</h2>
<p>Unique blog experience with various layouts for blog posts. You can choose from grid, masonry,
classic
and many more.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-12 col-12">
<div class="blog-img1">
<img src="<?php echo e(asset('assets/front/website/img/blog-2-1.webp')); ?>" alt="..." width="100%">
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-12">
<div class="blog-img2">
<img src="<?php echo e(asset('assets/front/website/img/new-blog-3.webp')); ?>" alt="..."
width="100%">
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-12">
<div class="blog-img3">
<img src="img/blog-new-4.webp" alt="" width="100%">
<img src="<?php echo e(asset('assets/front/website/img/blog-new-4.webp')); ?>" alt="..."
width="100%">
</div>
</div>
</div>
</div>
</section>
<section class="faq">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-12 col-12">
<div class="faq-text">
<h2>We're here to <i style="font-weight: normal;color: #ff5a94;">Answer</i><br> all your Questions
</h2>
<p>Quality Support by team. All that you need to have patience and do as they request us.
Definitely, they
are a brilliant team</p>
<p>Can't find question? Email us at <a href="mailto:[email protected]">[email protected]</a> or
</p>
<a href="#" class="btn btn1 around" data-bs-toggle="modal"
data-bs-target="#exampleModal3">Get in touch</a>
<!-- <img src="img/FAQ_1280.jpg" alt=""> -->
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-12 col-12">
<div class="container">
<div class="accordion" id="accordionExample">
<?php $__currentLoopData = $faqs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $faq): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne<?php echo e($faq->id); ?>" aria-expanded="true" aria-controls="collapseOne">
<?php echo e($faq->question); ?>
</button>
</h2>
<div id="collapseOne<?php echo e($faq->id); ?>" class="accordion-collapse collapse"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<?php echo e($faq->answer); ?>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
</div>
</div>
</div>
</section>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.front.main_layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/spion/resources/views/front/pages/home.blade.php ENDPATH**/ ?>