templates/web/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'web/layout.html.twig' %}
  2. {% block title %}Hello DefaultController!{% endblock %}
  3. {% block content %}
  4.     <!--====== Hero Section Start ======-->
  5.     <section class="hero-section-three rel z-2 pt-235 rpt-150 pb-130 rpb-100">
  6.         <div class="container">
  7.             <div class="row align-items-center">
  8.                 <div class="col-lg-6 col-md-11">
  9.                     <div class="hero-content-three rpt-15 rmb-75">
  10.                         <h1 class="mb-15 wow fadeInUp delay-0-2s">We’re Advanced analytics software solutions</h1>
  11.                         <p class="wow fadeInUp delay-0-4s">Sit amet consectetur adipiscing elit seddo eiusmod tempode dunt ut labore et dolore magna aliqua suspendisse</p>
  12.                         <form class="newsletter-form mt-40" action="#">
  13.                             <div class="newsletter-email wow fadeInUp delay-0-6s">
  14.                                 <input type="email" placeholder="Enter Email Address" required>
  15.                                 <button type="submit">Get Free Trial <i class="fas fa-arrow-right"></i></button>
  16.                             </div>
  17.                             <div class="newsletter-radios wow fadeInUp delay-0-8s">
  18.                                 <div class="custom-control custom-radio">
  19.                                     <input type="radio" class="custom-control-input" id="hero-wekly" name="example1" checked>
  20.                                     <label class="custom-control-label" for="hero-wekly">Wekly Updates</label>
  21.                                 </div>
  22.                                 <div class="custom-control custom-radio">
  23.                                     <input type="radio" class="custom-control-input" id="hero-monthly" name="example1">
  24.                                     <label class="custom-control-label" for="hero-monthly">Monthly Updates</label>
  25.                                 </div>
  26.                             </div>
  27.                         </form>
  28.                     </div>
  29.                 </div>
  30.                 <div class="col-lg-6">
  31.                     <div class="hero-image-three overlay wow fadeInLeft delay-0-4s">
  32.                         <img src="{{ asset('/web/images/hero/hero-three.jpg') }}" alt="Hero">
  33.                     </div>
  34.                 </div>
  35.             </div>
  36.         </div>
  37.         <img class="dots-shape" src="{{ asset('/web/images/shapes/dots.png') }}" alt="Shape">
  38.         <img class="tringle-shape" src="{{ asset('/web/images/shapes/tringle.png') }}" alt="Shape">
  39.         <img class="close-shape" src="{{ asset('/web/images/shapes/close.png') }}" alt="Shape">
  40.     </section>
  41.     <!--====== Hero Section End ======-->
  44.     <!--====== Solutions Section Start ======-->
  45.     <section class="solutions-section-three text-white text-center rel bg-blue pt-130 rpt-100 z-1 pb-75 rpb-45"
  46.              style="background-image: url({{ asset('/web/images/shapes/solutions-bg-dots.png') }});">
  47.         <div class="container">
  48.             <div class="row justify-content-center">
  49.                 <div class="col-xl-6 col-lg-8 col-md-10">
  50.                     <div class="section-title mb-75">
  51.                         <span class="sub-title">Our Special Solutions</span>
  52.                         <h2>We Customize Your Software to The Smart Ways</h2>
  53.                     </div>
  54.                 </div>
  55.             </div>
  56.             <div class="row justify-content-center">
  57.                 <div class="col-xl-4 col-md-6">
  58.                     <div class="solution-item-three wow fadeInUp delay-0-2s">
  59.                         <i class="far fa-compass"></i>
  60.                         <h3><a href="single-service.html">Software Model</a></h3>
  61.                         <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam eaque</p>
  62.                         <a href="single-service.html" class="read-more">Learn More <i class="fas fa-arrow-right"></i></a>
  63.                     </div>
  64.                 </div>
  65.                 <div class="col-xl-4 col-md-6">
  66.                     <div class="solution-item-three wow fadeInUp delay-0-4s">
  67.                         <i class="far fa-map"></i>
  68.                         <h3><a href="single-service.html">Network Wired</a></h3>
  69.                         <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam eaque</p>
  70.                         <a href="single-service.html" class="read-more">Learn More <i class="fas fa-arrow-right"></i></a>
  71.                     </div>
  72.                 </div>
  73.                 <div class="col-xl-4 col-md-6">
  74.                     <div class="solution-item-three wow fadeInUp delay-0-6s">
  75.                         <i class="fas fa-shield-alt"></i>
  76.                         <h3><a href="single-service.html">Final Testylization</a></h3>
  77.                         <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam eaque</p>
  78.                         <a href="single-service.html" class="read-more">Learn More <i class="fas fa-arrow-right"></i></a>
  79.                     </div>
  80.                 </div>
  81.             </div>
  82.         </div>
  83.     </section>
  84.     <!--====== Solutions Section End ======-->
  87.     <!--====== About Section Start ======-->
  88.     <section class="about-section-three rel z-1 pt-130 rpt-100">
  89.         <div class="container">
  90.             <div class="row align-items-center">
  91.                 <div class="col-xl-7 col-lg-6">
  92.                     <div class="about-image rmb-55 wow fadeInLeft delay-0-2s">
  93.                         <img src="{{ asset('/web/images/about/about-two.png') }}" alt="About">
  94.                     </div>
  95.                 </div>
  96.                 <div class="col-xl-5 col-lg-6">
  97.                     <div class="about-content-three wow fadeInRight delay-0-2s">
  98.                         <div class="section-title mb-25">
  99.                             <span class="sub-title">Our Special Solutions</span>
  100.                             <h2>Use Landingly to Create Amazing Landing Pages</h2>
  101.                         </div>
  102.                         <p>Sed ut perspiciatis unde omnis iste natus error voluptatem accusan tium doloremque laudantium totam rem aperiam eaque quae ainvtore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
  103.                         <ul class="list-style-one mt-25 mb-35">
  104.                             <li>Customers Website</li>
  105.                             <li>Software Doct</li>
  106.                         </ul>
  107.                         <a href="about.html" class="theme-btn style-three">Get Started <i class="fas fa-arrow-right"></i></a>
  108.                     </div>
  109.                 </div>
  110.             </div>
  111.         </div>
  112.     </section>
  113.     <!--====== About Section End ======-->
  116.     <!--====== Browser Support Start ======-->
  117.     <section class="browswr-support-section rel z-1 py-130 rpy-100">
  118.         <div class="container">
  119.             <div class="row align-items-center">
  120.                 <div class="col-xl-5 col-lg-6">
  121.                     <div class="browswr-support-content rmb-55 wow fadeInRight delay-0-2s">
  122.                         <div class="section-title">
  123.                             <span class="sub-title">Browser Support</span>
  124.                             <h2>We Build Into Your Favorite Web Browser Support</h2>
  125.                         </div>
  126.                         <div class="row">
  127.                             <div class="col-md-6">
  128.                                 <div class="solution-item-two">
  129.                                     <i class="fas fa-check"></i>
  130.                                     <h4>Track your Customers From your Website</h4>
  131.                                     <p>Sed ut perspiciatis unde omnis natus error voluptatem accusaente dolorem laudantium totam</p>
  132.                                 </div>
  133.                             </div>
  134.                             <div class="col-md-6">
  135.                                 <div class="solution-item-two color-two">
  136.                                     <i class="fas fa-check"></i>
  137.                                     <h4>Understand Much Sells Performance Better</h4>
  138.                                     <p>Sed ut perspiciatis unde omnis natus error voluptatem accusaente dolorem laudantium totam</p>
  139.                                 </div>
  140.                             </div>
  141.                         </div>
  142.                     </div>
  143.                 </div>
  144.                 <div class="col-xl-7 col-lg-6">
  145.                     <div class="browswr-support-image text-lg-right wow fadeInLeft delay-0-2s">
  146.                         <img src="{{ asset('/web/images/about/borwser-support.jpg') }}" alt="Browser Support">
  147.                     </div>
  148.                 </div>
  149.             </div>
  150.         </div>
  151.     </section>
  152.     <!--====== Browser Support End ======-->
  155.     <!--====== Newsletter Section Start ======-->
  156.     <section class="newsletter-section-two rel z-2">
  157.         <div class="container">
  158.             <div class="newsletter-inner style-two bg-gray bgs-cover text-white rel z-1">
  159.                 <div class="row align-items-center align-items-xl-start">
  160.                     <div class="col-lg-6">
  161.                         <div class="newsletter-content p-60 wow fadeInUp delay-0-2s">
  162.                             <div class="section-title mb-30">
  163.                                 <span class="sub-title">Our Newsletter</span>
  164.                                 <h2>Subscribe Our Newsletter to Get More Updates</h2>
  165.                             </div>
  166.                             <form class="newsletter-form" action="#">
  167.                                 <div class="newsletter-email">
  168.                                     <input type="email" placeholder="Enter Email Address" required>
  169.                                     <button type="submit">Sign up <i class="fas fa-angle-right"></i></button>
  170.                                 </div>
  171.                                 <div class="newsletter-radios">
  172.                                     <div class="custom-control custom-radio">
  173.                                         <input type="radio" class="custom-control-input" id="wekly" name="example1" checked>
  174.                                         <label class="custom-control-label" for="wekly">Wekly Updates</label>
  175.                                     </div>
  176.                                     <div class="custom-control custom-radio">
  177.                                         <input type="radio" class="custom-control-input" id="monthly" name="example1">
  178.                                         <label class="custom-control-label" for="monthly">Monthly Updates</label>
  179.                                     </div>
  180.                                 </div>
  181.                             </form>
  182.                         </div>
  183.                     </div>
  184.                     <div class="col-lg-6">
  185.                         <div class="newsletter-images wow fadeInUp delay-0-4s">
  186.                             <img src="{{ asset('/web/images/newsletter/newsletter-two.png') }}" alt="Newsletter">
  187.                             <img src="{{ asset('/web/images/newsletter/circle.png') }}" alt="shape" class="circle slideUpRight">
  188.                             <img src="{{ asset('/web/images/newsletter/dots.png') }}" alt="shape" class="dots slideLeftRight">
  189.                         </div>
  190.                     </div>
  191.                 </div>
  192.             </div>
  193.         </div>
  194.     </section>
  195.     <!--====== Newsletter Section End ======-->
  198.     <!--====== Services Section Start ======-->
  199.     <section class="services-section-three bg-lighter rel z-1 pt-250 pb-100 rpb-70">
  200.         <div class="container">
  201.             <div class="row justify-content-center text-center">
  202.                 <div class="col-xl-7 col-lg-8 col-md-10">
  203.                     <div class="section-title mt-100 rmt-70 mb-55">
  204.                         <span class="sub-title">Our Special Solutions</span>
  205.                         <h2>We Customize Your Software to The Smart Ways</h2>
  206.                     </div>
  207.                 </div>
  208.             </div>
  209.             <div class="row">
  210.                 <div class="col-xl-4 col-md-6">
  211.                     <div class="service-item wow fadeInUp delay-0-2s">
  212.                         <i class="flaticon-file"></i>
  213.                         <div class="content">
  214.                             <h3><a href="single-service.html">Well Organization</a></h3>
  215.                             <p>Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudantium totam</p>
  216.                         </div>
  217.                     </div>
  218.                 </div>
  219.                 <div class="col-xl-4 col-md-6">
  220.                     <div class="service-item wow fadeInUp delay-0-4s">
  221.                         <i class="flaticon-responsive-design"></i>
  222.                         <div class="content">
  223.                             <h3><a href="single-service.html">Responsive Design</a></h3>
  224.                             <p>Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudantium totam</p>
  225.                         </div>
  226.                     </div>
  227.                 </div>
  228.                 <div class="col-xl-4 col-md-6">
  229.                     <div class="service-item wow fadeInUp delay-0-6s">
  230.                         <i class="flaticon-security"></i>
  231.                         <div class="content">
  232.                             <h3><a href="single-service.html">Heigh Security</a></h3>
  233.                             <p>Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudantium totam</p>
  234.                         </div>
  235.                     </div>
  236.                 </div>
  237.                 <div class="col-xl-4 col-md-6">
  238.                     <div class="service-item wow fadeInUp delay-0-8s">
  239.                         <i class="flaticon-puzzle"></i>
  240.                         <div class="content">
  241.                             <h3><a href="single-service.html">Creative Design</a></h3>
  242.                             <p>Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudantium totam</p>
  243.                         </div>
  244.                     </div>
  245.                 </div>
  246.                 <div class="col-xl-4 col-md-6">
  247.                     <div class="service-item wow fadeInUp delay-1-0s">
  248.                         <i class="flaticon-badge"></i>
  249.                         <div class="content">
  250.                             <h3><a href="single-service.html">Clean Development</a></h3>
  251.                             <p>Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudantium totam</p>
  252.                         </div>
  253.                     </div>
  254.                 </div>
  255.                 <div class="col-xl-4 col-md-6">
  256.                     <div class="service-item wow fadeInUp delay-1-2s">
  257.                         <i class="flaticon-analytics"></i>
  258.                         <div class="content">
  259.                             <h3><a href="single-service.html">Advanced Analytics</a></h3>
  260.                             <p>Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudantium totam</p>
  261.                         </div>
  262.                     </div>
  263.                 </div>
  264.             </div>
  265.         </div>
  266.     </section>
  267.     <!--====== Services Section End ======-->
  270.     <!--====== Dashboard Section Start ======-->
  271.     <section class="dashboard-section rel z-1 py-130 rpy-100">
  272.         <div class="container">
  273.             <div class="row justify-content-center text-center">
  274.                 <div class="col-xl-6 col-lg-8 col-md-10">
  275.                     <div class="section-title mb-60">
  276.                         <span class="sub-title">Dashboard Screenshot</span>
  277.                         <h2>Let’s See Awesome Software UI Design Scrrenshot</h2>
  278.                     </div>
  279.                 </div>
  280.             </div>
  281.             <div class="dashboard-screenshot-wrap">
  282.                 <div class="dashboard-screenshot-item">
  283.                     <img src="{{ asset('/web/images/dashboard-screenshots/dashboard-screenshot1.jpg') }}" alt="Dashboard Screenshot">
  284.                 </div>
  285.                 <div class="dashboard-screenshot-item">
  286.                     <img src="{{ asset('/web/images/dashboard-screenshots/dashboard-screenshot2.jpg') }}" alt="Dashboard Screenshot">
  287.                 </div>
  288.                 <div class="dashboard-screenshot-item">
  289.                     <img src="{{ asset('/web/images/dashboard-screenshots/dashboard-screenshot3.jpg') }}" alt="Dashboard Screenshot">
  290.                 </div>
  291.                 <div class="dashboard-screenshot-item">
  292.                     <img src="{{ asset('/web/images/dashboard-screenshots/dashboard-screenshot1.jpg') }}" alt="Dashboard Screenshot">
  293.                 </div>
  294.                 <div class="dashboard-screenshot-item">
  295.                     <img src="{{ asset('/web/images/dashboard-screenshots/dashboard-screenshot2.jpg') }}" alt="Dashboard Screenshot">
  296.                 </div>
  297.                 <div class="dashboard-screenshot-item">
  298.                     <img src="{{ asset('/web/images/dashboard-screenshots/dashboard-screenshot3.jpg') }}" alt="Dashboard Screenshot">
  299.                 </div>
  300.             </div>
  301.         </div>
  302.     </section>
  303.     <!--====== Dashboard Section End ======-->
  306.     <!--====== Feedback Section Start ======-->
  307.     <section class="feedback-section-three bg-blue rel z-1 py-115 rpy-85" style="background-image: url({{ asset('/web/images/feedbacks/feedback-bg.png') }});">
  308.         <div class="container">
  309.             <div class="row">
  310.                 <div class="col-xl-4">
  311.                     <div class="feedback-three-content mt-15 text-white wow fadeInUp delay-0-2s">
  312.                         <div class="section-title mb-25">
  313.                             <span class="sub-title">Clients Feedback</span>
  314.                             <h2>What Our Customer ’s Say About Us</h2>
  315.                         </div>
  316.                         <p>Sed ut perspiciatis unde omnis natus error voluptatem accusantium doloremque laudantium totam rem aperias eaque quae ainvtore veritatis et quasi architecto beatae vitae dicta sunt explicabo enim spsam</p>
  317.                         <div class="slider-dots-area mt-25"></div>
  318.                     </div>
  319.                 </div>
  320.                 <div class="col-xl-8">
  321.                     <div class="feedback-three-wrap">
  322.                         <div class="feedback-item-two wow fadeInUp delay-0-4s">
  323.                             <img src="{{ asset('web/images/client-logos/client-logo1.png')}}" alt="Logo">
  324.                             <p>Sed ut perspiciatis unde omniste natus errors voluptatem accusantium doloreue laudantium <b>eaque ipsauae abtore</b> verita architecto beatae vitae dicta sunxplica nemo enimsam voluptatem quia natur autodit aut fugit</p>
  325.                             <div class="feedback-author">
  326.                                 <i class="flaticon-quote-1"></i>
  327.                                 <div class="author-content">
  328.                                     <h3>Randall L. Hamby</h3>
  329.                                     <span>Senior Manager</span>
  330.                                 </div>
  331.                             </div>
  332.                         </div>
  333.                         <div class="feedback-item-two wow fadeInUp delay-0-6s">
  334.                             <img src="{{ asset('web/images/client-logos/client-logo2.png')}}" alt="Logo">
  335.                             <p>Sed ut perspiciatis unde omniste natus errors voluptatem accusantium doloreue laudantium <b>eaque ipsauae abtore</b> verita architecto beatae vitae dicta sunxplica nemo enimsam voluptatem quia natur autodit aut fugit</p>
  336.                             <div class="feedback-author">
  337.                                 <i class="flaticon-quote-1"></i>
  338.                                 <div class="author-content">
  339.                                     <h3>Lillie R. Burkhalter</h3>
  340.                                     <span>Senior Manager</span>
  341.                                 </div>
  342.                             </div>
  343.                         </div>
  344.                         <div class="feedback-item-two wow fadeInUp delay-0-8s">
  345.                             <img src="{{ asset('web/images/client-logos/client-logo3.png')}}" alt="Logo">
  346.                             <p>Sed ut perspiciatis unde omniste natus errors voluptatem accusantium doloreue laudantium <b>eaque ipsauae abtore</b> verita architecto beatae vitae dicta sunxplica nemo enimsam voluptatem quia natur autodit aut fugit</p>
  347.                             <div class="feedback-author">
  348.                                 <i class="flaticon-quote-1"></i>
  349.                                 <div class="author-content">
  350.                                     <h3>Zelma K. Hall</h3>
  351.                                     <span>Senior Manager</span>
  352.                                 </div>
  353.                             </div>
  354.                         </div>
  355.                     </div>
  356.                 </div>
  357.             </div>
  358.         </div>
  359.     </section>
  360.     <!--====== Feedback Section End ======-->
  363.     <!--====== Partner Section Start ======-->
  364.     <div class="partner-area-three text-center pt-130 rpt-100">
  365.         <div class="container">
  366.             <div class="row justify-content-around justify-content-lg-between mb-80 rmb-50">
  367.                 <div class="col-lg-2 col-md-4 col-6">
  368.                     <a class="partner-item-three wow fadeInUp delay-0-2s" href="project-details.html">
  369.                         <img src="{{ asset('web/images/partners/partner-three1.png')}}" alt="Partner">
  370.                     </a>
  371.                 </div>
  372.                 <div class="col-lg-2 col-md-4 col-6">
  373.                     <a class="partner-item-three wow fadeInUp delay-0-4s" href="project-details.html">
  374.                         <img src="{{ asset('web/images/partners/partner-three2.png')}}" alt="Partner">
  375.                     </a>
  376.                 </div>
  377.                 <div class="col-lg-2 col-md-4 col-6">
  378.                     <a class="partner-item-three wow fadeInUp delay-0-6s" href="project-details.html">
  379.                         <img src="{{ asset('web/images/partners/partner-three3.png')}}" alt="Partner">
  380.                     </a>
  381.                 </div>
  382.                 <div class="col-lg-2 col-md-4 col-6">
  383.                     <a class="partner-item-three wow fadeInUp delay-0-8s" href="project-details.html">
  384.                         <img src="{{ asset('web/images/partners/partner-three4.png')}}" alt="Partner">
  385.                     </a>
  386.                 </div>
  387.                 <div class="col-lg-2 col-md-4 col-6">
  388.                     <a class="partner-item-three wow fadeInUp delay-1-0s" href="project-details.html">
  389.                         <img src="{{ asset('web/images/partners/partner-three5.png')}}" alt="Partner">
  390.                     </a>
  391.                 </div>
  392.             </div>
  393.             <hr>
  394.         </div>
  395.     </div>
  396.     <!--====== Partner Section End ======-->
  399.     <!--====== Contact Section Start ======-->
  400.     <section class="contact-section-two rel z-1 pt-115 rpt-85 pb-130 rpb-55">
  401.         <div class="container">
  402.             <div class="row justify-content-center text-center">
  403.                 <div class="col-xl-6 col-lg-8 col-md-10">
  404.                     <div class="section-title mb-50">
  405.                         <span class="sub-title">Get Free 7 Days Trial</span>
  406.                         <h2>Contact Us to Get Your 7days Free Trial Version</h2>
  407.                     </div>
  408.                 </div>
  409.             </div>
  410.             <div class="contact-information-area pb-50">
  411.                 <div class="row justify-content-center">
  412.                     <div class="col-lg-4 col-md-6">
  413.                         <div class="contact-info-item wow fadeInUp delay-0-2s">
  414.                             <i class="fas fa-envelope-open"></i>
  415.                             <div class="contact-info-content">
  416.                                 <h3>Email Us</h3>
  417.                                 <span><a href="mailto:[email protected]">[email protected]</a></span>
  418.                             </div>
  419.                         </div>
  420.                     </div>
  421.                     <div class="col-lg-4 col-md-6">
  422.                         <div class="contact-info-item wow fadeInUp delay-0-4s">
  423.                             <i class="fas fa-phone"></i>
  424.                             <div class="contact-info-content">
  425.                                 <h3>Phone</h3>
  426.                                 <span><a href="calto:+0123456789">+012 (345) 67 89</a></span>
  427.                             </div>
  428.                         </div>
  429.                     </div>
  430.                     <div class="col-lg-4 col-md-6">
  431.                         <div class="contact-info-item wow fadeInUp delay-0-6s">
  432.                             <i class="fas fa-map-marker-alt"></i>
  433.                             <div class="contact-info-content">
  434.                                 <h3>Address</h3>
  435.                                 <span>55 Main Street, USA</span>
  436.                             </div>
  437.                         </div>
  438.                     </div>
  439.                 </div>
  440.             </div>
  441.             <div class="row">
  442.                 <div class="col-lg-6">
  443.                     <div class="contact-left-map h-100 pr-xl-5 rpb-20 wow fadeInLeft delay-0-2s">
  444.                         <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d136834.1519573059!2d-74.0154445224086!3d40.7260256534837!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1639991650837!5m2!1sen!2sbd" style="border:0; width: 100%; height: 100%;" allowfullscreen="" loading="lazy"></iframe>
  445.                     </div>
  446.                 </div>
  447.                 <div class="col-lg-6">
  448.                     <form id="contact-form-two" class="contact-form-two py-45 wow fadeInRight delay-0-2s" action="#" method="post">
  449.                         <div class="row clearfix">
  450.                             <div class="col-sm-6">
  451.                                 <div class="form-group">
  452.                                     <input type="text" id="name" name="name" class="form-control" placeholder="full name" required="">
  453.                                 </div>
  454.                             </div>
  455.                             <div class="col-sm-6">
  456.                                 <div class="form-group">
  457.                                     <input type="email" id="email" name="email" class="form-control" placeholder="Email Address" required="">
  458.                                 </div>
  459.                             </div>
  460.                             <div class="col-sm-6">
  461.                                 <div class="form-group">
  462.                                     <input type="text" id="number" name="number" class="form-control" placeholder="phone number">
  463.                                 </div>
  464.                             </div>
  465.                             <div class="col-sm-6">
  466.                                 <div class="form-group">
  467.                                     <input type="text" id="company" name="company" class="form-control" placeholder="Company">
  468.                                 </div>
  469.                             </div>
  470.                             <div class="col-sm-6">
  471.                                 <div class="form-group">
  472.                                     <input type="text" id="subject" name="subject" class="form-control" placeholder="subject">
  473.                                 </div>
  474.                             </div>
  475.                             <div class="col-sm-6">
  476.                                 <div class="form-group">
  477.                                     <input type="url" id="website" name="website" class="form-control" placeholder="website">
  478.                                 </div>
  479.                             </div>
  480.                             <div class="col-md-12">
  481.                                 <div class="form-group mb-4">
  482.                                     <textarea name="message" id="message" rows="4" class="form-control" placeholder="message" required=""></textarea>
  483.                                 </div>
  484.                             </div>
  485.                             <div class="col-md-12">
  486.                                 <div class="form-group mb-0">
  487.                                     <button class="theme-btn" type="submit">get free trial <i class="fas fa-arrow-right"></i></button>
  488.                                 </div>
  489.                             </div>
  490.                         </div>
  491.                     </form>
  492.                 </div>
  493.             </div>
  494.         </div>
  495.     </section>
  496.     <!--====== Contact Section End ======-->
  499.     <!--====== Blog Section Start ======-->
  500.     <section class="blog-section-two bg-lighter rel z-1 pt-130 rpt-100 pb-180 rpb-150">
  501.         <div class="container">
  502.             <div class="row">
  503.                 <div class="col-xl-4 col-lg-8 col-md-10">
  504.                     <div class="blog-two-section-content mb-55 wow fadeInUp delay-0-2s">
  505.                         <div class="section-title mb-25">
  506.                             <span class="sub-title">Latest News & Blog</span>
  507.                             <h2>Get Our Every Single Update Latest News and Blog</h2>
  508.                         </div>
  509.                         <a href="blog.html" class="theme-btn style-three">View More News <i class="fas fa-arrow-right"></i></a>
  510.                     </div>
  511.                 </div>
  512.                 <div class="col-xl-4 col-md-6">
  513.                     <div class="blog-item-two wow fadeInUp delay-0-4s">
  514.                         <div class="blog-two-image" style="background-image: url({{ asset('/web/images/blog/blog-two.jpg')}});"></div>
  515.                         <ul class="blog-meta">
  516.                             <li><i class="far fa-calendar-alt"></i> <a href="blog-details.html">25 March 2022</a></li>
  517.                             <li><i class="far fa-comments"></i> <a href="#">Com (5)</a></li>
  518.                         </ul>
  519.                         <h3><a href="blog-details.html">Smashin Podcast Episode Web Frameworks Solve Vanilla</a></h3>
  520.                         <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized the charms of pleasure</p>
  521.                         <a href="blog-details.html" class="read-more">Read More <i class="fas fa-arrow-right"></i></a>
  522.                     </div>
  523.                 </div>
  524.                 <div class="col-xl-4 col-md-6">
  525.                     <div class="blog-item-two wow fadeInUp delay-0-6s">
  526.                         <div class="blog-two-image" style="background-image: url({{ asset('/web/images/blog/blog-two.jpg')}});"></div>
  527.                         <ul class="blog-meta">
  528.                             <li><i class="far fa-calendar-alt"></i> <a href="blog-details.html">25 March 2022</a></li>
  529.                             <li><i class="far fa-comments"></i> <a href="#">Com (5)</a></li>
  530.                         </ul>
  531.                         <h3><a href="blog-details.html">Designing Better Links Wesites And Emails A Guideline</a></h3>
  532.                         <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized the charms of pleasure</p>
  533.                         <a href="blog-details.html" class="read-more">Read More <i class="fas fa-arrow-right"></i></a>
  534.                     </div>
  535.                 </div>
  536.             </div>
  537.         </div>
  538.     </section>
  539.     <!--====== Blog Section End ======-->
  540. {% endblock %}