Crepuscule (Talk | contribs) (Created page with "{{:Team:Tianjin/Templates/MaterialTheme|}}") |
Crepuscule (Talk | contribs) |
||
Line 1: | Line 1: | ||
{{:Team:Tianjin/Templates/MaterialTheme|}} | {{:Team:Tianjin/Templates/MaterialTheme|}} | ||
+ | |||
+ | |||
+ | <html> | ||
+ | <head> | ||
+ | <title>FAQ</title> | ||
+ | <!--mobile apps--> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <meta name="keywords" content="Espresso Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, | ||
+ | Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> | ||
+ | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <script src="js/wow.min.js"></script> | ||
+ | <script> | ||
+ | new WOW().init(); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <script type="text/javascript" src="js/move-top.js"></script> | ||
+ | <script type="text/javascript" src="js/easing.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | jQuery(document).ready(function($) { | ||
+ | $(".scroll").click(function(event){ | ||
+ | event.preventDefault(); | ||
+ | $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!--//end-smoth-scrolling--> | ||
+ | </head> | ||
+ | <body> | ||
+ | <!--banner--> | ||
+ | <div class="banner about-bnr"> | ||
+ | <div class="bnr-img"> | ||
+ | <img class="wow fadeInLeftBig animated" data-wow-delay=".5s" src="images/a.png" alt=""/> | ||
+ | </div> | ||
+ | <div class="top-nav"> | ||
+ | <span class="menu"><img src="images/menu-icon.png" alt=""/></span> | ||
+ | <ul class="nav1 menu-list"> | ||
+ | <li class="menu-item"><a class="menu-link" href="index.html">HOME</a></li> | ||
+ | <li class="menu-item"><a class="menu-link" href="about.html">ABOUT</a></li> | ||
+ | <li class="menu-item"><a class="menu-link" href="gallery.html">GALLERY</a></li> | ||
+ | <li class="menu-item"><a class="menu-link" href="codes.html">CODES</a></li> | ||
+ | <li class="menu-item"><a class="menu-link" href="contact.html" >CONTACT</a></li> | ||
+ | </ul> | ||
+ | <div class="clearfix"> </div> | ||
+ | <!-- script-for-menu --> | ||
+ | <script> | ||
+ | $( "span.menu" ).click(function() { | ||
+ | $( "ul.nav1" ).slideToggle( 300, function() { | ||
+ | // Animation complete. | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!-- /script-for-menu --> | ||
+ | </div> | ||
+ | <div class="social-icons wow zoomIn animated" data-wow-delay=".5s"> | ||
+ | <ul> | ||
+ | <li><a href="#"> </a></li> | ||
+ | <li><a href="#" class="fb"> </a></li> | ||
+ | <li><a href="#" class="in"> </a></li> | ||
+ | <li><a href="#" class="dott"> </a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="banner-text"> | ||
+ | <h1 class="wow fadeInDown animated" data-wow-delay=".5s"><a href="index.html">Espresso </a> </h1> | ||
+ | <h2 class="wow fadeInUp animated" data-wow-delay=".5s"><a href="index.html">Home</a> / FAQ</h2> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <!--//banner--> | ||
+ | <!--faq--> | ||
+ | <div class="faq-info"> | ||
+ | <div class="container"> | ||
+ | <h4 class="title">FAQ</h4> | ||
+ | <h3 class="title1">FREQUENTLY ASKED <span>QUES</span>TIONS</h3> | ||
+ | <span class="bg-text">F</span> | ||
+ | <ul class="faq"> | ||
+ | <li class="item1 wow fadeInDown animated" data-wow-delay=".5s"><a href="#">Donec ut quam ligula feugiat ?<span class="icon"> </span></a> | ||
+ | <ul> | ||
+ | <li class="subitem1"><p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="item2 wow fadeInDown animated" data-wow-delay=".5s"><a href="#">The standard Lorem Ipsum passage ?<span class="icon"> </span></a> | ||
+ | <ul> | ||
+ | <li class="subitem1"><p> Tincidunt ut laoreet dolore At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="item3 wow fadeInDown animated" data-wow-delay=".5s"><a href="#">Consectetuer adipiscing elit ?<span class="icon"> </span></a> | ||
+ | <ul> | ||
+ | <li class="subitem1"><p>Dincidunt ut laoreet dolore At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="item4 wow fadeInDown animated" data-wow-delay=".5s"><a href="#">Sed diam nonummy nibh euismod ?<span class="icon"> </span></a> | ||
+ | <ul> | ||
+ | <li class="subitem1"><p>At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="item5 wow fadeInDown animated" data-wow-delay=".5s"><a href="#">Euismod tincidunt laoreet ?<span class="icon"> </span></a> | ||
+ | <ul> | ||
+ | <li class="subitem1"><p>At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="item6 wow fadeInDown animated" data-wow-delay=".5s"><a href="#">Voluptas sit aspernatur aut ?<span class="icon"> </span></a> | ||
+ | <ul> | ||
+ | <li class="subitem1"><p>At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="item7 wow fadeInDown animated" data-wow-delay=".5s"><a href="#">Donec ut quam ligula feugiat ?<span class="icon"> </span></a> | ||
+ | <ul> | ||
+ | <li class="subitem1"><p>At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="item8 wow fadeInDown animated" data-wow-delay=".5s"><a href="#">The standard Lorem Ipsum passage ?<span class="icon"> </span></a> | ||
+ | <ul> | ||
+ | <li class="subitem1"><p>Lorem ipsum dolor sit amet At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="item9 wow fadeInDown animated" data-wow-delay=".5s"><a href="#">Consectetuer adipiscing elit ?<span class="icon"> </span></a> | ||
+ | <ul> | ||
+ | <li class="subitem1"><p>Lorem ipsum dolor sit amet At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="item10 wow fadeInDown animated" data-wow-delay=".5s"><a href="#">Sed diam nonummy nibh euismod ?<span class="icon"> </span></a> | ||
+ | <ul> | ||
+ | <li class="subitem1"><p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <!-- script for tabs --> | ||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | |||
+ | var menu_ul = $('.faq > li > ul'), | ||
+ | menu_a = $('.faq > li > a'); | ||
+ | |||
+ | menu_ul.hide(); | ||
+ | |||
+ | menu_a.click(function(e) { | ||
+ | e.preventDefault(); | ||
+ | if(!$(this).hasClass('active')) { | ||
+ | menu_a.removeClass('active'); | ||
+ | menu_ul.filter(':visible').slideUp('normal'); | ||
+ | $(this).addClass('active').next().stop(true,true).slideDown('normal'); | ||
+ | } else { | ||
+ | $(this).removeClass('active'); | ||
+ | $(this).next().stop(true,true).slideUp('normal'); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | <!-- script for tabs --> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--//faq--> | ||
+ | |||
+ | |||
+ | <!--table-book--> | ||
+ | <div class="table-book"> | ||
+ | <div class="container"> | ||
+ | <div class="book-info wow fadeInDown animated" data-wow-delay=".5s"> | ||
+ | <div class="book-left"> | ||
+ | <h3 class="wow fadeInLeftBig animated" data-wow-delay=".5s">Book Your Coffee Now </h3> | ||
+ | <p class="wow fadeInLeftBig animated" data-wow-delay=".5s">Call NOW to our toll free number </p> | ||
+ | </div> | ||
+ | <div class="book-right"> | ||
+ | <h3 class="wow fadeInRightBig animated" data-wow-delay=".5s">+0099887755</h3> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <span class="bg-text bg-right">B</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--//table-book--> | ||
+ | <!--footer--> | ||
+ | <div class="footer"> | ||
+ | <div class="container"> | ||
+ | <div class="col-md-4 footer-left wow fadeInDown animated" data-wow-delay=".5s"> | ||
+ | <h4>Information</h4> | ||
+ | <ul> | ||
+ | <li><a href="testimonial.html"><i class="glyphicon glyphicon-chevron-right"></i> Testimonials</a></li> | ||
+ | <li><a href="team.html"><i class="glyphicon glyphicon-chevron-right"></i> Our Team</a></li> | ||
+ | <li><a href="history.html"><i class="glyphicon glyphicon-chevron-right"></i> History</a></li> | ||
+ | <li><a href="faq.html"><i class="glyphicon glyphicon-chevron-right"></i> FAQ</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-4 footer-left wow fadeInDown animated" data-wow-delay=".5s"> | ||
+ | <h4>Details</h4> | ||
+ | <ul> | ||
+ | <li><a href="about.html"><i class="glyphicon glyphicon-chevron-right"></i> About</a></li> | ||
+ | <li><a href="gallery.html"><i class="glyphicon glyphicon-chevron-right"></i> Gallery</a></li> | ||
+ | <li><a href="codes.html"><i class="glyphicon glyphicon-chevron-right"></i> Short Codes</a></li> | ||
+ | <li><a href="contact.html"><i class="glyphicon glyphicon-chevron-right"></i> Contacts</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-4 footer-right wow fadeInDown animated" data-wow-delay=".5s"> | ||
+ | <h4>Newsletter</h4> | ||
+ | <div class="subscribe"> | ||
+ | <form> | ||
+ | <input type="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" required=""> | ||
+ | <input type="submit" value=""> | ||
+ | </form> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <div class="social-icons"> | ||
+ | <ul> | ||
+ | <li><a href="#"> </a></li> | ||
+ | <li><a href="#" class="fb"> </a></li> | ||
+ | <li><a href="#" class="in"> </a></li> | ||
+ | <li><a href="#" class="dott"> </a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | <div class="footer-copy wow fadeInUp animated" data-wow-delay=".5s"> | ||
+ | <p>Copyright © 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--//footer--> | ||
+ | <!--smooth-scrolling-of-move-up--> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | /* | ||
+ | var defaults = { | ||
+ | containerID: 'toTop', // fading element id | ||
+ | containerHoverID: 'toTopHover', // fading element hover id | ||
+ | scrollSpeed: 1200, | ||
+ | easingType: 'linear' | ||
+ | }; | ||
+ | */ | ||
+ | |||
+ | $().UItoTop({ easingType: 'easeOutQuart' }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | <a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a> | ||
+ | <!--//smooth-scrolling-of-move-up--> | ||
+ | <!--scrolling js--> | ||
+ | <script src="js/jquery.nicescroll.js"></script> | ||
+ | <script src="js/scripts.js"></script> | ||
+ | <!--//scrolling js--> | ||
+ | <!-- Bootstrap core JavaScript | ||
+ | ================================================== --> | ||
+ | <!-- Placed at the end of the document so the pages load faster --> | ||
+ | <script src="js/bootstrap.js"></script> | ||
+ | </body> | ||
+ | </html> |
Revision as of 01:35, 23 September 2016
FAQ
FREQUENTLY ASKED QUESTIONS
F- Donec ut quam ligula feugiat ?
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
- The standard Lorem Ipsum passage ?
Tincidunt ut laoreet dolore At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
- Consectetuer adipiscing elit ?
Dincidunt ut laoreet dolore At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
- Sed diam nonummy nibh euismod ?
At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
- Euismod tincidunt laoreet ?
At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
- Voluptas sit aspernatur aut ?
At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
- Donec ut quam ligula feugiat ?
At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
- The standard Lorem Ipsum passage ?
Lorem ipsum dolor sit amet At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
- Consectetuer adipiscing elit ?
Lorem ipsum dolor sit amet At vero eos et Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
- Sed diam nonummy nibh euismod ?
Consectetuer adipiscing elit, sed diam nonummy nibh euismod consectetuer adipiscing elit, sed diam nonummy nibh euismod accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
Book Your Coffee Now
Call NOW to our toll free number