Created:01/08/2018
By: eztemplate
Thank you for purchasing our landing page. If you have any questions that are beyond the scope of this help file, please contact our support. Thanks so much!
Below is the general HTML structure of the landing page.
The landing page's layout consist of top that show the logo and main menu, hero section that show background image, beforecontent that show some amaizing content, about section contain about your some info & feature, service section contained all services, work section you can showcase your portfolio with awesome animation, skills section here you can add some skills, team section is for your team members, testimonial section here you can published your customer reviews, call to action this for call to action content, contact section here you can put your contact information & footer that show copyright information.
<!doctype html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <head> <meta charset="UTF-8"> <meta name="Applook" content="Applook web page"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <title>Applook</title> <!-- Font Awesome CSS --> <link rel="stylesheet" href="css/font-awesome.min.css"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Slick CSS --> <linkrel="stylesheet" href="assets/css/slick.css"> <!-- custom CSS --> <link rel="stylesheet" href="assets/css/custom.css"> <!-- bxslider CSS --> <link rel="stylesheet" href="assets/css/jquery.bxslider.css"> </head> <body data-spy="scroll" data-target="#navmenu" data-offset="70"> <!--[if lt IE 8]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <div class="loaderdiv spinner">/div> </div><!-- Preloader --> <header class="header"> </header><!-- Header Section --> <section class="image-slider"> </section><!-- Image-Slider Section --> <section id="home" class="about-us"> </section><!-- About-Us Section --> <section id="service" class="service"> </section><!-- Services Section --> <section id="portfolio" class="tab-main-block"> </section><!-- Portfolio Section --> <section id="screenshot" class="section-screenshots"> </section><!-- Screenshots Section --> <section id="testimonil" class="testimonil"> </section> <!-- Testimonil Section --> <section id="blog" class="home-blog"> </section><!-- Blog Section --> <div class="google-map Section"> </div><!-- google-map --> <footer id="contact" class="footer-bg"> </footer><!-- /.footer_section --> <a data-scroll href="#header" id="scroll-to-top"><i class="arrow_carrot-up"></i></a> <!-- Bootstrap JS --> <script src="assets/js/bootstrap.min.js"></script> <!-- Jquery-min JS --> <script src="assets/js/jquery-3.3.1.min.js"></script> <!-- Slick JS --> <script src="assets/js/slick.min.js"></script> <!-- Tilt JS --> <script src="assets/js/tilt.jquery.js"></script> <!-- Swiper JS --> <script src="js/vendor/swiper.min.js"></script> <!-- Bxslider JS --> <script src="assets/js/jquery.bxslider.js"></script> <!-- Custom JS --> <script src="assets/js/custom.js"></script> </body> </html>
The site is made of many sections like header, slider, testimonials, services and more...
<header> <div class="header" > <div class="container"> <div class="row"> <div class="logo col-sm-6"> <a class="header-logo" href="index.html"><img src="assets/img/logo.png" alt="theme-logo"></a> </div> <div class="right-nav col-sm-6"> <div class="right-wrapper"> <div class="sidenav"> <div class="wrapper"> <!-- Sidebar --> <!-- Page Content --> <div id="content" class="btn-nav"> <button type="button" id="sidebarCollapse" > <i class="fa fa-bars" aria-hidden="true"></i> </button> <nav id="sidebar"> <div id="dismiss"> <i class="fa fa-times" aria-hidden="true"></i> </div> <img src="assets/img/logo.png" alt="theme-logo" class="sidebar-logo"> <ul class="list-unstyled components"> <li class="active"> <a class="smoothscroll" href="#home" title="home">Home</a> </li> <li> <a class="smoothscroll" href="#about" title="about">About</a> </li> <li> <a class="smoothscroll" href="#service" title="service">Service</a> </li> <li> <a class="smoothscroll" href="#portfolio" title="portfolio">Portfolio</a> </li> <li> <a class="smoothscroll" href="#screenshot" title="screenshot">our screenshot</a> </li> <li> <a class="smoothscroll" href="#testimonil" title="our team">our Team</a> </li> <li> <a class="smoothscroll" href="#blog" title="blog">our Blog</a> </li> <li> <a class="smoothscroll" href="#contact" title="contact">Contact</a> </li> </ul> </nav> </div> <!-- Dark Overlay element --> <div class="overlay"></div> </div> </div> <div class="header-contact-us"> <a href="#contact" class="contact-us-btn btn smoothscroll">Contact Us</a> </div> </div> </div> </div> </div> </div> </header>!-- Header Section -->
<div class="image-slider"> <div class="container"> <div class="img-details"> <p class="img-desc"><span>Delicious</span> App<br> Landing Theme</p> <p class="img-title">Download This App</p> <div class="img-bottom"> <a class="img-left" href="#"><img src="assets/img/left-img.png" alt="left-img.png"></a> <a class="img-right" href="#"><img src="assets/img/right-img.png" alt="right-img.png"></a> </div> </div> </div> <div class="slider-bottom-img js-tilt" data-tilt-axis="x" data-tilt-perspective="1000" data-tilt-scale="1" data-tilt-speed="400" data-tilt-max="10"> <a class="img-right" href="#"><img src="assets/img/mobile-main.png" alt="mobile-main.png"></a> </div> </div>!-- Image-Slider Section -->
<div class="container"> <div class="about-us" id="about"> <div class="row"> <div class="col-sm-7 about-us-contain"> <h2 class="title"><b>About</b> Us</h2> <p class="about-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco </p> <p class="about-desc about-desc-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p> <div class="about-content"> <ul class="about-content-top"> <li class="item"><span class="about-icon img-1"></span><a href="#">Best template</a></li> <li class="item"><span class="about-icon img-2"></span><a href="#">Unique Design</a></li> <li class="item"><span class="about-icon img-3"></span><a href="#">100% Responsive</a></li> </ul> <ul class="about-content-bottom"> <li class="item"><span class="about-icon img-4"></span><a href="#">Psd is included</a></li> <li class="item"><span class="about-icon img-5"></span><a href="#">Multi Platform</a></li> <li class="item"><span class="about-icon img-6"></span><a href="#">Documentation</a></li> </ul> </div> </div> <div class="col-sm-5 about-us-img"> <a class="img-about" href="#"><img src="assets/img/about-mobile.png" alt="about-mobile.png" class="about-img"></a> </div> </div> </div> </div>!-- About-Us Section -->
<div class="service" id="service"> <div class="container"> <div class="row"> <div class="col-sm-3 service-block"> <div class="service-img "> <div class="img-1 img-main "></div> </div> <p class="service-title">High Resolution</p> <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing</p> </div> <div class="col-sm-3 service-block"> <div class="service-img "> <div class="img-2 img-main "></div> </div> <p class="service-title">Modern Design</p> <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing</p> </div> <div class="col-sm-3 service-block"> <div class="service-img "> <div class="img-3 img-main "></div> </div> <p class="service-title">Easy Installation</p> <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing</p> </div> <div class="col-sm-3 service-block"> <div class="service-img "> <div class="img-4 img-main "></div> </div> <p class="service-title">Extra Booster</p> <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing</p> </div> </div> </div> </div>!-- Services Section -->
div class="tab-main-block" id="portfolio"> <div class="container"> <div class="tab-menu-main"> <div class="row"> <div class="col-sm-3 tab-block-left"> <div class="tab-img"> <a class="img-about" href="#"><img src="assets/img/Mob-02.png" alt="Mob-02.png"></a> </div> </div> <div class="col-sm-4 navtab-left"> <ul class="nav nav-tabs bxslider" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#FirstFrame" role="tab" aria-controls="FirstFrame"> <div class="tab-block"> <div class="tab-img-wrapper"> <div class="tab-images"> <div class="tab-image img-1"></div> </div> </div> <div class="tab-details"> <p class="tab-title">3d video show</p> <p class="tab-desc">Lorem ipsum dolor sit amet, consectetur adipisicing</p> </div> </div> </a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#Sunglasses" role="tab" aria-controls="Sunglasses"> <div class="tab-block"> <div class="tab-img-wrapper"> <div class="tab-images"> <div class="tab-image img-2"></div> </div> </div> <div class="tab-details"> <p class="tab-title">Infinite colors</p> <p class="tab-desc">Lorem ipsum dolor sit amet, consectetur adipisicing</p> </div> </div> </a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#Eyeglasses" role="tab" aria-controls="Eyeglasses"> <div class="tab-block"> <div class="tab-img-wrapper"> <div class="tab-images"> <div class="tab-image img-3"></div> </div> </div> <div class="tab-details"> <p class="tab-title">Free updates</p> <p class="tab-desc">Lorem ipsum dolor sit amet, consectetur adipisicing</p> </div> </div> </a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#delete" role="tab" aria-controls="Eyeglasses"> <div class="tab-block"> <div class="tab-img-wrapper"> <div class="tab-images"> <div class="tab-image img-3"></div> </div> </div> <div class="tab-details"> <p class="tab-title">SEO</p> <p class="tab-desc">Lorem ipsum dolor sit amet, consectetur adipisicing</p> </div> </div> </a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#upload" role="tab" aria-controls="Sunglasses"> <div class="tab-block"> <div class="tab-img-wrapper"> <div class="tab-images"> <div class="tab-image img-2"></div> </div> </div> <div class="tab-details"> <p class="tab-title">upload videos</p> <p class="tab-desc">Lorem ipsum dolor sit amet, consectetur adipisicing</p> </div> </div> </a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#download" role="tab" aria-controls="Eyeglasses"> <div class="tab-block"> <div class="tab-img-wrapper"> <div class="tab-images"> <div class="tab-image img-3"></div> </div> </div> <div class="tab-details"> <p class="tab-title">download</p> <p class="tab-desc">Lorem ipsum dolor sit amet, consectetur adipisicing</p> </div> </div> </a> </li> </ul> </div> <div class="col-sm-5 tab-content"> <div class="tab-pane active" id="FirstFrame" role="tabpanel"> <p class="tab-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p> <p class="tab-desc">It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem </p> </div> <div class="tab-pane" id="Sunglasses" role="tabpanel"> display2 </div> <div class="tab-pane" id="Eyeglasses" role="tabpanel"> display3 </div> <div class="tab-pane" id="delete" role="tabpanel"> display4 </div> <div class="tab-pane" id="upload" role="tabpanel"> display5 </div> <div class="tab-pane" id="download" role="tabpanel"> display6 </div> </div> </div> </div> </div> </div>!-- Portfolio Section -->
<div class="section-screenshots" id="screenshot"> <div class="container"> <div class="screenshots-title"> <h2 class="title"><b>Our</b> screenshot</h2> </div> <div class="snap-bg-img"> <img src="assets/img/light-left.png" alt="light-left.png" class="img-fluid mobile-light-left"> <img src="assets/img/light-right.png" alt="light-right.png" class="img-fluid mobile-light-right"> </div> <div class="screenshots-img autoplay"> <a class="img-snap" href="#"><img src="assets/img/screenshots/1.jpg" alt="1.jpg" class="img-fluid"></a> <a class="img-snap" href="#"><img src="assets/img/screenshots/2.jpg" alt="2.jpg" class="img-fluid"></a> <a class="img-snap" href="#"><img src="assets/img/screenshots/3.jpg" alt="3.jpg" class="img-fluid"></a> <a class="img-snap" href="#"><img src="assets/img/screenshots/4.jpg" alt="4.jpg" class="img-fluid"></a> <a class="img-snap" href="#"><img src="assets/img/screenshots/5.jpg" alt="5.jpg" class="img-fluid"></a> <a class="img-snap" href="#"><img src="assets/img/screenshots/6.jpg" alt="6.jpg" class="img-fluid"></a> <a class="img-snap" href="#"><img src="assets/img/screenshots/7.jpg" alt="7.jpg" class="img-fluid"></a> </div> </div> </div>!-- Screenshots Section -->
<div class="testimonil" id="testimonil"> <div class="container"> <div class="row"> <div class="col-sm-3 testimonil-title"> <h2 class="title"><b>Our</b> Team</h2> </div> <div class="col-sm-9"> <div class="testimonil-main multiple-items"> <div class="testimonil-block"> <div class="testimonil-desc"> <div class="testi-img"><img src="assets/img/testimonil/test-1.jpg" class="img-fluid" alt="person-1.jpg"> </div> <h2 class="name">john doe</h2> <h3 class="designation">Developer</h3> </div> <div class="testimonil-icon"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> </div> </div> <div class="testimonil-block"> <div class="testimonil-desc"> <div class="testi-img"><img src="assets/img/testimonil/test-2.jpg" class="img-fluid" alt="person-1.jpg"></div> <h2 class="name">john doe</h2> <h3 class="designation">Developer</h3> </div> <div class="testimonil-icon"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> </div> </div> <div class="testimonil-block"> <div class="testimonil-desc"> <div class="testi-img"><img src="assets/img/testimonil/test-3.jpg" class="img-fluid" alt="person-1.jpg"></div> <h2 class="name">john doe</h2> <h3 class="designation">Developer</h3> </div> <div class="testimonil-icon"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> </div> </div> <div class="testimonil-block"> <div class="testimonil-desc"> <div class="testi-img"><img src="assets/img/testimonil/test-4.jpg" class="img-fluid" alt="person-1.jpg"></div> <h2 class="name">john doe</h2> <h3 class="designation">Developer</h3> </div> <div class="testimonil-icon"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> </div> </div> <div class="testimonil-block"> <div class="testimonil-desc"> <div class="testi-img"><img src="assets/img/testimonil/test-5.jpg" class="img-fluid" alt="person-1.jpg"></div> <h2 class="name">john doe</h2> <h3 class="designation">Developer</h3> </div> <div class="testimonil-icon"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> </div> </div>!-- Testimonil Section -->
<div class="home-blog" id="blog"> <div class="container"> <div class="row"> <div class="col-sm-6"> <div class="blog-title"> <h2 class="title"><b>Our</b> Blog</h2> </div> <div class="blog-main slider"> <div class="blog-inner"> <div class="blog-img"> <a class="img-blog" href="#"><img src="assets/img/blog/blog-1.jpg" class="img-fluid" alt="blog.jpg"></a> </div> <div class="blog-contain"> <p class="blog-date">25 january 2018</p> <p class="blog-desc">Lorem Ipsum has been the industry's dummy text<span class="short-desc">consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam, </span></p> <a class="blog-btn">Read more</a> </div> </div> <div class="blog-inner"> <div class="blog-img"> <a class="img-blog" href="#"><img src="assets/img/blog/blog-2.jpg" class="img-fluid" alt="blog.jpg"></a> </div> <div class="blog-contain"> <p class="blog-date">25 january 2018</p> <p class="blog-desc">Lorem Ipsum has been the industry's dummy text<span class="short-desc">consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam, </span></p> <a class="blog-btn">Read more</a> </div> </div> <div class="blog-inner"> <div class="blog-img"> <a class="img-blog" href="#"><img src="assets/img/blog/blog-3.jpg" class="img-fluid" alt="blog.jpg"></a> </div> <div class="blog-contain"> <p class="blog-date">25 january 2018</p> <p class="blog-desc">Lorem Ipsum has been the industry's dummy text<span class="short-desc">consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam, </span></p> <a class="blog-btn">Read more</a> </div> </div> <div class="blog-inner"> <div class="blog-img"> <a class="img-blog" href="#"><img src="assets/img/blog/blog-4.jpg" class="img-fluid" alt="blog.jpg"></a> </div> <div class="blog-contain"> <p class="blog-date">25 january 2018</p> <p class="blog-desc">Lorem Ipsum has been the industry's dummy text<span class="short-desc">consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam, </span></p> <a class="blog-btn">Read more</a> </div> </div> <div class="blog-inner"> <div class="blog-img"> <a class="img-blog" href="#"><img src="assets/img/blog/blog-5.jpg" class="img-fluid" alt="blog.jpg"></a> </div> <div class="blog-contain"> <p class="blog-date">25 january 2018</p> <p class="blog-desc">Lorem Ipsum has been the industry's dummy text<span class="short-desc">consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam, </span></p> <a class="blog-btn">Read more</a> </div> </div> <div class="blog-inner"> <div class="blog-img"> <a class="img-blog" href="#"><img src="assets/img/blog/blog-6.jpg" class="img-fluid" alt="blog.jpg"></a> </div> <div class="blog-contain"> <p class="blog-date">25 january 2018</p> <p class="blog-desc">Lorem Ipsum has been the industry's dummy text<span class="short-desc">consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam, </span></p> <a class="blog-btn">Read more</a> </div> </div> </div> </div> <!-- blog-left end --> <!-- blog-right start --> <div class="col-sm-6"> <div class="blog-title"> <h2 class="title"><b>Why</b> We Choice</h2> </div> <div class="blog-service-main"> <div class="blog-service-inner"> <div class="img-wrapper"> <div class="blog-img img-1"></div> </div> <div class="blog-contain"> <p class="blog-service-title">Dark & Bright Menu bar</p> <p class="blog-service-desc">Lorem ipsum dolor sit amet, consectetur adipis icing Lorem ipsum dolor </p> </div> </div> <div class="blog-service-inner"> <div class="img-wrapper"> <div class="blog-img img-2"></div> </div> <div class="blog-contain"> <p class="blog-service-title">Pre-build pages ready</p> <p class="blog-service-desc">Lorem ipsum dolor sit amet, consectetur adipis icing Lorem ipsum dolor </p> </div> </div> <div class="blog-service-inner"> <div class="img-wrapper"> <div class="blog-img img-3"></div> </div> <div class="blog-contain"> <p class="blog-service-title">UI Components</p> <p class="blog-service-desc">Lorem ipsum dolor sit amet, consectetur adipis icing Lorem ipsum dolor </p> </div> </div> <div class="blog-service-inner"> <div class="img-wrapper"> <div class="blog-img img-4"></div> </div> <div class="blog-contain"> <p class="blog-service-title">Application</p> <p class="blog-service-desc">Lorem ipsum dolor sit amet, consectetur adipis icing Lorem ipsum dolor </p> </div> </div> </div> </div> </div> <!-- blog-right end --> </div> </div>!-- Blog Section -->
<div class="google-map"> <div class="map-img" id="map-img" title="google-map"></div> <div class="xs-map-sec"> <div class="xs-maps-wraper"> <div class="map"> <iframe src="https://maps.google.com/maps?width=100&height=600&hl=en&q=New%20York%2C%20USA+(My%20Business%20Name)&ie=UTF8&t=&z=14&iwloc=B&output=embed"></iframe> </div> </div> </div> </div>!-- google-map Section -->
<footer> <div class="footer-bg" id="contact"> <div class="container"> <div class="row"> <div class="col-sm-4"> <div class="contact-us"> <div class="contact-title"> <h2 class="title"><b>Contact</b> Us</h2> </div> <form action="#" method="POST" id="xs-contact-form" class="xs-form"> <div class="row"> <div class="col-md-6"> <input type="text" class="form-control" name="name" placeholder="First Name" id="xs_contact_name"> </div> <div class="col-md-6"> <input type="email" class="form-control invaild" name="email" placeholder="Email" id="xs_contact_email"> </div> </div> <div class="row"> <div class="col-md-12"> <input type="text" class="form-control" name="Subject" placeholder="Subject" id="xs_contact_subject"> </div> </div> <textarea name="massage" placeholder="Your Message" id="x_contact_massage" class="form-control message-box" cols="30" rows="3"></textarea> <div class="readmore text-center"> <button class="main-btn"> <span class="button">submit now </span></button> </div> </form> </div> </div> <div class="col-sm-8 contact-block-main"> <div class="contact-us-desc"> <div class="row"> <div class="col-sm-4 Contact-block"> <div class="contact-img-wrapper"> <div class="contact-img img-1"></div> </div> <div class="contact-desc"> <p>10/2 Look ,New York<br> United States</p> </div> </div> <div class="col-sm-4 Contact-block"> <div class="contact-img-wrapper"> <div class="contact-img img-2"></div> </div> <div class="contact-desc"> <p>+44 7235 123 123</p> <p>+44 7235 123 123</p> </div> </div> <div class="col-sm-4 Contact-block"> <div class="contact-img-wrapper"> <div class="contact-img img-3"></div> </div> <div class="contact-desc"> <p>Info@domain.com</p> <p>Info@domain.com</p> </div> </div> </div> </div> <div class="block_content"> <ul class="footer_sub_menu"> <li><a href="#">About Us</a></li> <li><a href="#">feature</a></li> <li><a href="#">Screen Short</a></li> <li><a href="#">Our Team</a></li> <li><a href="#">Blog</a></li> </ul> </div> <div class="social-icon"> <ul> <li class="facebook"><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li class="twitter"><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> <li class="rss"><a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a></li> <li class="youtube"><a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a></li> <li class="google-plus"><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li> <li class="pinterest"><a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li> </ul> </div> <div class="copyright"> <a href="#">Copyringht © 2018 App look, All Right Reserved.</a> </div> </div> </div> </div> </div> </footer>!-- /.footer_section -->
These are the css files:
This theme use these Javascript files:
bootstrap.min.js jquery.bxslider.js jquery-3.3.1.min.js popper.min.js slick.min.js tilt.jquery.js custom.js