D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
vitalityhealth
/
public_html
/
aa
/
invite
/
Filename :
indexold.php
back
Copy
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Image Generator</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content="Image Generator"> <link rel="shortcut icon" href="images/favicon.ico"><!-- Favicon Icon --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"><!-- Google Fonts --> <link rel="stylesheet" href="css/plugins.css"><!-- plugins Css --> <link rel="stylesheet" href="css/fonts-icons.css"><!-- Font Icons Css --> <link rel="stylesheet" type="text/css" href="css/style.css"><!-- Custom Css --> <link rel="stylesheet" type="text/css" href="css/helper.css"><!-- Helper Css --> </head> <body> <!-- Start PreLoader ================================================== --> <div id="pre-loader" class="pre-loader"> <div class="cube-wrapper"> <div class="cube-folding"> <span class="leaf1"></span> <span class="leaf2"></span> <span class="leaf3"></span> <span class="leaf4"></span> </div> <span class="loading" data-name="Loading">Loading</span> </div> <div class="pre-loader-logo"><span class="text-uppercase fw-2 text-white">Re<span class="fw-8 text-black">intive</span></span></div> </div> <!-- End PreLoader ================================================== --> <!-- Start Header ================================================== --> <header class="header"> <nav class="navbar navbar-expand-lg p-0 navbar-custom"> <div class="header-logo"> <a class="navbar-brand d-flex align-items-center text-white bg-black" href="#"> <span class="text-uppercase fw-2">Re<span class="fw-8 text-blue">intive</span></span> </a> </div> <div class="header-nav ml-auto"> <div class="collapse navbar-collapse" id="navbarCollapse"> <ul class="navbar-nav"> <li class="nav-item active"><a class="nav-link page-scroll" href="#home">Home <span class="sr-only">(current)</span></a></li> <li class="nav-item"><a class="nav-link page-scroll" href="#services">Services</a></li> <li class="nav-item"><a class="nav-link page-scroll" href="#pricing">Pricing</a></li> <li class="nav-item"><a class="nav-link page-scroll" href="#portfolio">Portfolio</a></li> <li class="nav-item"><a class="nav-link page-scroll" href="#faq">FAQ</a></li> <li class="nav-item"><a class="nav-link page-scroll" href="#testimonial">Testimonial</a></li> <li class="nav-item"><a class="nav-link page-scroll" href="#contact">Contact</a></li> <li class="nav-item"><a class="nav-link page-scroll btn-hire-me btn-blue text-center text-white ml-lg-10 mr-lg-10" href="#hire-us">Hire us</a></li> <li class="nav-item d-none d-lg-block"><a class="nav-link header-follow" href="#SocialIcon"><span class="ti-sharethis"></span></a></li> <li class="nav-item d-none d-lg-block"><a class="nav-link js-fr-offcanvas-open" aria-controls="offcanvas-2" href="#OffCanvas"><span class="ti-more-alt"></span></a></li> </ul> </div> </div> <div class="header-social d-flex align-items-center"> <ul class="list-unstyled mb-0 list-inline header-social-inner"> <li class="list-inline-item d-none d-sm-inline-block">Follow Us:</li> <li class="list-inline-item"><a href="#"><span class="d-none d-md-inline-block">Facebook</span><i class="fab fa-facebook-f ml-2"></i></a></li> <li class="list-inline-item"><a href="#"><span class="d-none d-md-inline-block">Twitter</span><i class="fab fa-twitter ml-2"></i></a></li> <li class="list-inline-item"><a href="#"><span class="d-none d-md-inline-block">Instagram</span><i class="fab fa-instagram ml-2"></i></a></li> <li class="list-inline-item"><a href="#"><span class="d-none d-md-inline-block">Linkedin</span><i class="fab fa-linkedin-in ml-2"></i></a></li> <li class="list-inline-item"><a href="#"><span class="d-none d-md-inline-block">Youtube</span><i class="fab fa-youtube ml-2"></i></a></li> </ul> <a class="header-follow-close d-flex justify-content-center align-items-center" href="#"><span class="ti-close"></span></a> </div> <div class="mobile-menu d-md-block d-lg-none"> <a class="header-follow d-flex justify-content-center align-items-center" href="#"><span class="ti-sharethis"></span></a> <a class="d-flex justify-content-center align-items-center js-fr-offcanvas-open" aria-controls="offcanvas-2" href="#"><span class="ti-more-alt"></span></a> <a class="navbar-toggler d-flex justify-content-center align-items-center" data-toggle="collapse" href="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> </a> </div> </nav> <!-- Start offcanvas --> <div class="fr-offcanvas js-fr-offcanvas bg-white" id="offcanvas-2"> <button type="button" class="btn btn-black btn-block w-100 fr-offcanvas-close js-fr-offcanvas-close fr-offcanvas-close-btn"><span class="ti-close mr-2"></span>Close</button> <div class="row text-center mb-30"> <div class="col-lg-12"> <h2 class="text-black fw-3">Get in touch today</h2> </div> <div class="col-lg-12"> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> </div> <form class="needs-validation mb-50" method="post" action=""> <div class="row"> <div class="col-lg-12"> <div class="messages"></div> </div> </div> <div class="row"> <div class="col-lg-6 col-sm-6"> <div class="form-group"> <div class="position-relative"> <input type="text" name="name" class="form-control" required="required" data-error="Name is required."> <label>Name<span class="text-danger">*</span></label> <span class="focus-border bg-blue"></span> </div> <div class="help-block with-errors text-danger"></div> </div> </div> <div class="col-lg-6 col-sm-6"> <div class="form-group"> <div class="position-relative"> <input type="email" name="email" class="form-control" required="required" data-error="Valid email is required."> <label>Email<span class="text-danger">*</span></label> <span class="focus-border bg-blue"></span> </div> <div class="help-block with-errors text-danger"></div> </div> </div> </div> <div class="row"> <div class="col-lg-6 col-sm-6"> <div class="form-group"> <div class="position-relative"> <input type="tel" name="phone" class="form-control"> <label>Phone</label> <span class="focus-border bg-blue"></span> </div> <div class="help-block with-errors text-danger"></div> </div> </div> <div class="col-lg-6 col-sm-6"> <div class="form-group"> <div class="position-relative"> <input type="text" name="subject" class="form-control" required="required" data-error="Subject is required."> <label>Subject<span class="text-danger">*</span></label> <span class="focus-border bg-blue"></span> </div> <div class="help-block with-errors text-danger"></div> </div> </div> </div> <div class="row"> <div class="col-lg-12 col-sm-12"> <div class="form-group"> <div class="position-relative"> <textarea name="message" class="form-control" rows="5" required="required" data-error="Please,leave us a message."></textarea> <label>Message<span class="text-danger">*</span></label> <span class="focus-border bg-blue"></span> </div> <div class="help-block with-errors text-danger"></div> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <button type="submit" class="btn btn-send btn-blue">Send message<i class="far fa-paper-plane pl-3"></i></button> </div> </div> </form> <div class="row"> <div class="col-lg-12"> <div class="media mb-30"> <span class="ti-mobile h2 align-self-center"></span> <div class="media-body pl-3"> <h6 class="mb-1 text-black fw-6">Customer care:</h6> <p>+001 234 567 890</p> </div> </div> <div class="media mb-30"> <span class="ti-email h2 align-self-center"></span> <div class="media-body pl-3"> <h6 class="mb-1 text-black fw-6">Email Address:</h6> <p>support@website.com</p> </div> </div> <div class="media mb-30"> <span class="ti-location-pin h2 align-self-center"></span> <div class="media-body pl-3"> <h6 class="mb-1 text-black fw-6">Office Address:</h6> <p>4461 Cedar Street Moro, AR 72368</p> </div> </div> <div class="media mb-30"> <span class="ti-calendar h2 align-self-center"></span> <div class="media-body pl-3"> <h6 class="mb-1 text-black fw-6">Office Time:</h6> <p>Mon - Fri 08:00 - 19:00</p> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <ul class="list-unstyled mb-0 social-black"> <li><a href="#"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#"><i class="fab fa-twitter"></i></a></li> <li><a href="#"><i class="fab fa-instagram"></i></a></li> <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li> <li><a href="#"><i class="fab fa-youtube"></i></a></li> </ul> </div> </div> </div> <!-- End offcanvas --> </header> <!-- End Header ================================================== --> <!-- Start Home ================================================== --> <section id="home" class="d-flex align-items-center section text-white half-home" data-parallax data-speed="0" data-src="images/banner/img-1.jpg"> <div class="overlay-gridtile-black"></div> <div class="container"> <div class="row text-center justify-content-center"> <div class="col-lg-12"> <h2 class="text-uppercase mb-0 fw-7">We don't just make </h2> <h1 class="text-uppercase mb-0 fw-7 text-yellow font-50 font-sm-80 font-md-100 font-lg-150">Designs.</h1> <h5 class="fw-4">We create stories that our clients can be proud of and audience say</h5> <a href="#contact" class="btn btn-green ml-3 mr-3 mt-4 page-scroll">get in touch</a> <a href="#portfolio" class="btn btn-blue ml-3 mr-3 mt-4 page-scroll">view our work</a> </div> </div> </div> <a href="#services" class="home-scroller page-scroll text-white"> <span class="ti-mouse"></span> </a> </section> <!-- End Home ================================================== --> <!-- Start Services ================================================== --> <section id="services" class="container-fluid"> <div class="row"> <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0"> <div class="bg-green service-box text-center"> <div class="service-box-inner"> <span class="ti-light-bulb font-60 service-icon"></span> <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Classic</strong> Service</h5> <div class="service-hidden-content"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer</p> </div> <a class="service-read-more" href="#">Read More</a> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0"> <div class="bg-blue service-box text-center"> <div class="service-box-inner"> <span class="ti-heart font-60 service-icon"></span> <h5 class="mt-5 mb-3 fw-3">Love Our <strong class="fw-6">Clients</strong></h5> <div class="service-hidden-content"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer</p> </div> <a class="service-read-more" href="#">Read More</a> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0"> <div class="bg-dark-blue service-box text-center"> <div class="service-box-inner"> <span class="ti-palette font-60 service-icon"></span> <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Professional</strong> Design</h5> <div class="service-hidden-content"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer</p> </div> <a class="service-read-more" href="#">Read More</a> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0"> <div class="bg-yellow service-box text-center"> <div class="service-box-inner"> <span class="ti-mobile font-60 service-icon"></span> <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Mobile</strong> App Design</h5> <div class="service-hidden-content"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer</p> </div> <a class="service-read-more" href="#">Read More</a> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0"> <div class="bg-orange service-box text-center"> <div class="service-box-inner"> <span class="ti-split-v-alt font-60 service-icon"></span> <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Web</strong> Development</h5> <div class="service-hidden-content"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer</p> </div> <a class="service-read-more" href="#">Read More</a> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0"> <div class="bg-dark-pink service-box text-center"> <div class="service-box-inner"> <span class="ti-desktop font-60 service-icon"></span> <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Web</strong> Design</h5> <div class="service-hidden-content"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer</p> </div> <a class="service-read-more" href="#">Read More</a> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0"> <div class="bg-green service-box text-center"> <div class="service-box-inner"> <span class="ti-search font-60 service-icon"></span> <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">SEO</strong></h5> <div class="service-hidden-content"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer</p> </div> <a class="service-read-more" href="#">Read More</a> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-6 col-xl-3 pl-0 pr-0 "> <div class="bg-blue service-box text-center"> <div class="service-box-inner"> <span class="ti-headphone-alt font-60 service-icon"></span> <h5 class="mt-5 mb-3 fw-3"><strong class="fw-6">Awesome</strong> Support</h5> <div class="service-hidden-content"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer</p> </div> <a class="service-read-more" href="#">Read More</a> </div> </div> </div> </div> </section> <!-- End Services ================================================== --> <!-- Start Partner Slider ================================================== --> <section class="bg-white"> <div class="container-fluid"> <div class="row"> <div id="partner-slider-1" class="owl-carousel owl-theme partner-slider"> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-1.jpg" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-2.jpg" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-3.jpg" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-4.jpg" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-5.jpg" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-6.jpg" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-7.jpg" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-8.jpg" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-9.jpg" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-10.jpg" alt="Partner Logo"> </a> </div> </div> </div> </section> <!-- End Partner Slider ================================================== --> <!-- Start Awesome elements ================================================== --> <section class="section pattern-1"> <div class="container"> <div class="row justify-content-center text-center mb-60"> <div class="col-lg-12"> <h2 class="text-black fw-3">Awesome <strong class="fw-7">elements</strong></h2> </div> <div class="col-lg-6"> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> </div> <div class="row align-items-center justify-content-center"> <div class="col-lg-8"> <img class="img-fluid d-block ml-auto mr-auto mb-30 mt-30" src="images/img-3.png" alt="Why People Choosing Starting"> </div> <div class="col-lg-4"> <div class="media mt-30"> <span class="ti-arrows-vertical mr-3 h4 text-blue"></span> <div class="media-body"> <h6 class="fw-6 text-black">Parallax effects</h6> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the</p> </div> </div> <div class="media mt-30"> <span class="ti-layout-slider mr-3 h4 text-blue"></span> <div class="media-body"> <h6 class="fw-6 text-black">Slider</h6> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the</p> </div> </div> <div class="media mt-30"> <span class="ti-write mr-3 h4 text-blue"></span> <div class="media-body"> <h6 class="fw-6 text-black">Working Contact Form</h6> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the</p> </div> </div> </div> </div> </div> </section> <!-- End Awesome elements ================================================== --> <!-- Start What comes with this Template? ================================================== --> <section class="section bg-grey"> <div class="container"> <div class="row justify-content-center text-center mb-60"> <div class="col-lg-12"> <h2 class="text-black fw-3">What <strong class="fw-7">comes</strong> with this <span class="text-orange">Template?</span></h2> </div> <div class="col-lg-6"> <p>It seems that only fragments of the original <strong class="fw-7 font-italic">text remain in the Lorem Ipsum texts used today</strong>. One may speculate</p> </div> </div> <div class="row"> <div class="col-lg-6"> <div class="media position-relative text-right service-icon-on-right-list mt-20"> <div class="media-body"> <h6 class="fw-6 text-black">Based on Bootstrap 4</h6> <p class="mb-30">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the</p> </div> <span class="ti-check ml-3 h4 text-blue bg-grey pb-2 position-relative"></span> </div> <div class="media position-relative text-right service-icon-on-right-list mt-20"> <div class="media-body"> <h6 class="fw-6 text-black">Functional and easy to use</h6> <p class="mb-30">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the</p> </div> <span class="ti-thumb-up ml-3 h4 text-blue bg-grey pb-2 position-relative"></span> </div> <div class="media position-relative text-right service-icon-on-right-list mt-20"> <div class="media-body"> <h6 class="fw-6 text-black">Powerful options</h6> <p class="mb-30">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the</p> </div> <span class="ti-settings ml-3 h4 text-blue bg-grey pb-2 position-relative"></span> </div> </div> <div class="col-lg-6"> <div class="media position-relative text-left service-icon-on-left-list mt-20"> <span class="ti-fullscreen mr-3 h4 text-blue bg-grey pb-2 position-relative"></span> <div class="media-body"> <h6 class="fw-6 text-black">Fully responsive</h6> <p class="mb-30">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the</p> </div> </div> <div class="media position-relative text-left service-icon-on-left-list mt-20"> <span class="ti-light-bulb mr-3 h4 text-blue bg-grey pb-2 position-relative"></span> <div class="media-body"> <h6 class="fw-6 text-black">Clean and modern design</h6> <p class="mb-30">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the</p> </div> </div> <div class="media position-relative text-left service-icon-on-left-list mt-20"> <span class="ti-arrows-vertical mr-3 h4 text-blue bg-grey pb-2 position-relative"></span> <div class="media-body"> <h6 class="fw-6 text-black">Parallax effects</h6> <p class="mb-30">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the</p> </div> </div> </div> </div> <div class="row text-center"> <div class="col-lg-12"> <a target="_blank" href="http://bit.ly/2KCNylA" class="btn btn-green mt-60">Buy now</a> </div> </div> </div> </section> <!-- End What comes with this Template? ================================================== --> <!-- Start Our Skills Are ================================================== --> <section class="position-relative skills-section"> <div class="container-fluid"> <div class="row"> <div class="col-lg-6 bg-white"> <div class="section pl-sm-5 pr-sm-5"> <div class="mb-60"> <h2 class="text-black fw-3">Our <strong class="fw-8">Skills</strong> <span class="text-orange">Are</span></h2> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> <h6 class="fw-6 text-black mb-2 mt-30">Print Design</h6> <div class="progress rounded-0"> <div class="progress-bar bg-green" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div> </div> <h6 class="fw-6 text-black mb-2 mt-30">Web Design</h6> <div class="progress rounded-0"> <div class="progress-bar bg-blue" role="progressbar" style="width: 45%" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100">45%</div> </div> <h6 class="fw-6 text-black mb-2 mt-30">Mobile App Design</h6> <div class="progress rounded-0"> <div class="progress-bar bg-dark-blue" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">90%</div> </div> <h6 class="fw-6 text-black mb-2 mt-30">Crativity</h6> <div class="progress rounded-0"> <div class="progress-bar bg-yellow" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">80%</div> </div> <h6 class="fw-6 text-black mb-2 mt-30">UI & UX DESIGN</h6> <div class="progress rounded-0"> <div class="progress-bar bg-orange" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">85%</div> </div> <h6 class="fw-6 text-black mb-2 mt-30">WORDPRESS</h6> <div class="progress rounded-0"> <div class="progress-bar bg-dark-pink" role="progressbar" style="width: 72%" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100">72%</div> </div> </div> </div> <div class="col-lg-6 d-none d-lg-block" data-parallax data-speed="0.2" data-pos-x="right" data-src="images/banner/img-2.jpg"></div> </div> </div> </section> <!-- End Our Skills Are ================================================== --> <!-- Start Video Presentation ================================================== --> <section class="section" data-parallax data-speed="0.2" data-src="images/banner/img-4.png"> <div class="container"> <div class="row justify-content-center text-center mb-60"> <div class="col-lg-12"> <h2 class="text-black fw-3">Video <strong class="fw-7">Presentation</strong></h2> </div> <div class="col-lg-6"> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> </div> <div class="row"> <div class="col-lg-6"> <div class="video-item mb-30"> <div class="overlay-black"></div> <img class="img-fluid mx-auto d-block" src="images/blog/1.jpg" alt="Video Image"> <a class="btn-play d-flex justify-content-center align-items-center popup-vimeo" href="http://vimeo.com/99025203"><i class="ti-control-play"></i></a> </div> </div> <div class="col-lg-6"> <div class="video-item mb-30"> <div class="overlay-black"></div> <img class="img-fluid mx-auto d-block" src="images/blog/5.jpg" alt="Video Image"> <a class="btn-play d-flex justify-content-center align-items-center popup-vimeo" href="http://vimeo.com/99025203"><i class="ti-control-play"></i></a> </div> </div> </div> </div> </section> <!-- End Video Presentation ================================================== --> <!-- Start Why People Choose Us? ================================================== --> <section class="pt-100 bg-grey"> <div class="container"> <div class="row justify-content-center text-center mb-60"> <div class="col-lg-12"> <h2 class="text-black fw-3">Why People <strong class="fw-7">Choose</strong> <span class="text-orange">Us?</span></h2> </div> <div class="col-lg-6"> <p>It seems that only fragments of the <i>original text</i> remain in the Lorem Ipsum texts used today. One may speculate</p> </div> </div> <div class="row"> <div class="col-lg-5"> <div class="w-100 d-block"> <img class="img-fluid d-block ml-auto mr-auto" src="images/img-1.png" alt="Responsive image"> </div> </div> <div class="col-lg-7"> <div class="mt-30 mb-50"> <p><span class="dropcaps bg-blue text-white">L</span> orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it</p> <div class="row"> <div class="col-lg-6"> <ul class="list-unstyled mb-0"> <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>Trusted Company</li> <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>Safe & Secure</li> <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>Customer Relationship</li> <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>Quality Services</li> </ul> </div> <div class="col-lg-6"> <ul class="list-unstyled mb-0"> <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>Trusted Company</li> <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>Safe & Secure</li> <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>Customer Relationship</li> <li class="pt-2 pt-2"><span class="ti-check text-blue mr-2"></span>Quality Services</li> </ul> </div> </div> </div> </div> </div> </div> </section> <!-- End Why People Choose Us? ================================================== --> <!-- Start Counter ================================================== --> <section> <div class="container-fluid"> <div class="row"> <div class="col-sm-6 col-lg-4 col-xl-2 counter d-flex justify-content-center align-items-center bg-green text-center text-white position-relative"> <div class="counter-inner"> <span class="ti-user counter-icon"></span> <h6 class="fw-3 mt-20 mb-0"><strong class="fw-6">Happy</strong> Users</h6> </div> <span class="number-back d-flex justify-content-center align-items-center text-center"> <span><span class="counter-value">4954</span></span> </span> </div> <div class="col-sm-6 col-lg-4 col-xl-2 counter d-flex justify-content-center align-items-center bg-blue text-center text-white position-relative"> <div class="counter-inner"> <span class="ti-star counter-icon"></span> <h6 class="fw-3 mt-20 mb-0"><strong class="fw-6">Clients</strong> Reviews</h6> </div> <span class="number-back d-flex justify-content-center align-items-center text-center"> <span><span class="counter-value">1889</span></span> </span> </div> <div class="col-sm-6 col-lg-4 col-xl-2 counter d-flex justify-content-center align-items-center bg-dark-blue text-center text-white position-relative"> <div class="counter-inner"> <span class="ti-briefcase counter-icon"></span> <h6 class="fw-3 mt-20 mb-0">Our <strong class="fw-6">Projects</strong></h6> </div> <span class="number-back d-flex justify-content-center align-items-center text-center"> <span><span class="counter-value">250</span>+</span> </span> </div> <div class="col-sm-6 col-lg-4 col-xl-2 counter d-flex justify-content-center align-items-center bg-yellow text-center text-white position-relative"> <div class="counter-inner"> <span class="ti-face-smile counter-icon"></span> <h6 class="fw-3 mt-20 mb-0">Happy <strong class="fw-6">Clients</strong></h6> </div> <span class="number-back d-flex justify-content-center align-items-center text-center"> <span><span class="counter-value">100</span>+</span> </span> </div> <div class="col-sm-6 col-lg-4 col-xl-2 counter d-flex justify-content-center align-items-center bg-orange text-center text-white position-relative"> <div class="counter-inner"> <span class="ti-time counter-icon"></span> <h6 class="fw-3 mt-20 mb-0"><strong class="fw-6"></strong> Hours</h6> </div> <span class="number-back d-flex justify-content-center align-items-center text-center"> <span><span class="counter-value">100</span>k</span> </span> </div> <div class="col-sm-6 col-lg-4 col-xl-2 counter d-flex justify-content-center align-items-center bg-dark-pink text-center text-white position-relative"> <div class="counter-inner"> <span class="ti-calendar counter-icon"></span> <h6 class="fw-3 mt-20 mb-0"><strong class="fw-6"></strong> Days</h6> </div> <span class="number-back d-flex justify-content-center align-items-center text-center"> <span><span class="counter-value">1523</span>+</span> </span> </div> </div> </div> </section> <!-- End Counter ================================================== --> <!-- Start Affordable Price ================================================== --> <section id="pricing" class="section bg-white"> <div class="container"> <div class="row justify-content-center text-center mb-60"> <div class="col-lg-12"> <h2 class="text-black fw-3"><strong class="fw-7">Affordable</strong> <span class="text-orange">Price</span></h2> </div> <div class="col-lg-6"> <p>It seems that only fragments of the original text remain in <mark class="bg-blue text-white">the Lorem Ipsum texts used today. One may speculate</mark></p> </div> </div> <div class="row justify-content-center no-gutters"> <div class="col-lg-3 d-none d-lg-block"> <div class="bg-white price-table mb-30"> <div class="price-table-border-top bg-dark-grey"></div> <div class="price-table-header d-flex align-items-center"> <div class="price-table-header-inner"> <h4 class="fw-4 text-black">Save <strong>up to 40%</strong> by paying annually!</h4> </div> </div> <div class="price-table-body"> <ul class="list-unstyled mb-0"> <li class="d-flex align-items-center"><h6 class="text-black fw-7">Bandwidth</h6></li> <li class="d-flex align-items-center"><h6 class="text-black fw-7">Onlinespace</h6></li> <li class="d-flex align-items-center"><h6 class="text-black fw-7">Support</h6></li> <li class="d-flex align-items-center"><h6 class="text-black fw-7">Domain</h6></li> <li class="d-flex align-items-center"><h6 class="text-black fw-7">Hidden Fees</h6></li> </ul> </div> </div> </div> <div class="col-lg-3"> <div class="bg-white price-table mb-30 active"> <div class="price-table-border-top bg-green"></div> <div class="price-table-header d-flex align-items-center justify-content-center text-center"> <div class="price-table-header-inner"> <div class="price-table-plan fw-3 text-green">Professional</div> <div class="price-table-price fw-2 text-black mt-15">$19/<span class="fw-4">Month</span></div> </div> </div> <div class="price-table-body"> <ul class="list-unstyled mb-0"> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Bandwidth:</strong>2GB</li> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Onlinespace:</strong>1GB</li> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Support:</strong><span class="fas fa-check text-green"></span></li> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Domain:</strong>3</li> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Hidden Fees:</strong><span class="fas fa-times"></span></li> </ul> </div> <div class="price-table-footer"> <a target="_blank" href="http://bit.ly/2KCNylA" class="btn btn-green btn-block">Buy now</a> </div> </div> </div> <div class="col-lg-3"> <div class="bg-white price-table mb-30"> <div class="price-table-border-top bg-blue"></div> <div class="price-table-header d-flex align-items-center justify-content-center text-center"> <div class="price-table-header-inner"> <div class="price-table-plan fw-3 text-blue">Standard</div> <div class="price-table-price fw-2 text-black mt-15">$29/<span class="fw-4">Month</span></div> </div> </div> <div class="price-table-body"> <ul class="list-unstyled mb-0"> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Bandwidth:</strong>3GB</li> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Onlinespace:</strong>2GB</li> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Support:</strong><span class="fas fa-check text-green"></span></li> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Domain:</strong>6</li> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Hidden Fees:</strong><span class="fas fa-times"></span></li> </ul> </div> <div class="price-table-footer"> <a target="_blank" href="http://bit.ly/2KCNylA" class="btn btn-blue btn-block">Buy now</a> </div> </div> </div> <div class="col-lg-3"> <div class="bg-white price-table mb-30"> <div class="price-table-border-top bg-orange"></div> <div class="price-table-header d-flex align-items-center justify-content-center text-orange"> <div class="price-table-header-inner"> <div class="price-table-plan fw-3 text-orange">Premium</div> <div class="price-table-price fw-2 text-black mt-15">$39/<span class="fw-4">Month</span></div> </div> </div> <div class="price-table-body"> <ul class="list-unstyled mb-0"> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Bandwidth:</strong>4GB</li> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Onlinespace:</strong>3GB</li> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Support:</strong>Unlimited</li> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Domain:</strong>6</li> <li class="d-flex justify-content-center align-items-center"><strong class="text-black mr-2 d-block d-lg-none">Hidden Fees:</strong><span class="fas fa-times"></span></li> </ul> </div> <div class="price-table-footer"> <a target="_blank" href="http://bit.ly/2KCNylA" class="btn btn-orange btn-block">Buy now</a> </div> </div> </div> </div> </div> </section> <!-- End Affordable Price ================================================== --> <!-- Start Our Portfolio ================================================== --> <section id="portfolio" class="pt-100 bg-grey"> <div class="container"> <div class="row justify-content-center text-center mb-60"> <div class="col-lg-12"> <h2 class="text-black fw-3">Our <strong class="fw-7">Portfolio</strong></h2> </div> <div class="col-lg-6"> <p>It seems that only fragments of the original <strong class="fw-7">text remain in the Lorem Ipsum texts used today.</strong> One may speculate</p> </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-lg-12"> <ul class="portfolio-filter list-unstyled text-center text-black portfolio-filter"> <li class="d-inline-block active" data-filter=".all">All</li> <li class="d-inline-block" data-filter=".design">Design</li> <li class="d-inline-block" data-filter=".web">Web</li> <li class="d-inline-block" data-filter=".branding">Branding</li> <li class="d-inline-block" data-filter=".print">Print</li> </ul> </div> </div> <ul class="row list-unstyled mb-0 portfolio-row"> <li class="col-sm-6 col-md-6 col-lg-4 col-xl-3 mt-30 portfolio-col all branding"> <div class="portfolio-item"> <div class="portfolio-item-inner"> <div class="portfolio-item-img"> <img class="img-fluid d-block ml-auto mr-auto w-100" src="images/portfolio/1.jpg" alt="Portfolio"> </div> <div class="portfolio-item-content text-white d-flex justify-content-center align-items-center text-center"> <div> <h6 class="text-uppercase mb-2 fw-6">Project Name</h6> <p class="mb-0">Website Design</p> <a class="portfolio-item-view popup-image" href="images/portfolio/1.jpg"><span class="ti-search"></span></a> <a class="portfolio-item-link" href="#"><span class="ti-link"></span></a> </div> </div> </div> </div> </li> <li class="col-sm-6 col-md-6 col-lg-4 col-xl-3 mt-30 portfolio-col all print web"> <div class="portfolio-item"> <div class="portfolio-item-inner"> <div class="portfolio-item-img"> <img class="img-fluid d-block ml-auto mr-auto w-100" src="images/portfolio/2.jpg" alt="Portfolio"> </div> <div class="portfolio-item-content text-white d-flex justify-content-center align-items-center text-center"> <div> <h6 class="text-uppercase mb-2 fw-6">Project Name</h6> <p class="mb-0">Website Design</p> <a class="portfolio-item-view popup-image" href="images/portfolio/2.jpg"><span class="ti-search"></span></a> <a class="portfolio-item-link" href="#"><span class="ti-link"></span></a> </div> </div> </div> </div> </li> <li class="col-sm-6 col-md-6 col-lg-4 col-xl-3 mt-30 portfolio-col all branding"> <div class="portfolio-item"> <div class="portfolio-item-inner"> <div class="portfolio-item-img"> <img class="img-fluid d-block ml-auto mr-auto w-100" src="images/portfolio/3.jpg" alt="Portfolio"> </div> <div class="portfolio-item-content text-white d-flex justify-content-center align-items-center text-center"> <div> <h6 class="text-uppercase mb-2 fw-6">Project Name</h6> <p class="mb-0">Website Design</p> <a class="portfolio-item-view popup-image" href="images/portfolio/3.jpg"><span class="ti-search"></span></a> <a class="portfolio-item-link" href="#"><span class="ti-link"></span></a> </div> </div> </div> </div> </li> <li class="col-sm-6 col-md-6 col-lg-4 col-xl-3 mt-30 portfolio-col all print design"> <div class="portfolio-item"> <div class="portfolio-item-inner"> <div class="portfolio-item-img"> <img class="img-fluid d-block ml-auto mr-auto w-100" src="images/portfolio/4.jpg" alt="Portfolio"> </div> <div class="portfolio-item-content text-white d-flex justify-content-center align-items-center text-center"> <div> <h6 class="text-uppercase mb-2 fw-6">Project Name</h6> <p class="mb-0">Website Design</p> <a class="portfolio-item-view popup-image" href="images/portfolio/4.jpg"><span class="ti-search"></span></a> <a class="portfolio-item-link" href="#"><span class="ti-link"></span></a> </div> </div> </div> </div> </li> <li class="col-sm-6 col-md-6 col-lg-4 col-xl-3 mt-30 portfolio-col all print web"> <div class="portfolio-item"> <div class="portfolio-item-inner"> <div class="portfolio-item-img"> <img class="img-fluid d-block ml-auto mr-auto w-100" src="images/portfolio/5.jpg" alt="Portfolio"> </div> <div class="portfolio-item-content text-white d-flex justify-content-center align-items-center text-center"> <div> <h6 class="text-uppercase mb-2 fw-6">Project Name</h6> <p class="mb-0">Website Design</p> <a class="portfolio-item-view popup-image" href="images/portfolio/5.jpg"><span class="ti-search"></span></a> <a class="portfolio-item-link" href="#"><span class="ti-link"></span></a> </div> </div> </div> </div> </li> <li class="col-sm-6 col-md-6 col-lg-4 col-xl-3 mt-30 portfolio-col all design"> <div class="portfolio-item"> <div class="portfolio-item-inner"> <div class="portfolio-item-img"> <img class="img-fluid d-block ml-auto mr-auto w-100" src="images/portfolio/6.jpg" alt="Portfolio"> </div> <div class="portfolio-item-content text-white d-flex justify-content-center align-items-center text-center"> <div> <h6 class="text-uppercase mb-2 fw-6">Project Name</h6> <p class="mb-0">Website Design</p> <a class="portfolio-item-view popup-image" href="images/portfolio/6.jpg"><span class="ti-search"></span></a> <a class="portfolio-item-link" href="#"><span class="ti-link"></span></a> </div> </div> </div> </div> </li> <li class="col-sm-6 col-md-6 col-lg-4 col-xl-3 mt-30 portfolio-col all web"> <div class="portfolio-item"> <div class="portfolio-item-inner"> <div class="portfolio-item-img"> <img class="img-fluid d-block ml-auto mr-auto w-100" src="images/portfolio/7.jpg" alt="Portfolio"> </div> <div class="portfolio-item-content text-white d-flex justify-content-center align-items-center text-center"> <div> <h6 class="text-uppercase mb-2 fw-6">Project Name</h6> <p class="mb-0">Website Design</p> <a class="portfolio-item-view popup-image" href="images/portfolio/7.jpg"><span class="ti-search"></span></a> <a class="portfolio-item-link" href="#"><span class="ti-link"></span></a> </div> </div> </div> </div> </li> <li class="col-sm-6 col-md-6 col-lg-4 col-xl-3 mt-30 portfolio-col all branding"> <div class="portfolio-item"> <div class="portfolio-item-inner"> <div class="portfolio-item-img"> <img class="img-fluid d-block ml-auto mr-auto w-100" src="images/portfolio/8.jpg" alt="Portfolio"> </div> <div class="portfolio-item-content text-white d-flex justify-content-center align-items-center text-center"> <div> <h6 class="text-uppercase mb-2 fw-6">Project Name</h6> <p class="mb-0">Website Design</p> <a class="portfolio-item-view popup-image" href="images/portfolio/8.jpg"><span class="ti-search"></span></a> <a class="portfolio-item-link" href="#"><span class="ti-link"></span></a> </div> </div> </div> </div> </li> </ul> <div class="row text-center"> <div class="col-lg-12"> <a href="#" class="btn btn-green mt-60">LOAD MORE</a> </div> </div> </div> <div class="container-fluid mt-100"> <div class="row"> <div class="col-lg-12"> <h6 class="text-black text-center fw-6 mb-5">Some awesome companies we've had the pleasure to work with</h6> </div> </div> <div class="row"> <div id="partner-slider-2" class="owl-carousel owl-theme partner-slider"> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-11.png" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-12.png" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-13.png" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-14.png" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-15.png" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-16.png" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-17.png" alt="Partner Logo"> </a> <a class="d-flex justify-content-center align-items-center item" href="javascript:void(0);"> <img class="img-fluid d-block ml-auto mr-auto" src="images/company/logo-18.png" alt="Partner Logo"> </a> </div> </div> </div> </section> <!-- End Our Portfolio ================================================== --> <!-- Start Frequently Asked Questions ================================================== --> <section id="faq" class="position-relative"> <div class="container-fluid"> <div class="row"> <div class="col-lg-6 bg-white"> <div class="section pl-sm-5 pr-sm-5"> <div class="mb-60"> <h2 class="text-black fw-3">Frequently <strong class="fw-7">Asked</strong> <span class="text-orange">Questions</span></h2> <p>It seems that only fragments of the <i> original text remain in the Lorem Ipsum texts used today.</i> One may speculate</p> </div> <div id="accordion"> <div class="card"> <div class="card-header p-0"> <h6 class="mb-0"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true"> <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>consectetur adipisicing elit, sed ? </a> </h6> </div> <div id="collapse1" class="collapse show" data-parent="#accordion"> <div class="card-body"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodas temporo incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrd exercitation ullamco laboris nisi ut aliquip ex comodo consequat. Duis aute dolor in reprehenderit. </div> </div> </div> <div class="card"> <div class="card-header p-0"> <h6 class="mb-0"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="true"> <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>temporo incididunt ut labore et dolore ? </a> </h6> </div> <div id="collapse2" class="collapse" data-parent="#accordion"> <div class="card-body"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodas temporo incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrd exercitation ullamco laboris nisi ut aliquip ex comodo consequat. Duis aute dolor in reprehenderit. </div> </div> </div> <div class="card"> <div class="card-header p-0"> <h6 class="mb-0"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse3" aria-expanded="true"> <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>quis nostrd exercitation ullamco laboris ? </a> </h6> </div> <div id="collapse3" class="collapse" data-parent="#accordion"> <div class="card-body"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodas temporo incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrd exercitation ullamco laboris nisi ut aliquip ex comodo consequat. Duis aute dolor in reprehenderit. </div> </div> </div> <div class="card"> <div class="card-header p-0"> <h6 class="mb-0"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse4" aria-expanded="true"> <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>Duis aute dolor in reprehenderit. ? </a> </h6> </div> <div id="collapse4" class="collapse" data-parent="#accordion"> <div class="card-body"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodas temporo incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrd exercitation ullamco laboris nisi ut aliquip ex comodo consequat. Duis aute dolor in reprehenderit. </div> </div> </div> <div class="card"> <div class="card-header p-0"> <h6 class="mb-0"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse5" aria-expanded="true"> <span class="accordion-icon ti-plus d-flex align-items-center justify-content-center"></span>consectetur adipisicing elit, sed ? </a> </h6> </div> <div id="collapse5" class="collapse" data-parent="#accordion"> <div class="card-body"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodas temporo incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrd exercitation ullamco laboris nisi ut aliquip ex comodo consequat. Duis aute dolor in reprehenderit. </div> </div> </div> </div> </div> </div> <div class="col-lg-6 d-none d-lg-block" data-parallax data-speed="0.2" data-pos-x="right" data-src="images/banner/img-3.jpg"></div> </div> </div> </section> <!-- End Frequently Asked Questions ================================================== --> <!-- Start What Our Customer Said ================================================== --> <section id="testimonial" class="section pattern-2"> <div class="overlay-black"></div> <div class="container"> <div class="row justify-content-center text-center text-white mb-60"> <div class="col-lg-12"> <h2 class="fw-3">What Our <strong class="fw-7">Customer</strong> <span class="text-orange">Said</span></h2> </div> <div class="col-lg-6"> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> </div> <div class="row justify-content-center"> <div id="testimonial-slider" class="owl-carousel owl-theme"> <div class="col-lg-12"> <div class="testimonial bg-white text-center p-5 position-relative"> <span class="quote-icon"><span class="ti-quote-right position-relative"></span></span> <span class="testimonial-img mb-5"><img class="img-fluid mx-auto d-block" src="images/testimonial/1.jpg" alt="Testimonial Image"></span> <div class="mb-5"> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculateIt seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> <h6 class="text-black fw-6">Dinesh Vadilal</h6> <p>CEO , Image Generator</p> </div> </div> <div class="col-lg-12"> <div class="testimonial bg-white text-center p-5 position-relative"> <span class="quote-icon"><span class="ti-quote-right position-relative"></span></span> <span class="testimonial-img mb-5"><img class="img-fluid mx-auto d-block" src="images/testimonial/2.jpg" alt="Testimonial Image"></span> <div class="mb-5"> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculateIt seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> <h6 class="text-black fw-6">Dinesh Vadilal</h6> <p>CEO , Image Generator</p> </div> </div> <div class="col-lg-12"> <div class="testimonial bg-white text-center p-5 position-relative"> <span class="quote-icon"><span class="ti-quote-right position-relative"></span></span> <span class="testimonial-img mb-5"><img class="img-fluid mx-auto d-block" src="images/testimonial/3.jpg" alt="Testimonial Image"></span> <div class="mb-5"> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculateIt seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> <h6 class="text-black fw-6">Dinesh Vadilal</h6> <p>CEO , Image Generator</p> </div> </div> <div class="col-lg-12"> <div class="testimonial bg-white text-center p-5 position-relative"> <span class="quote-icon"><span class="ti-quote-right position-relative"></span></span> <span class="testimonial-img mb-5"><img class="img-fluid mx-auto d-block" src="images/testimonial/4.jpg" alt="Testimonial Image"></span> <div class="mb-5"> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculateIt seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> <h6 class="text-black fw-6">Dinesh Vadilal</h6> <p>CEO , Image Generator</p> </div> </div> </div> </div> </div> </section> <!-- End What Our Customer Said ================================================== --> <!-- Start Our Awesome Team ================================================== --> <section class="section bg-grey"> <div class="container"> <div class="row justify-content-center text-center mb-60"> <div class="col-lg-12"> <h2 class="text-black fw-3">Our <strong class="fw-7">Awesome</strong> <span class="text-orange">Team</span></h2> </div> <div class="col-lg-6"> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> </div> <div class="row"> <div id="team-slider" class="owl-carousel owl-theme"> <div class="col-lg-12"> <div class="team text-center"> <div class="team-image"> <div class="team-thumbnail"> <img class="img-fluid d-block mx-auto" src="images/team/1.png" alt="Team Image"> </div> <div class="team-overlay"></div> <div class="team-social"> <a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="#"><i class="fab fa-twitter"></i></a> <a target="_blank" href="#"><i class="fab fa-linkedin-in"></i></a> <a target="_blank" href="#"><i class="fab fa-google-plus-g"></i></a> </div> </div> <div class="team-meta"> <h6 class="text-black font-weight-bold mb-1 mt-4">John Franklin</h6> <p>HR , Image Generator</p> </div> </div> </div> <div class="col-lg-12"> <div class="team text-center"> <div class="team-image"> <div class="team-thumbnail"> <img class="img-fluid d-block mx-auto" src="images/team/2.png" alt="Team Image"> </div> <div class="team-overlay"></div> </div> <div class="team-meta"> <h6 class="text-black font-weight-bold mb-1 mt-4">Alen Devonate</h6> <p>CEO, Image Generator</p> </div> </div> </div> <div class="col-lg-12"> <div class="team text-center"> <div class="team-image"> <div class="team-thumbnail"> <img class="img-fluid d-block mx-auto" src="images/team/3.png" alt="Team Image"> </div> <div class="team-overlay"></div> </div> <div class="team-meta"> <h6 class="text-black font-weight-bold mb-1 mt-4">Adam Lewis</h6> <p>Web Developer , Image Generator</p> </div> </div> </div> </div> </div> </div> </section> <!-- End Our Awesome Team ================================================== --> <!-- Start WE ARE HIRING CREATIVE PEOPLE ================================================== --> <section id="hire-us" class="section bg-white"> <div class="container"> <div class="row align-items-center justify-content-between"> <div class="col-lg-7"> <div class="mb-30"> <h2 class="text-uppercase text-black fw-3">we are <strong class="fw-7 text-orange">hiring creative</strong> people</h2> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> <p><span class="dropcaps text-blue">L</span>orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survive</p> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour</p> </div> <div class="col-lg-4"> <div class="drop-cv mt-30"> <input type="file" class="custom-file-input"> <div class="drop-cv-inner"> <span class="ti-user cv-icon"></span> <p class="mt-2">Drop Your CV</p> </div> </div> </div> </div> </div> </section> <!-- End WE ARE HIRING CREATIVE PEOPLE ================================================== --> <!-- Start Our Latest News ================================================== --> <section class="section bg-grey"> <div class="container"> <div class="row justify-content-center text-center mb-60"> <div class="col-lg-12"> <h2 class="text-black fw-3">Our <strong class="fw-7">Latest</strong> <span class="text-orange">News</span></h2> </div> <div class="col-lg-6"> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> </div> <div class="row justify-content-center"> <div id="blog-slider" class="owl-carousel owl-theme"> <div class="col-lg-12"> <div class="blog"> <div class="blog-img"> <a class="d-block" href="#"> <img class="img-fluid mx-auto d-block" src="images/blog/1.jpg" alt="Blog Image"> </a> </div> <div class="blog-content"> <div class="blog-content-top"> <span class="text-blue">07.08.2016</span> / <a class="text-black" href="#">MARKETING</a> </div> <h5><a href="#">Hands-On, Camera-Off with the Oculus vr Prototype</a></h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore...</p> <div class="blog-content-bottom clearfix"> <div class="float-left"> <a class="blog-read-more" href="#">Read Post<span class="fas fa-chevron-right"></span></a> </div> <div class="float-right"> <ul class="list-unstyled mb-0 blog-social-share"> <li><a href="#"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#"><i class="fab fa-twitter"></i></a></li> <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li> <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li> </ul> </div> </div> </div> <div class="blog-bottom-border bg-green"></div> </div> </div> <div class="col-lg-12"> <div class="blog"> <div class="blog-img"> <a class="d-block" href="#"> <img class="img-fluid mx-auto d-block" src="images/blog/2.jpg" alt="Blog Image"> </a> </div> <div class="blog-content"> <div class="blog-content-top"> <span class="text-blue">07.08.2016</span> / <a class="text-black" href="#">MARKETING</a> </div> <h5><a href="#">Report: Verizon Wants $1 Billion Discount After Yahoo</a></h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore...</p> <div class="blog-content-bottom clearfix"> <div class="float-left"> <a class="blog-read-more" href="#">Read Post<span class="fas fa-chevron-right"></span></a> </div> <div class="float-right"> <ul class="list-unstyled mb-0 blog-social-share"> <li><a href="#"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#"><i class="fab fa-twitter"></i></a></li> <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li> <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li> </ul> </div> </div> </div> <div class="blog-bottom-border bg-blue"></div> </div> </div> <div class="col-lg-12"> <div class="blog"> <div class="blog-img"> <a class="d-block" href="#"> <img class="img-fluid mx-auto d-block" src="images/blog/3.jpg" alt="Blog Image"> </a> </div> <div class="blog-content"> <div class="blog-content-top"> <span class="text-blue">07.08.2016</span> / <a class="text-black" href="#">MARKETING</a> </div> <h5><a href="#">Watch an Uber Self-Driving Car Give Steelers a Ride</a></h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore...</p> <div class="blog-content-bottom clearfix"> <div class="float-left"> <a class="blog-read-more" href="#">Read Post<span class="fas fa-chevron-right"></span></a> </div> <div class="float-right"> <ul class="list-unstyled mb-0 blog-social-share"> <li><a href="#"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#"><i class="fab fa-twitter"></i></a></li> <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li> <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li> </ul> </div> </div> </div> <div class="blog-bottom-border bg-dark-blue"></div> </div> </div> <div class="col-lg-12"> <div class="blog"> <div class="blog-img"> <a class="d-block" href="#"> <img class="img-fluid mx-auto d-block" src="images/blog/4.jpg" alt="Blog Image"> </a> </div> <div class="blog-content"> <div class="blog-content-top"> <span class="text-blue">07.08.2016</span> / <a class="text-black" href="#">MARKETING</a> </div> <h5><a href="#">Apple Loses Patent Retrial to the Litigious VirnetX</a></h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore...</p> <div class="blog-content-bottom clearfix"> <div class="float-left"> <a class="blog-read-more" href="#">Read Post<span class="fas fa-chevron-right"></span></a> </div> <div class="float-right"> <ul class="list-unstyled mb-0 blog-social-share"> <li><a href="#"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#"><i class="fab fa-twitter"></i></a></li> <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li> <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li> </ul> </div> </div> </div> <div class="blog-bottom-border bg-yellow"></div> </div> </div> <div class="col-lg-12"> <div class="blog"> <div class="blog-img"> <a class="d-block" href="#"> <img class="img-fluid mx-auto d-block" src="images/blog/5.jpg" alt="Blog Image"> </a> </div> <div class="blog-content"> <div class="blog-content-top"> <span class="text-blue">07.08.2016</span> / <a class="text-black" href="#">MARKETING</a> </div> <h5><a href="#">Twitch Announces Twitch Prime and Loyalty Badges</a></h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore...</p> <div class="blog-content-bottom clearfix"> <div class="float-left"> <a class="blog-read-more" href="#">Read Post<span class="fas fa-chevron-right"></span></a> </div> <div class="float-right"> <ul class="list-unstyled mb-0 blog-social-share"> <li><a href="#"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#"><i class="fab fa-twitter"></i></a></li> <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li> <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li> </ul> </div> </div> </div> <div class="blog-bottom-border bg-orange"></div> </div> </div> <div class="col-lg-12"> <div class="blog"> <div class="blog-img"> <a class="d-block" href="#"> <img class="img-fluid mx-auto d-block" src="images/blog/6.jpg" alt="Blog Image"> </a> </div> <div class="blog-content"> <div class="blog-content-top"> <span class="text-blue">07.08.2016</span> / <a class="text-black" href="#">MARKETING</a> </div> <h5><a href="#">Twitch Announces Twitch Prime and Loyalty Badges</a></h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore...</p> <div class="blog-content-bottom clearfix"> <div class="float-left"> <a class="blog-read-more" href="#">Read Post<span class="fas fa-chevron-right"></span></a> </div> <div class="float-right"> <ul class="list-unstyled mb-0 blog-social-share"> <li><a href="#"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#"><i class="fab fa-twitter"></i></a></li> <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li> <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li> </ul> </div> </div> </div> <div class="blog-bottom-border bg-dark-pink"></div> </div> </div> </div> </div> </div> </section> <!-- End Our Latest News ================================================== --> <!-- Start Map ================================================== --> <div id="map" class="section map"></div> <!-- End Map ================================================== --> <!-- Start Have any project? Send a message ================================================== --> <section class="pt-5 pb-5 bg-orange text-white text-center position-relative"> <span class="have-project-icon bg-orange text-white"><i class="fas fa-paper-plane"></i></span> <div class="container"> <div class="row"> <div class="col-lg-12"> <h2 class="fw-3 mb-0">Have any <strong class="fw-7">project</strong>? Send a <strong class="fw-7">message</strong></h2> </div> </div> </div> </section> <!-- End Have any project? Send a message ================================================== --> <!-- Start Get in touch today ================================================== --> <section id="contact" class="section bg-grey"> <div class="container"> <div class="row justify-content-center text-center mb-60"> <div class="col-lg-12"> <h2 class="text-black fw-3">Get in <strong class="fw-7">touch</strong> <span class="text-orange">today</span></h2> </div> <div class="col-lg-6"> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> </div> <div class="row"> <div class="col-lg-4"> <div class="media mb-5"> <span class="ti-mobile h2 align-self-center"></span> <div class="media-body pl-3"> <h6 class="mb-1 text-black fw-6">Customer care:</h6> <p>+001 234 567 890</p> </div> </div> <div class="media mb-5"> <span class="ti-email h2 align-self-center"></span> <div class="media-body pl-3"> <h6 class="mb-1 text-black fw-6">Email Address:</h6> <p>support@website.com</p> </div> </div> <div class="media mb-5"> <span class="ti-location-pin h2 align-self-center"></span> <div class="media-body pl-3"> <h6 class="mb-1 text-black fw-6">Office Address:</h6> <p>4461 Cedar Street Moro, AR 72368</p> </div> </div> <div class="media mb-5"> <span class="ti-calendar h2 align-self-center"></span> <div class="media-body pl-3"> <h6 class="mb-1 text-black fw-6">Office Time:</h6> <p>Mon - Fri 08:00 - 19:00</p> </div> </div> </div> <div class="col-lg-8"> <form class="needs-validation" method="post" action=""> <div class="row"> <div class="col-lg-12"> <div class="messages"></div> </div> </div> <div class="row"> <div class="col-lg-6 col-sm-6"> <div class="form-group"> <div class="position-relative"> <input type="text" name="name" class="form-control" required="required" data-error="Name is required."> <label>Name<span class="text-danger">*</span></label> <span class="focus-border bg-blue"></span> </div> <div class="help-block with-errors text-danger"></div> </div> </div> <div class="col-lg-6 col-sm-6"> <div class="form-group"> <div class="position-relative"> <input type="email" name="email" class="form-control" required="required" data-error="Valid email is required."> <label>Email<span class="text-danger">*</span></label> <span class="focus-border bg-blue"></span> </div> <div class="help-block with-errors text-danger"></div> </div> </div> </div> <div class="row"> <div class="col-lg-6 col-sm-6"> <div class="form-group"> <div class="position-relative"> <input type="tel" name="phone" class="form-control"> <label>Phone</label> <span class="focus-border bg-blue"></span> </div> <div class="help-block with-errors text-danger"></div> </div> </div> <div class="col-lg-6 col-sm-6"> <div class="form-group"> <div class="position-relative"> <input type="text" name="subject" class="form-control" required="required" data-error="Subject is required."> <label>Subject<span class="text-danger">*</span></label> <span class="focus-border bg-blue"></span> </div> <div class="help-block with-errors text-danger"></div> </div> </div> </div> <div class="row"> <div class="col-lg-12 col-sm-12"> <div class="form-group"> <div class="position-relative"> <textarea name="message" class="form-control" rows="8" required="required" data-error="Please,leave us a message."></textarea> <label>Message<span class="text-danger">*</span></label> <span class="focus-border bg-blue"></span> </div> <div class="help-block with-errors text-danger"></div> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <button type="submit" class="btn btn-send btn-blue">Send message<i class="far fa-paper-plane pl-3"></i></button> </div> </div> </form> </div> </div> </div> </section> <!-- End Get in touch today ================================================== --> <!-- Start Footer ================================================== --> <footer class="section bg-black text-white"> <div class="container"> <div class="row justify-content-center text-center mb-30"> <div class="col-lg-12"> <h2 class="fw-3"><span class="text-uppercase fw-2">Re<span class="fw-7 text-blue">intive</span></span></h2> </div> <div class="col-lg-6"> <p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate</p> </div> </div> <div class="row text-center"> <div class="col-lg-12"> <p>2018 © Reintive. Powered by <a class="text-white" href="#">Image Generator</a></p> </div> </div> <div class="row text-center mt-4"> <div class="col-lg-12"> <ul class="list-unstyled mb-0 footer-social"> <li><a href="#"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#"><i class="fab fa-twitter"></i></a></li> <li><a href="#"><i class="fab fa-instagram"></i></a></li> <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li> <li><a href="#"><i class="fab fa-youtube"></i></a></li> </ul> </div> </div> </div> </footer> <!-- End Footer ================================================== --> <!-- Start Back to Top ================================================== --> <a href="#" class="back-to-top" id="back-to-top"><span class="ti-arrow-up"></span></a> <!-- End Back to Top ================================================== --> <script src="js/jquery.min.js"></script><!-- jquery JS --> <script src="js/plugins.js"></script><!-- Plugins JS --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBhS88E7WGYgrr2chM0z94OLBWKNDXxESk"></script><!-- Google Map JS --> <script src="js/app.js"></script><!-- Custom JS --> </body> </html>