Difference between revisions of "Team:ASTWS-China"

Line 2: Line 2:
 
<html>
 
<html>
  
 +
<link rel='stylesheet' type='text/css' href='http://ihyit1011.w1w7.tumm.top/ASTWS/css/wiki_edit.css' />
  
 +
<!-- Bootstrap core CSS -->
 +
<link href="http://ihyit1011.w1w7.tumm.top/ASTWS/css/bootstrap.min.css" rel="stylesheet">
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
 +
<!-- Custom styles for this template -->
 +
<link href="http://ihyit1011.w1w7.tumm.top/ASTWS/css/owl.carousel.css" rel="stylesheet">
 +
<link href="http://ihyit1011.w1w7.tumm.top/ASTWS/css/owl.theme.default.min.css"  rel="stylesheet">
 +
<link href="http://ihyit1011.w1w7.tumm.top/ASTWS/css/style.css" rel="stylesheet">
 +
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
 +
<!--[if lt IE 9]>
 +
<script src="../../assets/js/ie8-responsive-file-warning.js"></script>
 +
<![endif]-->
 +
<script src="js/ie-emulation-modes-warning.js"></script>
 +
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 +
<!--[if lt IE 9]>
 +
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 +
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
<![endif]-->
  
<link rel='stylesheet' type='text/css' href='http://ihyit1011.w1w7.tumm.top/ASTWS/css/wiki_edit.css' />
+
<!-- Navigation -->
 
+
<nav class="navbar navbar-default navbar-fixed-top">
 
+
<div class="container">
<!-- Bootstrap core CSS -->
+
<!-- Brand and toggle get grouped for better mobile display -->
<link href="http://ihyit1011.w1w7.tumm.top/ASTWS/css/bootstrap.min.css" rel="stylesheet">
+
<div class="navbar-header page-scroll">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<!-- Custom styles for this template -->
+
<link href="http://ihyit1011.w1w7.tumm.top/ASTWS/css/owl.carousel.css" rel="stylesheet">
+
<link href="http://ihyit1011.w1w7.tumm.top/ASTWS/css/owl.theme.default.min.css"  rel="stylesheet">
+
<link href="http://ihyit1011.w1w7.tumm.top/ASTWS/css/style.css" rel="stylesheet">
+
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
+
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+
<script src="js/ie-emulation-modes-warning.js"></script>
+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+
<!--[if lt IE 9]>
+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
<![endif]-->
+
 
+
 
+
 
+
<!-- Navigation -->
+
<nav class="navbar navbar-default navbar-fixed-top">
+
<div class="container">
+
<!-- Brand and toggle get grouped for better mobile display -->
+
<div class="navbar-header page-scroll">
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
 
<span class="sr-only">Toggle navigation</span>
 
<span class="sr-only">Toggle navigation</span>
 
<span class="icon-bar"></span>
 
<span class="icon-bar"></span>
 
<span class="icon-bar"></span>
 
<span class="icon-bar"></span>
 
<span class="icon-bar"></span>
 
<span class="icon-bar"></span>
</button>
+
</button>
<a class="navbar-brand page-scroll" href="#page-top"><img src="https://igem.org/wiki/skins/Igem/images/Igemlogo_banner.jpg" height=50px alt="logo"></a>
+
<a class="navbar-brand page-scroll" href="#page-top">
 +
<img src="https://igem.org/wiki/skins/Igem/images/Igemlogo_banner.jpg" height=50px alt="logo"></a>
 +
</div>
 +
<!-- Collect the nav links, forms, and other content for toggling -->
 +
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
<ul class="nav navbar-nav navbar-right">
 +
<li class="hidden">
 +
<a href="#page-top"></a>
 +
</li>
 +
<li>
 +
<a class="page-scroll" href="#about">About</a>
 +
</li>
 +
<li>
 +
<a class="page-scroll" href="#services">Services</a>
 +
</li>
 +
<li>
 +
<a class="page-scroll" href="#portfolio">Portfolio</a>
 +
</li>
 +
<li>
 +
<a class="page-scroll" href="#team">Team</a>
 +
</li>
 +
<li>
 +
<a class="page-scroll" href="#contact">Contact</a>
 +
</li>
 +
</ul>
 +
</div>
 +
<!-- /.navbar-collapse -->
 +
</div>
 +
<!-- /.container-fluid -->
 +
</nav>
 +
<!-- Header -->
 +
<header>
 +
<div class="container">
 +
<div class="slider-container">
 +
<div class="intro-text">
 +
<div class="intro-lead-in">Welcome To Our Studio!</div>
 +
<div class="intro-heading">It's Nice To Meet You</div>
 +
<a href="#about" class="page-scroll btn btn-xl">Tell Me More</a>
 
</div>
 
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
 
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
<ul class="nav navbar-nav navbar-right">
 
<li class="hidden">
 
<a href="#page-top"></a>
 
</li>
 
<li>
 
<a class="page-scroll" href="#about">About</a>
 
</li>
 
<li>
 
<a class="page-scroll" href="#services">Services</a>
 
</li>
 
<li>
 
