Difference between revisions of "Team:Tianjin/businessplan/Competition"

(Created page with "{{:Team:Tianjin/Templates/MaterialTheme|}}")
 
Line 1: Line 1:
 
{{:Team:Tianjin/Templates/MaterialTheme|}}
 
{{:Team:Tianjin/Templates/MaterialTheme|}}
 +
<!DOCTYPE html>
 +
<html>
 +
<head>
 +
<title>Gallery</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>
 +
 +
<link href='http://fonts.useso.com/css?family=Aladin' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
 +
 +
<script src="js/wow.min.js"></script>
 +
<script>
 +
new WOW().init();
 +
</script>
 +
<!--//end-animate-->
 +
<!-- start-smoth-scrolling-->
 +
 +
<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 menu-item-current"><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> / Gallery</h2>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<!--//banner-->
 +
<!-- gallery -->
 +
<div class="gallery">
 +
<div class="container">
 +
<h4 class="title">Gallery</h4>
 +
<h3 class="title1">OUR COFFEE <span>FLAV</span>ORS ARE</h3>
 +
<div class="gallery-row">
 +
<div class="col-md-4 gallery-grids grid">
 +
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
 +
<a href="images/img2.jpg" class="swipebox">
 +
<img src="images/img2.jpg" alt="" class="img-responsive" />
 +
<figcaption><h5>Our<span>Gallery</span></h5></figcaption>
 +
</a>
 +
</figure>
 +
</div>
 +
<div class="col-md-4 gallery-grids grid">
 +
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
 +
<a href="images/img3.jpg" class="swipebox">
 +
<img src="images/img3.jpg" alt="" class="img-responsive" />
 +
<figcaption><h5>Our<span>Gallery</span></h5></figcaption>
 +
</a>
 +
</figure>
 +
</div>
 +
<div class="col-md-4 gallery-grids grid">
 +
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
 +
<a href="images/img4.jpg" class="swipebox">
 +
<img src="images/img4.jpg" alt="" class="img-responsive" />
 +
<figcaption><h5>Our<span>Gallery</span></h5></figcaption>
 +
</a>
 +
</figure>
 +
</div>
 +
<div class="col-md-6 gallery-grids gallery-btm grid">
 +
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
 +
<a href="images/img9.jpg" class="swipebox">
 +
<img src="images/img9.jpg" alt="" class="img-responsive" />
 +
<figcaption><h5>Our<span>Gallery</span></h5></figcaption>
 +
</a>
 +
</figure>
 +
</div>
 +
<div class="col-md-6 gallery-grids gallery-btm grid">
 +
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
 +
<a href="images/img8.jpg" class="swipebox">
 +
<img src="images/img8.jpg" alt="" class="img-responsive" />
 +
<figcaption><h5>Our<span>Gallery</span></h5></figcaption>
 +
</a>
 +
</figure>
 +
</div>
 +
<div class="col-md-4 gallery-grids grid">
 +
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
 +
<a href="images/img4.jpg" class="swipebox">
 +
<img src="images/img4.jpg" alt="" class="img-responsive" />
 +
<figcaption><h5>Our<span>Gallery</span></h5></figcaption>
 +
</a>
 +
</figure>
 +
</div>
 +
<div class="col-md-4 gallery-grids grid">
 +
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
 +
<a href="images/img5.jpg" class="swipebox">
 +
<img src="images/img5.jpg" alt="" class="img-responsive" />
 +
<figcaption><h5>Our<span>Gallery</span></h5></figcaption>
 +
</a>
 +
</figure>
 +
</div>
 +
<div class="col-md-4 gallery-grids grid">
 +
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
 +
<a href="images/img7.jpg" class="swipebox">
 +
<img src="images/img7.jpg" alt="" class="img-responsive" />
 +
<figcaption><h5>Our<span>Gallery</span></h5></figcaption>
 +
</a>
 +
</figure>
 +
</div>
 +
<div class="clearfix"> </div>
 +
<!-- swipe box js -->
 +
<script src="js/jquery.swipebox.min.js"></script>
 +
<script type="text/javascript">
 +
jQuery(function($) {
 +
$(".swipebox").swipebox();
 +
});
 +
</script>
 +
<!-- //swipe box js -->
 +
</div>
 +
<span class="bg-text">G</span>
 +
</div>
 +
</div>
 +
<!-- //gallery -->
 +
<!--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 &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</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 05:27, 23 September 2016

TEAM TIANJIN

LOGO


<!DOCTYPE html> Gallery

Gallery

OUR COFFEE FLAVORS ARE

OurGallery
OurGallery
OurGallery
OurGallery
OurGallery
OurGallery
OurGallery
OurGallery
G

Book Your Coffee Now

Call NOW to our toll free number

+0099887755

B

Information

Details

Newsletter

Copyright © 2016.Company name All rights reserved.网页模板