Samdong2017 (Talk | contribs) |
Samdong2017 (Talk | contribs) |
||
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]--> | ||
− | + | <!-- 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> | |
− | <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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | + | </div> | |
− | + | </header> | |
− | + | ||
− | + | <section id="about" class="light-bg"> | |
− | + | <div class="container"> | |
− | + | <div class="row"> | |
− | + | <div class="col-lg-12 text-center"> | |
− | + | <div class="section-title"> | |
− | < | + | <h2>ABOUT</h2> |
− | < | + | <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> | ||
− | + | <div class="row"> | |
− | + | <!-- about module --> | |
− | + | <div class="col-md-3 text-center"> | |
− | <div class=" | + | <div class="mz-module-about"> <i class="fa fa-briefcase ot-circle"></i> |
− | < | + | <h3>Web Development</h3> |
− | + | <p> | |
− | + | At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis | |
− | + | </p> | |
− | + | ||
− | </ | + | |
</div> | </div> | ||
</div> | </div> | ||
− | < | + | <!-- end about module --> |
− | + | <!-- about module --> | |
− | + | <div class="col-md-3 text-center"> | |
− | + | <div class="mz-module-about"> <i class="fa fa-photo ot-circle"></i> | |
− | + | <h3>Visualisation</h3> | |
− | + | <p> | |
− | + | Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe | |
− | </ | + | </p> |
</div> | </div> | ||
− | + | </div> | |
− | + | <!-- end about module --> | |
− | + | <!-- about module --> | |
− | + | <div class="col-md-3 text-center"> | |
− | + | <div class="mz-module-about"> | |
− | + | <i class="fa fa-camera-retro ot-circle"></i> | |
− | + | <h3>Photography</h3> | |
− | + | <p>Accusamus et iusto odio dignissimos ducimus qui blanditiis</p> | |
</div> | </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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
+ | <!-- end about module --> | ||
</div> | </div> | ||
− | + | </div> | |
− | + | <!-- /.container --> | |
+ | </section> | ||
− | + | <section> | |
− | + | <div class="container"> | |
− | + | <div class="row"> | |
− | + | <div class="col-lg-12 text-center"> | |
− | + | <div class="section-title"> | |
− | + | <h2>Our Partners</h2> | |
− | + | <p>Mida sit una namet, cons uectetur adipiscing adon elit.</p> | |
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | </div> | |
− | + | <div class="row"> | |
− | + | <div class="col-lg-12 text-center"> | |
− | + | <div class="owl-carousel"> | |
− | + | <div class="item"> | |
− | + | <div class="partner-logo"> | |
− | + | <img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-1.png" alt="partners"></div> | |
− | + | </div> | |
− | + | <div class="item"> | |
− | + | <div class="partner-logo"> | |
− | + | <img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-2.png" alt="partners"></div> | |
− | + | </div> | |
− | + | <div class="item"> | |
− | + | <div class="partner-logo"> | |
− | + | <img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-3.png" alt="partners"></div> | |
− | + | </div> | |
− | + | <div class="item"> | |
− | + | <div class="partner-logo"> | |
− | + | <img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-4.png" alt="partners"></div> | |
− | + | </div> | |
− | + | <div class="item"> | |
− | + | <div class="partner-logo"> | |
− | + | <img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-5.png" alt="partners"></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> | ||
− | </ | + | </div> |
− | + | </section> | |
− | + | ||
− | + | <section id="portfolio" class="light-bg"> | |
− | + | <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 --> | |
− | + | </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 © 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
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.
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe
Accusamus et iusto odio dignissimos ducimus qui blanditiis
Itaque earum rerum hic tenetur a sapiente, ut aut reiciendis maiores
Mida sit una namet, cons uectetur adipiscing adon elit.
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.
ABOUT
Web Development
Visualisation
Photography
UI/UX Design
Our Partners
Portfolio