<a class="page-scroll" href="#portfolio">Portfolio</a>
 
</li>
 
<li>
 
<a class="page-scroll" href="#team">Team</a>
 
</li>
 
<li>
 
<a class="page-scroll" href="#contact">Contact</a>
 
</li>
 
</ul>
 
</div>
 
<!-- /.navbar-collapse -->
 
 
</div>
 
</div>
<!-- /.container-fluid -->
+
</div>
</nav>
+
</header>
<!-- Header -->
+
 
<header>
+
<section id="about" class="light-bg">
<div class="container">
+
<div class="container">
<div class="slider-container">
+
<div class="row">
<div class="intro-text">
+
<div class="col-lg-12 text-center">
<div class="intro-lead-in">Welcome To Our Studio!</div>
+
<div class="section-title">
<div class="intro-heading">It's Nice To Meet You</div>
+
<h2>ABOUT</h2>
<a href="#about" class="page-scroll btn btn-xl">Tell Me More</a>
+
<p>
 +
A creative agency based on Candy Land, ready to boost your business with some beautifull templates. Lattes Agency is one of the best in town see more you will be amazed.
 +
</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
</header>
+
<div class="row">
 
+
<!-- about module -->
<section id="about" class="light-bg">
+
<div class="col-md-3 text-center">
<div class="container">
+
<div class="mz-module-about"> <i class="fa fa-briefcase ot-circle"></i>
<div class="row">
+
<h3>Web Development</h3>
<div class="col-lg-12 text-center">
+
<p>
<div class="section-title">
+
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
<h2>ABOUT</h2>
+
</p>
<p>A creative agency based on Candy Land, ready to boost your business with some beautifull templates. Lattes Agency is one of the best in town see more you will be amazed.</p>
+
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
<div class="row">
+
<!-- end about module -->
<!-- about module -->
+
<!-- about module -->
<div class="col-md-3 text-center">
+
<div class="col-md-3 text-center">
<div class="mz-module-about">
+
<div class="mz-module-about"> <i class="fa fa-photo ot-circle"></i>
<i class="fa fa-briefcase ot-circle"></i>
+
<h3>Visualisation</h3>
<h3>Web Development</h3>
+
<p>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis</p>
+
Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe
</div>
+
</p>
 
</div>
 
</div>
<!-- end about module -->
+
</div>
<!-- about module -->
+
<!-- end about module -->
<div class="col-md-3 text-center">
+
<!-- about module -->
<div class="mz-module-about">
+
<div class="col-md-3 text-center">
<i class="fa fa-photo ot-circle"></i>
+
<div class="mz-module-about">
<h3>Visualisation</h3>
+
<i class="fa fa-camera-retro ot-circle"></i>
<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe</p>
+
<h3>Photography</h3>
</div>
+
<p>Accusamus et iusto odio dignissimos ducimus qui blanditiis</p>
 
</div>
 
</div>
<!-- end about module -->
+
</div>
<!-- about module -->
+
<!-- end about module -->
<div class="col-md-3 text-center">
+
<!-- about module -->
<div class="mz-module-about">
+
<div class="col-md-3 text-center">
<i class="fa fa-camera-retro ot-circle"></i>
+
<div class="mz-module-about">
<h3>Photography</h3>
+
<i class="fa fa-cube ot-circle"></i>
<p>Accusamus et iusto odio dignissimos ducimus qui blanditiis</p>
+
<h3>UI/UX Design</h3>
</div>
+
<p>
 +
Itaque earum rerum hic tenetur a sapiente, ut aut reiciendis maiores
 +
</p>
 
</div>
 
</div>
<!-- end about module -->
 
<!-- about module -->
 
<div class="col-md-3 text-center">
 
<div class="mz-module-about">
 
<i class="fa fa-cube ot-circle"></i>
 
<h3>UI/UX Design</h3>
 
<p> Itaque earum rerum hic tenetur a sapiente, ut aut reiciendis maiores</p>
 
</div>
 
</div>
 
<!-- end about module -->
 
 
</div>
 
</div>
 +
<!-- end about module -->
 
</div>
 
</div>
<!-- /.container -->
+
</div>
</section>
+
<!-- /.container -->
 +
