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>Testimonial</title> | ||
+ | <!--mobile apps--> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | |||
+ | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> | ||
+ | <!--mobile apps--> | ||
+ | |||
+ | </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"> | ||
+ | |||
+ | <div class="clearfix"> </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="social-icons wow zoomIn animated" data-wow-delay=".5s"> | ||
+ | |||
+ | </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> / Testimonial</h2> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <!--//banner--> | ||
+ | <!--testimonial--> | ||
+ | <div class="team testimonial"> | ||
+ | <div class="container"> | ||
+ | <span class="bg-text">T</span> | ||
+ | <h4 class="title wow fadeInDown animated" data-wow-delay=".5s">Testimonial</h4> | ||
+ | <h3 class="title1 wow fadeInUp animated" data-wow-delay=".5s">WHAT PEOPLE SAY <span>ABOU</span>T US </h3> | ||
+ | <div class="testi-info"> | ||
+ | <div class="testi-grids wow fadeInDown animated" data-wow-delay=".5s"> | ||
+ | <div class="testi-left"> | ||
+ | <img src="images/t5.jpg" alt=""/> | ||
+ | </div> | ||
+ | <div class="testi-right"> | ||
+ | <p><span>"</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident sunt in . <span>"</span></p> | ||
+ | <h4>Eiusmod</h4> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <div class="testi-grids wow fadeInDown animated" data-wow-delay=".5s"> | ||
+ | <div class="testi-left"> | ||
+ | <img src="images/t6.jpg" alt=""/> | ||
+ | </div> | ||
+ | <div class="testi-right"> | ||
+ | <p><span>"</span>Consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet Excepteur sint occaecat cupidatat non proident sunt in . <span>"</span></p> | ||
+ | <h4>Sam Kromsti</h4> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <div class="testi-grids wow fadeInDown animated" data-wow-delay=".5s"> | ||
+ | <div class="testi-left"> | ||
+ | <img src="images/t6.jpg" alt=""/> | ||
+ | </div> | ||
+ | <div class="testi-right"> | ||
+ | <p><span>"</span>Consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet Excepteur sint occaecat cupidatat non proident sunt in . <span>"</span></p> | ||
+ | <h4>Sam Kromsti</h4> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <div class="testi-grids wow fadeInDown animated" data-wow-delay=".5s"> | ||
+ | <div class="testi-left"> | ||
+ | <img src="images/t6.jpg" alt=""/> | ||
+ | </div> | ||
+ | <div class="testi-right"> | ||
+ | <p><span>"</span>Consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet Excepteur sint occaecat cupidatat non proident sunt in . <span>"</span></p> | ||
+ | <h4>Sam Kromsti</h4> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <div class="testi-grids wow fadeInDown animated" data-wow-delay=".5s"> | ||
+ | <div class="testi-left"> | ||
+ | <img src="images/t7.jpg" alt=""/> | ||
+ | </div> | ||
+ | <div class="testi-right"> | ||
+ | <p><span>"</span> Dolor lorem ipsum sit amet, consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident sunt in . <span>"</span></p> | ||
+ | <h4>Caroline sit</h4> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <div class="testi-grids wow fadeInDown animated" data-wow-delay=".5s"> | ||
+ | <div class="testi-left"> | ||
+ | <img src="images/t8.jpg" alt=""/> | ||
+ | </div> | ||
+ | <div class="testi-right"> | ||
+ | <p><span>"</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident sunt in . <span>"</span></p> | ||
+ | <h4>Anderson</h4> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--//testimonial--> | ||
+ | <!--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/jquery-1.11.1.min.js"></script> | ||
+ | <script src="js/bootstrap.js"></script> | ||
+ | <script src="js/material.min.js"></script> | ||
+ | <script src="js/material-kit.js"></script> | ||
+ | |||
+ | |||
+ | <script src="js/wow.min.js"></script> | ||
+ | <script> | ||
+ | new WOW().init(); | ||
+ | </script> | ||
+ | <!--//end-animate--> | ||
+ | <!-- start-smoth-scrolling--> | ||
+ | <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> | ||
+ | <!-- js --> | ||
+ | |||
+ | |||
+ | <!-- //js --> | ||
+ | </body> | ||
+ | </html> |
Revision as of 01:40, 14 September 2016
Testimonial
WHAT PEOPLE SAY ABOUT US
" Lorem ipsum dolor sit amet, consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident sunt in . "
Eiusmod
"Consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet Excepteur sint occaecat cupidatat non proident sunt in . "
Sam Kromsti
"Consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet Excepteur sint occaecat cupidatat non proident sunt in . "
Sam Kromsti
"Consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet Excepteur sint occaecat cupidatat non proident sunt in . "
Sam Kromsti
" Dolor lorem ipsum sit amet, consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident sunt in . "
Caroline sit
" Lorem ipsum dolor sit amet, consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident sunt in . "
Anderson
Book Your Coffee Now
Call NOW to our toll free number