forked from damikag/alphapack
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdoc_jasson.txt
1 lines (1 loc) · 163 KB
/
doc_jasson.txt
1
{"version": "2.0","name": "Carries","subline": "HTML5 Transportation Template V-1.0","username": "ocreates","created": "01/11/2017","website": "http://www.devitfamily.com","update": "01/28/2018","update_today": true,"email": "[email protected]","description": "","intro": "\n\n<h5>Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form <a href=\"https://themeforest.net/user/ocreates\">here</a>. Thanks so much!</h5>","button_1_text": "ocreates","button_2_text": "","button_3_text": "","button_1_url": "https://themeforest.net/user/ocreates","button_2_url": "","button_3_url": "","sections": [{"title": "HTML Structure","id": "html_structure","content": "<h3>\n\tBasic HTML File Structure</h3>\n<h5>\n\tAll the HTML file is similarly coded, please follow the sttucture below.</h5>\n<pre class=\"html\">\n\n<!doctype html>\n<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->\n<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->\n<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->\n<!--[if gt IE 8]><!-->\n<html class="no-js" lang="en">\n<!--<![endif]-->\n\n<head>\n <!--====== USEFULL META ======-->\n <meta charset="UTF-8">\n <meta http-equiv="X-UA-Compatible" content="IE=edge">\n <meta name="viewport" content="width=device-width, initial-scale=1">\n <meta name="description" content="Transportation & Agency Template is a simple Smooth transportation and Agency Based Template" />\n <meta name="keywords" content="Portfolio, Agency, Onepage, Html, Business, Blog, Parallax" />\n\n <!--====== TITLE TAG ======-->\n <title>Carries HTML5 Business Template</title>\n\n <!--====== FAVICON ICON =======-->\n <link rel="shortcut icon" type="image/ico" href="img/favicon.png" />\n\n <!--====== STYLESHEETS ======-->\n <link rel="stylesheet" href="css/normalize.css">\n <link rel="stylesheet" href="css/animate.css">\n <link rel="stylesheet" href="css/stellarnav.min.css">\n <link rel="stylesheet" href="css/owl.carousel.css">\n <link href="css/bootstrap.min.css" rel="stylesheet">\n <link href="css/font-awesome.min.css" rel="stylesheet">\n\n <!--====== MAIN STYLESHEETS ======-->\n <link href="style.css" rel="stylesheet">\n <link href="css/responsive.css" rel="stylesheet">\n\n <script src="js/vendor/modernizr-2.8.3.min.js"></script>\n <!--[if lt IE 9]>\n <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>\n <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>\n <![endif]-->\n</head>\n\n<body class="home-one">\n\n <!--[if lt IE 8]>\n <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>\n <![endif]-->\n\n <!--- PRELOADER -->\n <div class="preeloader">\n <div class="preloader-spinner"></div>\n </div>\n\n <!--SCROLL TO TOP-->\n <a href="#home" class="scrolltotop"><i class="fa fa-long-arrow-up"></i></a>\n\n <!--START TOP AREA-->\n <header class="top-area" id="home">\n <div class="top-area-bg" data-stellar-background-ratio="0.6"></div>\n <div class="header-top-area">\n <!--MAINMENU AREA-->\n <div class="mainmenu-area" id="mainmenu-area">\n <div class="mainmenu-area-bg"></div>\n <nav class="navbar">\n <div class="container">\n <div class="navbar-header">\n <a href="#home" class="navbar-brand"><img src="img/logo.png" alt="logo"></a>\n </div>\n <div class="search-and-language-bar pull-right">\n <ul>\n <li><a href="#"><i class="fa fa-user"></i></a></li>\n <li class="search-box"><i class="fa fa-search"></i></li>\n <li><a href="#"><i class="fa fa-shopping-bag"></i></a></li>\n <li class="select-language">\n <select name="#" id="#">\n <option selected value="End">ENG</option>\n <option value="ARA">ARA</option>\n <option value="CHI">CHI</option>\n </select>\n </li>\n </ul>\n <form action="#" class="search-form">\n <input type="search" name="search" id="search">\n <button type="submit"><i class="fa fa-search"></i></button>\n </form>\n </div>\n <div id="main-nav" class="stellarnav">\n <ul id="nav" class="nav navbar-nav">\n <li><a href="index.html">home</a>\n <ul>\n <li><a href="index.html">Home Version 1</a></li>\n <li><a href="index-2.html">Home Version 2</a></li>\n <li><a href="index-3.html">Home Version 3</a></li>\n <li><a href="index-4.html">Home Version 4</a></li>\n </ul>\n </li>\n <li><a href="about.html">about</a>\n <ul>\n <li><a href="about.html">About</a></li>\n <li><a href="about-company-profile.html">About Profile</a></li>\n <li><a href="about-company-history.html">About History</a></li>\n <li><a href="about-company-report.html">About Report</a></li>\n <li><a href="about-team.html">About Team</a></li>\n <li><a href="about-support.html">About Support</a></li>\n </ul>\n </li>\n <li><a href="service.html">Service</a>\n <ul>\n <li><a href="service.html">Service Version 1</a></li>\n <li><a href="service-2.html">Service Version 2</a></li>\n <li><a href="service-3.html">Service Version 3</a></li>\n <li><a href="single-service.html">Service Details</a></li>\n </ul>\n </li>\n <li><a href="">Other Pages</a>\n <ul>\n <li><a href="404.html">404</a></li>\n <li><a href="coming-soon.html">Coming Soon</a></li>\n </ul>\n </li>\n <li><a href="blog.html">Blog</a>\n <ul>\n <li><a href="blog.html">Blog Version 1</a></li>\n <li><a href="blog-2.html">Blog Version 2</a></li>\n <li><a href="single-blog.html">Single Blog</a></li>\n </ul>\n </li>\n <li><a href="contact.html">Contact</a>\n <ul>\n <li><a href="contact.html">Contact Version 1</a></li>\n <li><a href="contact-2.html">Contact Version 2</a></li>\n </ul>\n </li>\n </ul>\n </div>\n </div>\n </nav>\n </div>\n <!--END MAINMENU AREA END-->\n </div>\n <!--HOME SLIDER AREA-->\n <div class="welcome-slider-area">\n <div class="welcome-single-slide slider-bg-one">\n <div class="container">\n <div class="row flex-v-center">\n <div class="col-md-10 col-md-offset-1">\n <div class="welcome-text text-center">\n <h1>WE MAKE STRONGEST SERVICE ABOVE THE WORLD</h1>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>\n <div class="home-button">\n <a href="#">Our Service</a>\n <a href="#">Get A Quate</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class="welcome-single-slide slider-bg-two">\n <div class="container">\n <div class="row flex-v-center">\n <div class="col-md-10 col-md-offset-1">\n <div class="welcome-text text-center">\n <h1>WE MAKE STRONGEST SERVICE ABOVE THE WORLD</h1>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>\n <div class="home-button">\n <a href="#">Our Service</a>\n <a href="#">Get A Quate</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <!--END HOME SLIDER AREA-->\n </header>\n <!--END TOP AREA-->\n\n <!--BLOG AREA-->\n <section class="blog-area gray-bg padding-top">\n <div class="container">\n <div class="row">\n <div class="col-md-4 col-lg-4 col-sm-6 col-xs-12">\n <div class="single-blog wow fadeInUp" data-wow-delay="0.2s">\n <div class="blog-image">\n <img src="img/blog/blog_1.jpg" alt="">\n </div>\n <div class="blog-details text-center">\n <div class="blog-meta"><a href="#"><i class="fa fa-ship"></i></a></div>\n <h3><a href="single-blog.html">Ocean Freight</a></h3>\n <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout..</p>\n <a href="single-blog.html" class="read-more">Read More</a>\n </div>\n </div>\n </div>\n <div class="col-md-4 col-lg-4 col-sm-6 col-xs-12">\n <div class="single-blog wow fadeInUp" data-wow-delay="0.3s">\n <div class="blog-image">\n <img src="img/blog/blog_2.jpg" alt="">\n </div>\n <div class="blog-details text-center">\n <div class="blog-meta"><a href="#"><i class="fa fa-plane"></i></a></div>\n <h3><a href="single-blog.html">Air Freight</a></h3>\n <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout..</p>\n <a href="single-blog.html" class="read-more">Read More</a>\n </div>\n </div>\n </div>\n <div class="col-md-4 col-lg-4 col-sm-12 col-xs-12">\n <div class="single-blog wow fadeInUp" data-wow-delay="0.4s">\n <div class="blog-image">\n <img src="img/blog/blog_3.jpg" alt="">\n </div>\n <div class="blog-details text-center">\n <div class="blog-meta"><a href="#"><i class="fa fa-truck"></i></a></div>\n <h3><a href="single-blog.html">Street Freight</a></h3>\n <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout..</p>\n <a href="single-blog.html" class="read-more">Read More</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n <!--BLOG AREA END-->\n\n <!--ABOUT AREA-->\n <section class="about-area gray-bg section-padding">\n <div class="container">\n <div class="row">\n <div class="col-md-4 col-lg-4 col-sm-12 col-xs-12">\n <div class="quote-form-area wow fadeIn">\n <h3>Get A Quote</h3>\n <form class="quote-form" action="#">\n <p class="width-full">\n <input type="text" name="name" id="name" placeholder="Your Name">\n </p>\n <p class="width-half">\n <input type="email" name="email" id="email" placeholder="Email">\n <input class="pull-right" type="phone" name="phone" id="phone" placeholder="Phone">\n </p>\n <p class="width-half">\n <input type="text" name="type" id="type" placeholder="Type">\n <input class="pull-right" type="text" name="quantity" id="quantity" placeholder="Quantity">\n </p>\n <p class="width-full">\n <input type="text" name="destination" id="destination" placeholder="Destination">\n </p>\n <p>\n <textarea name="quote-message" id="quote-message" cols="30" rows="4" placeholder="Your Message..."></textarea>\n </p>\n <button type="submit">Send</button>\n </form>\n </div>\n </div>\n <div class="col-md-7 col-lg-7 col-md-offset-1 col-lg-offset-1 col-sm-12 col-xs-12">\n <div class="about-content-area wow fadeIn">\n <div class="about-content">\n <h2>We have 25 years experience in this passion</h2>\n <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum,</p>\n <a href="#">read more <i class="fa fa-angle-right"></i></a>\n </div>\n <div class="about-count">\n <div class="single-about-count">\n <h4><i class="fa fa-suitcase"></i> 120</h4>\n <p>Project Done</p>\n </div>\n <div class="single-about-count">\n <h4><i class="fa fa-thumbs-o-up"></i> 100</h4>\n <p>Project Done</p>\n </div>\n <div class="single-about-count">\n <h4><i class="fa fa-users"></i> 30</h4>\n <p>Project Done</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n <!--ABOUT AREA END-->\n\n <!--SERVICE AREA-->\n <section class="service-area">\n <div class="service-top-area padding-top">\n <div class="container">\n <div class="row">\n <div class="col-md-6 col-lg-6 col-md-offset-3 col-lg-offset-3 col-sm-12 col-xs-12">\n <div class="area-title text-center wow fadeIn">\n <h2>Our Service</h2>\n <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, </p>\n </div>\n </div>\n </div>\n <div class="row">\n <div class="col-md-4 col-lg-4 col-sm-12 col-xs-12">\n <div class="service-content wow fadeIn">\n <h2>we offer quick & powerful logistics solution</h2>\n <p>I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you.</p>\n <a href="service.html" class="read-more">Learn More</a>\n </div>\n </div>\n <div class="col-md-8 col-lg-8 col-sm-12 col-xs-12">\n <div class="service-catalouge-content-area wow fadeIn">\n <div class="service-catalouge-bg"></div>\n <div class="row">\n <div class="col-md-7 col-lg-7 col-md-offset-5 col-lg-offset-5 col-sm-12 col-xs-12">\n <div class="catalouge-content">\n <h3>Why Choose Us ?</h3>\n <p>I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you.</p>\n <ul>\n <li><i class="fa fa-check"></i> Lorem ipsum dolor sit amet, consectetur.</li>\n <li><i class="fa fa-check"></i> Sed quia consequuntur magni dolores eos.</li>\n <li><i class="fa fa-check"></i> Nemo enim ipsam voluptatem .</li>\n <li><i class="fa fa-check"></i> We denounce with righteous indignation.</li>\n </ul>\n <a href="service.html" class="read-more">Learn More</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class="service-bottom-area section-padding">\n <div class="service-bottom-area-bg"></div>\n <div class="container">\n <div class="row">\n <div class="col-md-6 col-lg-6 col-md-offset-6 col-lg-offset-6 col-sm-12 col-xs-12">\n <div class="service-list wow fadeIn">\n <div class="single-service">\n <div class="service-icon-hexagon">\n <div class="hex">\n <div class="service-icon">\n <i class="fa fa-dropbox"></i>\n </div>\n </div>\n </div>\n <div class="service-details">\n <h4>Ware House</h4>\n <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>\n <a href="#">read more</a>\n </div>\n </div>\n <div class="single-service">\n <div class="service-icon-hexagon">\n <div class="hex">\n <div class="service-icon"><i class="fa fa-truck"></i></div>\n </div>\n </div>\n <div class="service-details">\n <h4>Road Freight</h4>\n <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>\n <a href="#">read more</a>\n </div>\n </div>\n <div class="single-service">\n <div class="service-icon-hexagon">\n <div class="hex">\n <div class="service-icon"><i class="fa fa-ship"></i></div>\n </div>\n </div>\n <div class="service-details">\n <h4>Sea Freight</h4>\n <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>\n <a href="#">read more</a>\n </div>\n </div>\n <div class="single-service">\n <div class="service-icon-hexagon">\n <div class="hex">\n <div class="service-icon"><i class="fa fa-plane"></i></div>\n </div>\n </div>\n <div class="service-details">\n <h4>Air Freight</h4>\n <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>\n <a href="#">read more</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n <!--SERVICE AREA END-->\n\n <!--PROMO AREA-->\n <section class="promo-area">\n <div class="promo-top-area section-padding wow fadeIn">\n <div class="container">\n <div class="row">\n <div class="col-md-4 col-lg-4 col-sm-6 col-xs-12">\n <div class="single-promo">\n <div class="promo-icon"><i class="fa fa-anchor"></i></div>\n <div class="promo-details">\n <h3>Our Location</h3>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n </div>\n </div>\n <div class="single-promo">\n <div class="promo-icon"><i class="fa fa-newspaper-o"></i></div>\n <div class="promo-details">\n <h3>Latest News</h3>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n </div>\n </div>\n </div>\n <div class="col-md-4 col-lg-4 col-sm-6 col-xs-12">\n <div class="single-promo">\n <div class="promo-icon"><i class="fa fa-umbrella"></i></div>\n <div class="promo-details">\n <h3>24/7 Support</h3>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n </div>\n </div>\n <div class="single-promo">\n <div class="promo-icon"><i class="fa fa-bicycle"></i></div>\n <div class="promo-details">\n <h3>Fast Delevery</h3>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class="promo-bottom-area section-padding">\n <div class="promo-botton-area-bg" data-stellar-background-ratio="0.6"></div>\n <div class="container">\n <div class="row">\n <div class="col-md-10 col-lg-10 col-md-offset-1 col-lg-offset-1 col-sm-12 col-xs-12 text-center">\n <div class="promo-bottom-content wow fadeIn">\n <h2>we provide international freight &amp; logistics service worldwidw</h2>\n <a href="#" class="read-more">Get a quote</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n <!--PROMO AREA END-->\n\n <!--TESTMONIAL AREA -->\n <section class="testmonial-area section-padding">\n <div class="container">\n <div class="row">\n <div class="col-md-6 col-lg-6 col-md-offset-3 col-lg-offset-3 col-sm-12 col-xs-12">\n <div class="area-title text-center wow fadeIn">\n <h2>what client’s say</h2>\n </div>\n </div>\n </div>\n <div class="row">\n <div class="col-md-4 col-lg-4 col-md-offset-4 col-lg-offset-4 col-sm-8 col-sm-offset-2 col-xs-8 col-xs-offset-2">\n <div class="client-photo-list wow fadeIn">\n <div class="client_photo">\n <div class="item">\n <img src="img/testmonial/1.jpg" alt="">\n </div>\n <div class="item">\n <img src="img/testmonial/2.jpg" alt="">\n </div>\n <div class="item">\n <img src="img/testmonial/3.jpg" alt="">\n </div>\n <div class="item">\n <img src="img/testmonial/1.jpg" alt="">\n </div>\n <div class="item">\n <img src="img/testmonial/2.jpg" alt="">\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class="row">\n <div class="col-md-12">\n <div class="client_nav">\n <span class="fa fa-angle-left testi_prev"></span>\n <span class="fa fa-angle-right testi_next"></span>\n </div>\n </div>\n <div class="col-xs-12 col-md-10 col-md-offset-1 text-center">\n <div class="client-details-content wow fadeIn">\n <div class="client_details">\n <div class="item">\n <q>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </q>\n <h3>JABIN KANE</h3>\n <p>CEO, Hazrat Group</p>\n </div>\n <div class="item">\n <q>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </q>\n <h3>JABIN KANE</h3>\n <p>CEO, Hazrat Group</p>\n </div>\n <div class="item">\n <q>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </q>\n <h3>JABIN KANE</h3>\n <p>CEO, Hazrat Group</p>\n </div>\n <div class="item">\n <q>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </q>\n <h3>JABIN KANE</h3>\n <p>CEO, Hazrat Group</p>\n </div>\n <div class="item">\n <q>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </q>\n <h3>JABIN KANE</h3>\n <p>CEO, Hazrat Group</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n <!--TESTMONIAL AREA END -->\n\n <!--FOOER AREA-->\n <div class="footer-area dark-bg">\n <div class="footer-area-bg"></div>\n <div class="footer-top-area wow fadeIn">\n <div class="container">\n <div class="row">\n <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">\n <div class="subscribe-content">\n <h2>Weekly Newsletter</h2>\n <p>There are many vaiations of passages of lorem ipsum available.</p>\n </div>\n </div>\n <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">\n <div class="subscriber-form-area">\n <form action="#" class="subsriber-form">\n <label for="subscriber-mail"><i class="fa fa-envelope-o"></i></label>\n <input type="email" name="subscriber-mail" id="subscriber-mail" placeholder="Enter Your Mail">\n <button type="submit">subscribe</button>\n </form>\n </div>\n </div>\n </div>\n <div class="row">\n <div class="col-md-12">\n <div class="footer-border"> </div>\n </div>\n </div>\n </div>\n </div>\n <div class="footer-bottom-area wow fadeIn">\n <div class="container">\n <div class="row">\n <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">\n <div class="single-footer-widget footer-about">\n <h3>About Us</h3>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n <ul>\n <li><i class="fa fa-phone"></i> <a href="callto:+8801744430440">+8801744430440</a></li>\n <li><i class="fa fa-map-marker"></i> <a href="mailto:[email protected]">[email protected]</a></li>\n <li><i class="fa fa-phone"></i> 496, West Nakhalpara, Dhaka, 1215.</li>\n </ul>\n </div>\n </div>\n <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">\n <div class="single-footer-widget twitter-widget">\n <h3>Latest Tweets</h3>\n <ul>\n <li>\n <div class="twitter-icon"><i class="fa fa-phone"></i></div>\n <div class="tweet-detail">\n <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem .</p>\n <a href="#" class="tweet-meta">5 Miniutes Ago</a>\n </div>\n </li>\n <li>\n <div class="twitter-icon"><i class="fa fa-phone"></i></div>\n <div class="tweet-detail">\n <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem .</p>\n <a href="#" class="tweet-meta">5 Miniutes Ago</a>\n </div>\n </li>\n </ul>\n </div>\n </div>\n <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">\n <div class="single-footer-widget list-widget">\n <h3>Customer Service</h3>\n <ul>\n <li><a href="#">Support Forums</a></li>\n <li><a href="#">Communication</a></li>\n <li><a href="#">FAQS</a></li>\n <li><a href="#">Privacy Policy</a></li>\n <li><a href="#">Rules & Condition</a></li>\n <li><a href="#">Contact Us</a></li>\n </ul>\n </div>\n </div>\n <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">\n <div class="single-footer-widget instafeed-widget">\n <h3>Customer Service</h3>\n <ul>\n <li><a href="#"><img src="img/instafeed/1.jpg" alt=""></a></li>\n <li><a href="#"><img src="img/instafeed/2.jpg" alt=""></a></li>\n <li><a href="#"><img src="img/instafeed/3.jpg" alt=""></a></li>\n <li><a href="#"><img src="img/instafeed/4.jpg" alt=""></a></li>\n <li><a href="#"><img src="img/instafeed/5.jpg" alt=""></a></li>\n <li><a href="#"><img src="img/instafeed/6.jpg" alt=""></a></li>\n </ul>\n </div>\n </div>\n </div>\n <div class="row">\n <div class="col-md-12">\n <div class="footer-border"> </div>\n </div>\n </div>\n </div>\n </div>\n <div class="footer-copyright-area">\n <div class="container">\n <div class="row">\n <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">\n <div class="footer-copyright wow fadeIn">\n <p>Copyright &copy; <a href="http://themeforest.net/user/bdexpert"> BDEXPERT</a> All Right Reserved.</p>\n </div>\n </div>\n <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">\n <div class="footer-social-bookmark text-right wow fadeIn">\n <ul class="social-bookmark">\n <li><a href="#"><i class="fa fa-facebook"></i></a></li>\n <li><a href="#"><i class="fa fa-vimeo"></i></a></li>\n <li><a href="#"><i class="fa fa-twitter"></i></a></li>\n <li><a href="#"><i class="fa fa-behance"></i></a></li>\n <li><a href="#"><i class="fa fa-dribbble"></i></a></li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <!--FOOER AREA END-->\n\n\n <!--====== SCRIPTS JS ======-->\n <script src="js/vendor/jquery-1.12.4.min.js"></script>\n <script src="js/vendor/bootstrap.min.js"></script>\n\n <!--====== PLUGINS JS ======-->\n <script src="js/vendor/jquery.easing.1.3.js"></script>\n <script src="js/vendor/jquery-migrate-1.2.1.min.js"></script>\n <script src="js/vendor/jquery.appear.js"></script>\n <script src="js/owl.carousel.min.js"></script>\n <script src="js/stellar.js"></script>\n <script src="js/wow.min.js"></script>\n <script src="js/stellarnav.min.js"></script>\n <script src="js/contact-form.js"></script>\n <script src="js/jquery.sticky.js"></script>\n\n <!--===== ACTIVE JS=====-->\n <script src="js/main.js"></script>\n</body>\n\n</html>\n\n\n\n</pre>\n"},{"title": "Main Navigation Structure","id": "main_navigation_structure","content": "<h5>\n\tHere the main Navigation structure If you need any change your Main Navigation, Please follow the instruction below.</h5>\n<pre class=\"html\">\n \n <!--MAINMENU AREA-->\n <div class="mainmenu-area" id="mainmenu-area">\n <div class="mainmenu-area-bg"></div>\n <nav class="navbar">\n <div class="container">\n <div class="navbar-header">\n <a href="#home" class="navbar-brand"><img src="img/logo.png" alt="logo"></a>\n </div>\n <div class="search-and-language-bar pull-right">\n <ul>\n <li><a href="#"><i class="fa fa-user"></i></a></li>\n <li class="search-box"><i class="fa fa-search"></i></li>\n <li><a href="#"><i class="fa fa-shopping-bag"></i></a></li>\n <li class="select-language">\n <select name="#" id="#">\n <option selected value="End">ENG</option>\n <option value="ARA">ARA</option>\n <option value="CHI">CHI</option>\n </select>\n </li>\n </ul>\n <form action="#" class="search-form">\n <input type="search" name="search" id="search">\n <button type="submit"><i class="fa fa-search"></i></button>\n </form>\n </div>\n <div id="main-nav" class="stellarnav">\n <ul id="nav" class="nav navbar-nav">\n <li><a href="index.html">home</a>\n <ul>\n <li><a href="index.html">Home Version 1</a></li>\n <li><a href="index-2.html">Home Version 2</a></li>\n <li><a href="index-3.html">Home Version 3</a></li>\n <li><a href="index-4.html">Home Version 4</a></li>\n </ul>\n </li>\n <li><a href="about.html">about</a>\n <ul>\n <li><a href="about.html">About</a></li>\n <li><a href="about-company-profile.html">About Profile</a></li>\n <li><a href="about-company-history.html">About History</a></li>\n <li><a href="about-company-report.html">About Report</a></li>\n <li><a href="about-team.html">About Team</a></li>\n <li><a href="about-support.html">About Support</a></li>\n </ul>\n </li>\n <li><a href="service.html">Service</a>\n <ul>\n <li><a href="service.html">Service Version 1</a></li>\n <li><a href="service-2.html">Service Version 2</a></li>\n <li><a href="service-3.html">Service Version 3</a></li>\n <li><a href="single-service.html">Service Details</a></li>\n </ul>\n </li>\n <li><a href="">Other Pages</a>\n <ul>\n <li><a href="404.html">404</a></li>\n <li><a href="coming-soon.html">Coming Soon</a></li>\n </ul>\n </li>\n <li><a href="blog.html">Blog</a>\n <ul>\n <li><a href="blog.html">Blog Version 1</a></li>\n <li><a href="blog-2.html">Blog Version 2</a></li>\n <li><a href="single-blog.html">Single Blog</a></li>\n </ul>\n </li>\n <li><a href="contact.html">Contact</a>\n <ul>\n <li><a href="contact.html">Contact Version 1</a></li>\n <li><a href="contact-2.html">Contact Version 2</a></li>\n </ul>\n </li>\n </ul>\n </div>\n </div>\n </nav>\n </div>\n <!--END MAINMENU AREA END-->\n\n</pre>\n"},{"title": "CSS Structure","id": "css_structure","content": "<h5>\n\tWe are using few CSS files in our template mentioned in comments section(<strong><!-- --></strong>) to describe the linked for each stylesheet bellow. To make things easiar for you we have used separate stylesheet. If you want to load the page more frequesnt and fast then i would love to suggest to use compressed stylesheet (for decreasing HTTP queries).</h5>\n<pre class=\"html\">\n <!--====== STYLESHEETS ======-->\n <link rel="stylesheet" href="css/normalize.css">\n <link rel="stylesheet" href="css/animate.css">\n <link rel="stylesheet" href="css/stellarnav.min.css">\n <link rel="stylesheet" href="css/owl.carousel.css">\n <link href="css/bootstrap.min.css" rel="stylesheet">\n <link href="css/font-awesome.min.css" rel="stylesheet">\n\n <!--====== MAIN STYLESHEETS ======-->\n <link href="style.css" rel="stylesheet">\n <link href="css/responsive.css" rel="stylesheet"></pre>\n"},{"title": "jQuery Structure","id": "jquery_structure","content": "<pre class=\"html\">\n <!--====== SCRIPTS JS ======-->\n <script src="js/vendor/jquery-1.12.4.min.js"></script>\n <script src="js/vendor/bootstrap.min.js"></script>\n\n <!--====== PLUGINS JS ======-->\n <script src="js/vendor/jquery.easing.1.3.js"></script>\n <script src="js/vendor/jquery-migrate-1.2.1.min.js"></script>\n <script src="js/vendor/jquery.appear.js"></script>\n <script src="js/owl.carousel.min.js"></script>\n <script src="js/stellar.js"></script>\n <script src="js/wow.min.js"></script>\n <script src="js/stellarnav.min.js"></script>\n <script src="js/contact-form.js"></script>\n <script src="js/jquery.sticky.js"></script>\n\n <!--===== ACTIVE JS=====-->\n <script src="js/main.js"></script></pre>\n<p>\t </p>\n<div class=\"alert alert-info\">\n\t<span style=\"color: rgb(56, 56, 56); font-family: Arial, verdana, arial, sans-serif; font-size: 14px; line-height: 1.5em;\">There are all jQuery files i</span><span style=\"color: rgb(56, 56, 56); font-family: Arial, verdana, arial, sans-serif; font-size: 14px; line-height: 1.5em;\">ncluding necessary plugins, all of them be found in </span><code style=\"line-height: 1.5em; margin: 0px; padding: 2px 4px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: 'Courier New', Courier, monospace; vertical-align: baseline; color: rgb(199, 37, 78); border-radius: 4px;\">js</code><span style=\"color: rgb(56, 56, 56); font-family: Arial, verdana, arial, sans-serif; font-size: 14px; line-height: 1.5em;\">folder of home directory. Let's see what each file for:</span></div>\n<div>\n\t </div>\n<div>\n\t<ol style=\"margin: 18px 0px; padding-right: 0px; padding-left: 0px; border: 0px; outline: 0px; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; line-height: 1.5em; color: rgb(56, 56, 56); background-color: rgb(248, 248, 248);\">\n\t\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t\t<code style=\"margin: 0px; padding: 2px 4px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: 'Courier New', Courier, monospace; vertical-align: baseline; color: rgb(199, 37, 78); border-radius: 4px; background-color: rgb(249, 242, 244);\">jquery.1.12.4.min.js</code> is stayable version of jQuery which is required to place upon all scripts otherwise none of jquery code will work.<br>\n\t\t\t </li>\n\t\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t\t<code style=\"margin: 0px; padding: 2px 4px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: 'Courier New', Courier, monospace; vertical-align: baseline; color: rgb(199, 37, 78); border-radius: 4px; background-color: rgb(249, 242, 244);\"><code style=\"margin: 0px; padding: 2px 4px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: 'Courier New', Courier, monospace; vertical-align: baseline; color: rgb(199, 37, 78); border-radius: 4px; background-color: rgb(249, 242, 244);\">bootstrat.</code>min.js</code> is used as the core of this template. It is widely used resource in today's era. Used to make this template responsive and providing all main classes for ui and also provides scripts which helped to form these templates.<br>\n\t\t\t </li>\n\t\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t\t<code style=\"margin: 0px; padding: 2px 4px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: 'Courier New', Courier, monospace; vertical-align: baseline; color: rgb(199, 37, 78); border-radius: 4px; background-color: rgb(249, 242, 244);\">owl-carousel.min.js</code> is a jQuery plugin used for sliding client list.<br>\n\t\t\t </li>\n\t\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t\t<code style=\"margin: 0px; padding: 2px 4px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: 'Courier New', Courier, monospace; vertical-align: baseline; color: rgb(199, 37, 78); border-radius: 4px; background-color: rgb(249, 242, 244);\">wow.min.js</code> used for on scrolling animation.<br>\n\t\t\t.</li>\n\t\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t\t<code style=\"margin: 0px; padding: 2px 4px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: 'Courier New', Courier, monospace; vertical-align: baseline; color: rgb(199, 37, 78); border-radius: 4px; background-color: rgb(249, 242, 244);\">contact-form.js</code> is a jQuery plugin used for contact form data validation.<br>\n\t\t\t </li>\n\t\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t\t<code style=\"margin: 0px; padding: 2px 4px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: 'Courier New', Courier, monospace; vertical-align: baseline; color: rgb(199, 37, 78); border-radius: 4px; background-color: rgb(249, 242, 244);\">main.js</code> is a custom jQuery used for active all jQuery file.</li>\n\t</ol>\n</div>\n<p>\t </p>\n"},{"title": "Used Fonts","id": "used_fonts","content": "<h5>\n\tWe have used only three type font throughout the template</h5>\n<ol style=\"margin: 18px 0px; padding-right: 0px; padding-left: 0px; border: 0px; outline: 0px; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; line-height: 1.5em; color: rgb(56, 56, 56); background-color: rgb(248, 248, 248);\">\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t<code style=\"margin: 0px; padding: 2px 4px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: 'Courier New', Courier, monospace; vertical-align: baseline; color: rgb(199, 37, 78); border-radius: 4px;\">Roboto</code></li>\n</ol>\n<p style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t </p>\n<div class=\"alert alert-info\" style=\"font-size:14px;\">\n\tAll of the fonts are available on<code> <a href=\"http://google.com/fonts\" target=\"_blank\">Google Fonts</a></code>. You can choose other fonts from google directory. We have linked them at head part in <code style=\"margin: 0px; padding: 2px 4px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: 'Courier New', Courier, monospace; vertical-align: baseline; color: rgb(199, 37, 78); border-radius: 4px;\">index.html </code></div>\n<pre class=\"html\">\n@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700');<span style=\"color: rgb(56, 56, 56); font-family: Arial, verdana, arial, sans-serif; font-size: 14px; line-height: 21px; background-color: rgb(248, 248, 248);\">\n</span></pre>\n"},{"title": "Change Icons","id": "change_icons","content": "<h5>\n\tWe have used font ICON ( fontawesome) sets in these templates there are total of <strong>1000+</strong> icons you can see their class to use , just need to difine their classes for use any icon.</h5>\n<div class=\"alert alert-info\" style=\"font-size:14px; color:#333\">\n\t<a href=\"http://fontawesome.io\" target=\"_blank\">Click Here </a>Fontawesome Icon</div>\n"},{"title": "Setup Google Map","id": "setup_google_map","content": "<h5>\n\t<b>Find the<code style=\"margin: 0px; padding: 2px 4px; border: 0px; outline: 0px; font-size: 13px; font-family: 'Courier New', Courier, monospace; vertical-align: baseline; color: rgb(199, 37, 78); border-radius: 4px; line-height: 21px;\">maps.active.js</code> form js directory folder, then find your google Latitude and Longitude on this link </b><a href=\"http://mondeca.com/index.php/en/any-place-en\">MAP LINKS</a><b> and simply replace.</b></h5>\n<h5>\n\t<b>Please see below for easily Understand</b></h5>\n<p class=\"js\">\n\t<b><a class=\"map_img\" href=\"https://s24.postimg.org/fjfcxfqfp/image_1.png\" id=\"map_img\"><img alt=\"\" src=\"https://s24.postimg.org/fjfcxfqfp/image_1.png\" style=\"width: 100%;\"></a></b></p>\n<pre class=\"js\">\n\n $(function () {\n\n function initMap() {\n\n var location = new google.maps.LatLng(23.810332, 90.41251809999994); //use here your location..\n\n var mapCanvas = document.getElementById('maps');\n var mapOptions = {\n center: location,\n zoom: 10,\n panControl: false,\n scrollwheel: false,\n mapTypeId: google.maps.MapTypeId.ROADMAP\n }\n var map = new google.maps.Map(mapCanvas, mapOptions);\n\n var markerImage = 'images/map-marker.png';\n\n var marker = new google.maps.Marker({\n position: location,\n map: map,\n icon: markerImage\n });\n\n var contentString = '<div class="info-window">' +\n '<h3>Address</h3>' +\n '<div class="info-content">' +\n '<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>' +\n '</div>' +\n '</div>';\n\n var infowindow = new google.maps.InfoWindow({\n content: contentString,\n maxWidth: 400\n });\n\n marker.addListener('click', function () {\n infowindow.open(map, marker);\n });\n\n var styles = [{\n "featureType": "landscape",\n "stylers": [{\n "saturation": -100\n }, {\n "lightness": 65\n }, {\n "visibility": "on"\n }]\n }, {\n "featureType": "poi",\n "stylers": [{\n "saturation": -100\n }, {\n "lightness": 51\n }, {\n "visibility": "simplified"\n }]\n }, {\n "featureType": "road.highway",\n "stylers": [{\n "saturation": -100\n }, {\n "visibility": "simplified"\n }]\n }, {\n "featureType": "road.arterial",\n "stylers": [{\n "saturation": -100\n }, {\n "lightness": 30\n }, {\n "visibility": "on"\n }]\n }, {\n "featureType": "road.local",\n "stylers": [{\n "saturation": -100\n }, {\n "lightness": 40\n }, {\n "visibility": "on"\n }]\n }, {\n "featureType": "transit",\n "stylers": [{\n "saturation": -100\n }, {\n "visibility": "simplified"\n }]\n }, {\n "featureType": "administrative.province",\n "stylers": [{\n "visibility": "off"\n }]\n }, {\n "featureType": "water",\n "elementType": "labels",\n "stylers": [{\n "visibility": "on"\n }, {\n "lightness": -25\n }, {\n "saturation": -100\n }]\n }, {\n "featureType": "water",\n "elementType": "geometry",\n "stylers": [{\n "hue": "#ffff00"\n }, {\n "lightness": -25\n }, {\n "saturation": -97\n }]\n }];\n\n map.set('styles', styles);\n\n\n }\n\n google.maps.event.addDomListener(window, 'load', initMap);\n \n});\n\n\n\n\n\n\n</pre>\n"},{"title": "Contact Form Setup","id": "contact_form_setup","content": "<h5>\n\t<b>Contact form will use php to send emails. you need to a change, So just open<code style=\"margin: 0px; padding: 2px 4px; border: 0px; outline: 0px; font-size: 13px; font-family: 'Courier New', Courier, monospace; vertical-align: baseline; color: rgb(199, 37, 78); border-radius: 4px; line-height: 21px;\">process.php</code>file. Change the email <code style=\"margin: 0px; padding: 2px 4px; border: 0px; outline: 0px; font-size: 13px; font-family: 'Courier New', Courier, monospace; vertical-align: baseline; color: rgb(199, 37, 78); border-radius: 4px; line-height: 21px;\">[email protected]</code>to your email address. Your form is ready!<br>\n\t<br>\n\t<b>NOTE:</b> Email form require web server to send email. Emails can go to your spam / junk folder. </b></h5>\n<h5>\n\t<b>Please see below for easily Understand</b></h5>\n<p>\t </p>\n<pre class=\"php\">\n<?php\n// Configure your Subject Prefix and Recipient here\n$subjectPrefix = '[Contact via website]';\n$emailTo = '<[email protected]>';\n$errors = array(); // array to hold validation errors\n$data = array(); // array to pass back data\nif($_SERVER['REQUEST_METHOD'] === 'POST') {\n $name = stripslashes(trim($_POST['name']));\n $email = stripslashes(trim($_POST['email']));\n $phone = stripslashes(trim($_POST['phone']));\n $message = stripslashes(trim($_POST['message']));\n if (empty($name)) {\n $errors['name'] = 'Name is required.';\n }\n if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {\n $errors['email'] = 'Email is invalid.';\n }\n if (empty($phone)) {\n $errors['phone'] = 'Phone is required.';\n }\n if (empty($message)) {\n $errors['message'] = 'Message is required.';\n }\n // if there are any errors in our errors array, return a success boolean or false\n if (!empty($errors)) {\n $data['success'] = false;\n $data['errors'] = $errors;\n } else {\n $subject = "$subjectPrefix $subject";\n $body = '\n <strong>Name: </strong>'.$name.'<br />\n <strong>Email: </strong>'.$email.'<br />\n <strong>Phone: </strong>'.$phone.'<br />\n <strong>Message: </strong>'.nl2br($message).'<br />\n ';\n $headers = "MIME-Version: 1.1" . PHP_EOL;\n $headers .= "Content-type: text/html; charset=utf-8" . PHP_EOL;\n $headers .= "Content-Transfer-Encoding: 8bit" . PHP_EOL;\n $headers .= "Date: " . date('r', $_SERVER['REQUEST_TIME']) . PHP_EOL;\n $headers .= "Message-ID: <" . $_SERVER['REQUEST_TIME'] . md5($_SERVER['REQUEST_TIME']) . '@' . $_SERVER['SERVER_NAME'] . '>' . PHP_EOL;\n $headers .= "From: " . "=?UTF-8?B?".base64_encode($name)."?=" . "<$email>" . PHP_EOL;\n $headers .= "Return-Path: $emailTo" . PHP_EOL;\n $headers .= "Reply-To: $email" . PHP_EOL;\n $headers .= "X-Mailer: PHP/". phpversion() . PHP_EOL;\n $headers .= "X-Originating-IP: " . $_SERVER['SERVER_ADDR'] . PHP_EOL;\n mail($emailTo, "=?utf-8?B?" . base64_encode($subject) . "?=", $body, $headers);\n $data['success'] = true;\n $data['message'] = 'Congratulations. Your message has been sent successfully';\n }\n // return all our data to an AJAX call\n echo json_encode($data);\n}\n\n</pre>\n"},{"title": "Support And Credits","id": "support_and_credits","content": "<div class=\"alert alert-info\" style=\"margin: 18px 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 14px; font-family: Arial,verdana,arial,sans-serif; vertical-align: baseline; line-height: 1.5em; color: rgb(56, 56, 56);\">\n\t<br>\n\t If you need any help. Feel free to contact us anytime. We will reply within 24 hours.<br>\n\t </div>\n<p style=\"margin: 18px 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; line-height: 1.5em; color: rgb(56, 56, 56); background-color: rgb(248, 248, 248);\">\n\t <br>\n\t Email: <span style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 700; font-style: inherit; font-family: inherit; vertical-align: baseline;\"><a href=\"mailto:[email protected]\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #5da4d8; text-decoration: none; cursor: pointer;\">[email protected]</a></span><br>\n\t<br>\n\t </p>\n<h3>\n\tCredits:</h3>\n<hr>\n<ol style=\"margin: 18px 0px; padding-right: 0px; padding-left: 0px; border: 0px; outline: 0px; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; line-height: 1.5em; color: rgb(56, 56, 56); background-color: rgb(248, 248, 248);\">\n\t<li style=\"margin: 18px 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 14px; font-family: Arial,verdana,arial,sans-serif; vertical-align: baseline; line-height: 1.5em; color: rgb(56, 56, 56); background-color: rgb(248, 248, 248);\">\n\t\t </li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tjQuery v1.12.0 <a href=\"http://jquery.com/\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #5da4d8; text-decoration: none; cursor: pointer;\">jquery.com</a><br>\n\t\t </li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tBootstrap <a href=\"http://getbootstrap.com\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #5da4d8; text-decoration: none; cursor: pointer;\" target=\"_blank\">bootstrap.com</a><br>\n\t\t </li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tOwl Carousel <a href=\"http://www.owlcarousel.owlgraphic.com/\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #5da4d8; text-decoration: none; cursor: pointer;\" target=\"_blank\">owlcarousel.owlgraphic.com</a><br>\n\t\t </li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tImages from <a href=\"https://www.flickr.com/\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #5da4d8; text-decoration: none; cursor: pointer;\">Flickr</a><br>\n\t\t </li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tImages form <a href=\"https://unsplash.com/\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #5da4d8; text-decoration: none; cursor: pointer;\">Unsplash</a><br>\n\t\t </li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tFontAwesome <a href=\"http://icofont.com\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #5da4d8; text-decoration: none; cursor: pointer;\">Icofont</a><br>\n\t\t<br>\n\t\t </li>\n</ol>\n<p>\t<style type=\"text/css\">\n.prettyprint {\n background-color: #f7f7f9;\n border: 1px solid #e1e1e8;\n max-height: 500px;\n overflow: scroll;\n padding: 8px;\n}\t</style>\n</p>\n"}],"use_sub": true,"logo": "http://quomodotheme.website/working/img/logo.png","favicon": "http://quomodotheme.website/working/img/favicon.png","customcss": "","easing": "swing","easingduration": "500","bgimage": "","bgrepeat": "repeat","bgattachment": "scroll","bgcolor": "222222","textcolor": "666666","linkcolor": "BBBBBB","hrcolor1": "111111","hrcolor2": "333333","btncolor": "FFFFFF","btncolor1": "444444","btncolor2": "111111","sidebarbgimage": "","sidebarbgrepeat": "repeat","sidebarbgcolor": "111111","sidebartextcolor": "222222","sidebarlinkcolor": "BBBBBB","sidebaractivecolor": "BBBBBB","sidebaractivetextcolor": "222222","sidebarhrcolor1": "000000","sidebarhrcolor2": "222222","cufon": "","documentationttype": "default","itemURL": "","sendJSON": "","sendZIP": "","sendPWD": "","cke_131_uiElement": false,"cke_134_uiElement": false,"cke_138_uiElement": false,"cke_141_uiElement": false,"cke_145_uiElement": false,"cke_148_uiElement": false,"cke_152_uiElement": false,"cke_155_uiElement": false}