</section>
  
 
+
<section>
<section>
+
<div class="container">
<div class="container">
+
<div class="row">
<div class="row">
+
<div class="col-lg-12 text-center">
<div class="col-lg-12 text-center">
+
<div class="section-title">
<div class="section-title">
+
<h2>Our Partners</h2>
<h2>Our Partners</h2>
+
<p>Mida sit una namet, cons uectetur adipiscing adon elit.</p>
<p>Mida sit una namet, cons uectetur adipiscing adon elit.</p>
+
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
<div class="row">
+
</div>
<div class="col-lg-12 text-center">
+
<div class="row">
<div class="owl-carousel">
+
<div class="col-lg-12 text-center">
<div class="item">
+
<div class="owl-carousel">
<div class="partner-logo"><img src="images/demo/partners-1.png" alt="partners"></div>
+
<div class="item">
</div>
+
<div class="partner-logo">
<div class="item">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-1.png" alt="partners"></div>
<div class="partner-logo"><img src="images/demo/partners-2.png" alt="partners"></div>
+
</div>
</div>
+
<div class="item">
<div class="item">
+
<div class="partner-logo">
<div class="partner-logo"><img src="images/demo/partners-3.png" alt="partners"></div>
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-2.png" alt="partners"></div>
</div>
+
</div>
<div class="item">
+
<div class="item">
<div class="partner-logo"><img src="images/demo/partners-4.png" alt="partners"></div>
+
<div class="partner-logo">
</div>
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-3.png" alt="partners"></div>
<div class="item">
+
</div>
<div class="partner-logo"><img src="images/demo/partners-5.png" alt="partners"></div>
+
<div class="item">
</div>
+
<div class="partner-logo">
<div class="item">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-4.png" alt="partners"></div>
<div class="partner-logo"><img src="images/demo/partners-6.png" alt="partners"></div>
+
</div>
</div>
+
<div class="item">
<div class="item">
+
<div class="partner-logo">
<div class="partner-logo"><img src="images/demo/partners-7.png" alt="partners"></div>
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-5.png" alt="partners"></div>
</div>
+
</div>
 +
<div class="item">
 +
<div class="partner-logo">
 +
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-6.png" alt="partners"></div>
 +
</div>
 +
<div class="item">
 +
<div class="partner-logo">
 +
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-7.png" alt="partners"></div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
</section>
+
</div>
 
+
</section>
 
+
  
<section id="portfolio" class="light-bg">
+
<section id="portfolio" class="light-bg">
<div class="container">
+
<div class="container">
 
<div class="row">
 
<div class="row">
 
<div class="col-lg-12 text-center">
 
<div class="col-lg-12 text-center">
 
<div class="section-title">
 
<div class="section-title">
 
<h2>Portfolio</h2>
 
<h2>Portfolio</h2>
<p>Our portfolio is the best way to show our work, you can see here a big range of our work. Check them all and you will find what you are looking for.</p>
+
<p>
 +
Our portfolio is the best way to show our work, you can see here a big range of our work. Check them all and you will find what you are looking for.
 +
</p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 271: Line 281:
 
<!-- end portfolio item -->
 
<!-- end portfolio item -->
 
</div>
 
</div>
</div><!-- end container -->
+
</div>
</section>
+
<!-- end container -->
 
+
</section>
 
+
 
+
 
+
<p id="back-top">
+
<a href="#top"><i class="fa fa-angle-up"></i></a>
+
</p>
+
 
+
<footer>
+
<div class="container text-center">
+
<p>Copyright &copy; 2017 Team:ASTWS-China All Rights Reserved. </p>
+
</div>
+
</footer>
+
 
+
 
+
 
+
<!-- Placed at the end of the document so the pages load faster -->
+
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/jquery.min.js"></script>
+
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/jquery.easing.min.js"></script>
+
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/bootstrap.min.js"></script>
+
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/owl.carousel.min.js"></script>
+
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/cbpAnimatedHeader.js"></script>
+
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/theme-scripts.js"></script>
+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/ie10-viewport-bug-workaround.js"></script>
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
  
 +
<p id="back-top">
 +
<a href="#top">
 +
<i class="fa fa-angle-up"></i>
 +
</a>
 +
</p>
  
 +
<footer>
 +
<div class="container text-center">
 +
<p>Copyright &copy; 2017 Team:ASTWS-China All Rights Reserved.</p>
 +
</div>
 +
</footer>
  
 +
<!-- Placed at the end of the document so the pages load faster -->
 +
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/jquery.min.js"></script>
 +
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/jquery.easing.min.js"></script>
 +
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/bootstrap.min.js"></script>
 +
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/owl.carousel.min.js"></script>
 +
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/cbpAnimatedHeader.js"></script>
 +
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/theme-scripts.js"></script>
 +
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 +
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/ie10-viewport-bug-workaround.js"></script>
  
 
</html>
 
</html>

Revision as of 07:28, 15 October 2017

Welcome To Our Studio!
It's Nice To Meet You
Tell Me More

ABOUT

A creative agency based on Candy Land, ready to boost your business with some beautifull templates. Lattes Agency is one of the best in town see more you will be amazed.

Web Development

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis

Visualisation

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe

Photography

Accusamus et iusto odio dignissimos ducimus qui blanditiis

UI/UX Design

Itaque earum rerum hic tenetur a sapiente, ut aut reiciendis maiores

Our Partners

Mida sit una namet, cons uectetur adipiscing adon elit.

Portfolio

Our portfolio is the best way to show our work, you can see here a big range of our work. Check them all and you will find what you are looking for.

img02

Dean & Letter

Branding, Design

View more
img02

Startup Framework

Branding, Web Design

View more
img02

Lamp & Velvet

Branding, Web Design

View more
img02

Smart Name

Branding, Design

View more
img02

Fast People

Branding, Web Design

View more
img02

Kites & Stars

Branding, Web Design

View more

Copyright © 2017 Team:ASTWS-China All Rights Reserved.