Difference between revisions of "Team:Worldshaper-XSHS"

Line 1: Line 1:
 
<html>
 
<html>
−
<link rel='stylesheet' type='text/css' href='http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css' />
+
    <link rel='stylesheet' type='text/css' href='http://bijidai.com/XSHS/css/wiki_edit.css' />
−
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css">
+
    <link rel="stylesheet" type='text/css' href="http://bijidai.com/XSHS/css/bootstrap.min.css">
−
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css">
+
    <link rel="stylesheet" type='text/css' href="http://bijidai.com/XSHS/css/ionicons.min.css">
−
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/animate.css">
+
    <link rel="stylesheet" type='text/css' href="http://bijidai.com/XSHS/css/animate.css">
−
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/slider.css">
+
    <link rel="stylesheet" type='text/css' href="http://bijidai.com/XSHS/css/slider.css">
−
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css">
+
    <link rel="stylesheet" type='text/css' href="http://bijidai.com/XSHS/css/owl.carousel.css">
−
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css">
+
    <link rel="stylesheet" type='text/css' href="http://bijidai.com/XSHS/css/owl.theme.css">
−
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css">
+
    <link rel="stylesheet" type='text/css' href="http://bijidai.com/XSHS/css/jquery.fancybox.css">
−
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/main.css">
+
    <link rel="stylesheet" type='text/css' href="http://bijidai.com/XSHS/css/main.css">
−
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
+
    <link rel="stylesheet" type='text/css' href="http://bijidai.com/XSHS/css/responsive.css">
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
+
    <script src="http://bijidai.com/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
+
    <script src="http://bijidai.com/XSHS/js/jquery.min.js"></script>
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
+
    <script src="http://bijidai.com/XSHS/js/owl.carousel.min.js"></script>
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
+
    <script src="http://bijidai.com/XSHS/js/bootstrap.min.js"></script>
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script>
+
    <script src="http://bijidai.com/XSHS/js/wow.min.js"></script>
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
+
    <script src="http://bijidai.com/XSHS/js/slider.js"></script>
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script>
+
    <script src="http://bijidai.com/XSHS/js/jquery.fancybox.js"></script>
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script>
+
    <script src="http://bijidai.com/XSHS/js/main.js"></script>
−
  <header id="top-bar" class="navbar-fixed-top animated-header">
+
    <header id="top-bar" class="navbar-fixed-top animated-header">
−
    <div class="container">
+
        <div class="container">
−
        <div class="navbar-header">
+
            <div class="navbar-header">
−
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
−
                <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>
−
            <div class="navbar-brand">
+
                <div class="navbar-brand">
−
                <a href="https://2017.igem.org/Team:Worldshaper-XSHS" >
+
                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS" >
−
                    worldshaper- <b>XSHS</b>
+
                        worldshaper- <b>XSHS</b>
−
                </a>
+
                    </a>
 +
                </div>
 
             </div>
 
             </div>
 +
            <nav class="collapse navbar-collapse navbar-right" role="navigation">
 +
                <div class="main-menu">
 +
                    <ul class="nav navbar-nav navbar-right">
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS">Home</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Team
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/members.html">Members</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Project
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Notebook
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied_Design</a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                HP
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Gold_Integrated</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Achievement
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </nav>
 
         </div>
 
         </div>
−
        <nav class="collapse navbar-collapse navbar-right" role="navigation">
+
     </header>
−
            <div class="main-menu">
+
−
                <ul class="nav navbar-nav navbar-right">
+
−
                    <li>
+
−
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS" >Home</a>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
−
                            Team
+
−
                            <span class="caret"></span>
+
−
                        </a>
+
−
                        <div class="dropdown-menu">
+
−
                            <ul>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/members.html">Members</a>
+
−
                                </li>
+
−
                            </ul>
+
−
                        </div>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
−
                            Project
+
−
                            <span class="caret"></span>
+
−
                        </a>
+
−
                        <div class="dropdown-menu">
+
−
                            <ul>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
+
−
                                </li>
+
−
                            </ul>
+
−
                        </div>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
−
                            Notebook
+
−
                            <span class="caret"></span>
+
−
                        </a>
+
−
                        <div class="dropdown-menu">
+
−
                            <ul>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/result.html">Result</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Interlab.html">Interlab</a>
+
−
                                </li>
+
−
                            </ul>
+
−
                        </div>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Modeling.html">Modeling</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Product.html">Product</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/collaboration.html">Collaboration</a>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
−
                            Human Practice
+
−
                            <span class="caret"></span>
+
−
                        </a>
+
−
                        <div class="dropdown-menu">
+
−
                            <ul>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Crowd-funding.html">Crowd funding</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Interview.html">Interview</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Questionnaire.html">Questionnaire</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Education-outreach.html">Education outreach</a>
+
−
                                </li>
+
−
                            </ul>
+
−
                        </div>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
−
                            Achievement
+
−
                            <span class="caret"></span>
+
−
                        </a>
+
−
                        <div class="dropdown-menu">
+
−
                            <ul>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
+
−
                                </li>
+
−
                            </ul>
+
−
                        </div>
+
−
                    </li>
+
−
                </ul>
+
−
            </div>
+
−
        </nav>
+
−
     </div>
+
−
</header>
+
  
−
<section class="visual wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="200ms" >
+
    <section class="visual wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="200ms" >
−
    <img src="https://static.igem.org/mediawiki/2017/d/d2/T-worldshaper-XSHS-00001.jpeg" alt="" class="bg-stretch">
+
        <img src="https://static.igem.org/mediawiki/2017/d/d2/T-worldshaper-XSHS-00001.jpeg" alt="" class="bg-stretch"></section>
−
</section>
+
  
−
<section id="about">
+
    <section id="about">
−
    <div class="container">
+
        <div class="container">
−
        <div class="row">
+
            <div class="row">
−
            <div class="col-md-6 col-sm-6">
+
                <div class="col-md-6 col-sm-6">
−
                <div class="block wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="500ms">
+
                    <div class="block wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="500ms">
−
                    <h2>ABOUT ME</h2>
+
                        <h2>ABOUT ME</h2>
−
                    <p>
+
                        <p>
−
                        Hello, I’m a UI/UX Designer & Front End Developer from Victoria, Australia. I hold a master degree of Web Design from the World University.And scrambled it to make a type specimen book. It has survived not only five centuries
+
                            Hello, I’m a UI/UX Designer & Front End Developer from Victoria, Australia. I hold a master degree of Web Design from the World University.And scrambled it to make a type specimen book. It has survived not only five centuries
−
                    </p>
+
                        </p>
−
                    <p>
+
                        <p>
−
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, adipisci voluptatum repudiandae, natus impedit repellat aut officia illum at assumenda iusto reiciendis placeat. Temporibus, vero.
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, adipisci voluptatum repudiandae, natus impedit repellat aut officia illum at assumenda iusto reiciendis placeat. Temporibus, vero.
−
                    </p>
+
                        </p>
−
                </div>
+
                    </div>
  
−
            </div>
+
                </div>
−
            <div class="col-md-6 col-sm-6">
+
                <div class="col-md-6 col-sm-6">
−
                <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms">
+
                    <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms">
−
                    <img src="https://static.igem.org/mediawiki/2017/1/1b/T-worldshaper-XSHS-00002.jpeg" alt="" /></div>
+
                        <img src="https://static.igem.org/mediawiki/2017/1/1b/T-worldshaper-XSHS-00002.jpeg" alt="" />
 +
                    </div>
 +
                </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </div>
+
     </section>
−
</section>
+
  
−
 
+
    <section id="works" class="works">
−
 
+
        <div class="container">
−
 
+
            <div class="section-heading">
−
<section id="works" class="works">
+
                <h1 class="title wow fadeInDown" data-wow-delay=".3s">Latest Works</h1>
−
    <div class="container">
+
                <p class="wow fadeInDown" data-wow-delay=".5s">
−
        <div class="section-heading">
+
                    Aliquam lobortis. Maecenas vestibulum mollis diam. Pellentesque auctor neque nec urna. Nulla sit amet est. Aenean posuere
−
            <h1 class="title wow fadeInDown" data-wow-delay=".3s">Latest Works</h1>
+
                    <br>
−
            <p class="wow fadeInDown" data-wow-delay=".5s">
+
                    tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.
−
                Aliquam lobortis. Maecenas vestibulum mollis diam. Pellentesque auctor neque nec urna. Nulla sit amet est. Aenean posuere
+
                 </p>
−
                <br>
+
−
                tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.
+
−
            </p>
+
−
        </div>
+
−
        <div class="row">
+
−
            <div class="col-sm-4 col-xs-12">
+
−
                 <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
−
                    <div class="img-wrapper">
+
−
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="this is a title" >
+
−
                    </div>
+
−
                    <figcaption>
+
−
                        <h4>
+
−
                            <a href="#">Dew Drop</a>
+
−
                        </h4>
+
−
                        <p>Redesigne UI Concept</p>
+
−
                    </figcaption>
+
−
                </figure>
+
 
             </div>
 
             </div>
−
             <div class="col-sm-4 col-xs-12">
+
             <div class="row">
−
                <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms">
+
                <div class="col-sm-4 col-xs-12">
−
                    <div class="img-wrapper">
+
                    <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
−
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="this is a title" >
+
                        <div class="img-wrapper">
−
                     </div>
+
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="this is a title" ></div>
−
                     <figcaption>
+
                        <figcaption>
−
                         <h4>
+
                            <h4>
−
                             <a href="#">Bottle Mockup</a>
+
                                <a href="#">Dew Drop</a>
−
                        </h4>
+
                            </h4>
−
                        <p>Lorem ipsum dolor sit.</p>
+
                            <p>Redesigne UI Concept</p>
−
                    </figcaption>
+
                        </figcaption>
−
                </figure>
+
                     </figure>
−
            </div>
+
                </div>
−
            <div class="col-sm-4 col-xs-12">
+
                <div class="col-sm-4 col-xs-12">
−
                <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms">
+
                     <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms">
−
                    <div class="img-wrapper">
+
                         <div class="img-wrapper">
−
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
+
                             <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="this is a title" ></div>
−
                    </div>
+
                        <figcaption>
−
                    <figcaption>
+
                            <h4>
−
                        <h4>
+
                                <a href="#">Bottle Mockup</a>
−
                            <a href="#">Table Design</a>
+
                            </h4>
−
                        </h4>
+
                            <p>Lorem ipsum dolor sit.</p>
−
                        <p>Lorem ipsum dolor sit amet.</p>
+
                        </figcaption>
−
                    </figcaption>
+
                    </figure>
−
                </figure>
+
                </div>
−
            </div>
+
                <div class="col-sm-4 col-xs-12">
−
            <div class="col-sm-4 col-xs-12">
+
                    <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms">
−
                <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="600ms">
+
                        <div class="img-wrapper">
−
                    <div class="img-wrapper">
+
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" ></div>
−
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
+
                        <figcaption>
−
                    </div>
+
                            <h4>
−
                    <figcaption>
+
                                <a href="#">Table Design</a>
−
                        <h4>
+
                            </h4>
−
                            <a href="#">Make Up elements</a>
+
                            <p>Lorem ipsum dolor sit amet.</p>
−
                        </h4>
+
                        </figcaption>
−
                        <p>Lorem ipsum dolor.</p>
+
                    </figure>
−
                    </figcaption>
+
                </div>
−
                </figure>
+
                <div class="col-sm-4 col-xs-12">
−
            </div>
+
                    <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="600ms">
−
            <div class="col-sm-4 col-xs-12">
+
                        <div class="img-wrapper">
−
                <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="900ms">
+
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" ></div>
−
                    <div class="img-wrapper">
+
                        <figcaption>
−
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
+
                            <h4>
−
                    </div>
+
                                <a href="#">Make Up elements</a>
−
                    <figcaption>
+
                            </h4>
−
                        <h4>
+
                            <p>Lorem ipsum dolor.</p>
−
                            <a href="#">Shoping Bag Concept</a>
+
                        </figcaption>
−
                        </h4>
+
                    </figure>
−
                        <p>Lorem ipsum dolor.</p>
+
                </div>
−
                    </figcaption>
+
                <div class="col-sm-4 col-xs-12">
−
                </figure>
+
                    <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="900ms">
−
            </div>
+
                        <div class="img-wrapper">
−
            <div class="col-sm-4 col-xs-12">
+
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" ></div>
−
                <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="1200ms">
+
                        <figcaption>
−
                    <div class="img-wrapper">
+
                            <h4>
−
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
+
                                <a href="#">Shoping Bag Concept</a>
−
                    </div>
+
                            </h4>
−
                    <figcaption>
+
                            <p>Lorem ipsum dolor.</p>
−
                        <h4>
+
                        </figcaption>
−
                            <a href="#">Caramel Bottle</a>
+
                    </figure>
−
                        </h4>
+
                </div>
−
                        <p>Lorem ipsum dolor.</p>
+
                <div class="col-sm-4 col-xs-12">
−
                    </figcaption>
+
                    <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="1200ms">
−
                </figure>
+
                        <div class="img-wrapper">
 +
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" ></div>
 +
                        <figcaption>
 +
                            <h4>
 +
                                <a href="#">Caramel Bottle</a>
 +
                            </h4>
 +
                            <p>Lorem ipsum dolor.</p>
 +
                        </figcaption>
 +
                    </figure>
 +
                </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </div>
+
     </section>
−
</section>
+
  
−
<section id="feature">
+
    <section id="feature">
−
    <div class="container">
+
        <div class="container">
−
        <div class="section-heading">
+
            <div class="section-heading">
−
            <h1 class="title wow fadeInDown" data-wow-delay=".3s">Offer From Me</h1>
+
                <h1 class="title wow fadeInDown" data-wow-delay=".3s">Offer From Me</h1>
−
            <p class="wow fadeInDown" data-wow-delay=".5s">
+
                <p class="wow fadeInDown" data-wow-delay=".5s">
−
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed,
+
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed,
−
                <br>
+
                    <br>
−
                quasi dolores numquam dolor vero ex, tempora commodi repellendus quod laborum.
+
                    quasi dolores numquam dolor vero ex, tempora commodi repellendus quod laborum.
−
            </p>
+
                </p>
−
        </div>
+
            </div>
−
        <div class="row">
+
            <div class="row">
−
            <div class="col-md-4 col-lg-4 col-xs-12">
+
                <div class="col-md-4 col-lg-4 col-xs-12">
−
                <div class="media wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="300ms">
+
                    <div class="media wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="300ms">
−
                    <div class="media-left">
+
                        <div class="media-left">
−
                        <div class="icon"> <i class="ion-ios-flask-outline"></i>
+
                            <div class="icon"> <i class="ion-ios-flask-outline"></i>
 +
                            </div>
 +
                        </div>
 +
                        <div class="media-body">
 +
                            <h4 class="media-heading">Media heading</h4>
 +
                            <p>
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 +
                            </p>
 
                         </div>
 
                         </div>
−
                    </div>
 
−
                    <div class="media-body">
 
−
                        <h4 class="media-heading">Media heading</h4>
 
−
                        <p>
 
−
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 
−
                        </p>
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="col-md-4 col-lg-4 col-xs-12">
−
            <div class="col-md-4 col-lg-4 col-xs-12">
+
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="600ms">
−
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="600ms">
+
                        <div class="media-left">
−
                    <div class="media-left">
+
                            <div class="icon"> <i class="ion-ios-lightbulb-outline"></i>
−
                        <div class="icon"> <i class="ion-ios-lightbulb-outline"></i>
+
                            </div>
 +
                        </div>
 +
                        <div class="media-body">
 +
                            <h4 class="media-heading">Well documented.</h4>
 +
                            <p>
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 +
                            </p>
 
                         </div>
 
                         </div>
−
                    </div>
 
−
                    <div class="media-body">
 
−
                        <h4 class="media-heading">Well documented.</h4>
 
−
                        <p>
 
−
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 
−
                        </p>
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="col-md-4 col-lg-4 col-xs-12">
−
            <div class="col-md-4 col-lg-4 col-xs-12">
+
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="900ms">
−
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="900ms">
+
                        <div class="media-left">
−
                    <div class="media-left">
+
                            <div class="icon">
−
                        <div class="icon">
+
                                <i class="ion-ios-lightbulb-outline"></i>
−
                            <i class="ion-ios-lightbulb-outline"></i>
+
                            </div>
 +
                        </div>
 +
                        <div class="media-body">
 +
                            <h4 class="media-heading">Well documented.</h4>
 +
                            <p>
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 +
                            </p>
 
                         </div>
 
                         </div>
−
                    </div>
 
−
                    <div class="media-body">
 
−
                        <h4 class="media-heading">Well documented.</h4>
 
−
                        <p>
 
−
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 
−
                        </p>
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="col-md-4 col-lg-4 col-xs-12">
−
            <div class="col-md-4 col-lg-4 col-xs-12">
+
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1200ms">
−
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1200ms">
+
                        <div class="media-left">
−
                    <div class="media-left">
+
                            <div class="icon">
−
                        <div class="icon">
+
                                <i class="ion-ios-americanfootball-outline"></i>
−
                            <i class="ion-ios-americanfootball-outline"></i>
+
                            </div>
 +
                        </div>
 +
                        <div class="media-body">
 +
                            <h4 class="media-heading">Free updates</h4>
 +
                            <p>
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 +
                            </p>
 
                         </div>
 
                         </div>
−
                    </div>
 
−
                    <div class="media-body">
 
−
                        <h4 class="media-heading">Free updates</h4>
 
−
                        <p>
 
−
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 
−
                        </p>
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="col-md-4 col-lg-4 col-xs-12">
−
            <div class="col-md-4 col-lg-4 col-xs-12">
+
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1500ms">
−
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1500ms">
+
                        <div class="media-left">
−
                    <div class="media-left">
+
                            <div class="icon">
−
                        <div class="icon">
+
                                <i class="ion-ios-keypad-outline"></i>
−
                            <i class="ion-ios-keypad-outline"></i>
+
                            </div>
 +
                        </div>
 +
                        <div class="media-body">
 +
                            <h4 class="media-heading">Solid Support</h4>
 +
                            <p>
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 +
                            </p>
 
                         </div>
 
                         </div>
−
                    </div>
 
−
                    <div class="media-body">
 
−
                        <h4 class="media-heading">Solid Support</h4>
 
−
                        <p>
 
−
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 
−
                        </p>
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="col-md-4 col-lg-4 col-xs-12">
−
            <div class="col-md-4 col-lg-4 col-xs-12">
+
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1800ms">
−
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1800ms">
+
                        <div class="media-left">
−
                    <div class="media-left">
+
                            <div class="icon">
−
                        <div class="icon">
+
                                <i class="ion-ios-barcode-outline"></i>
−
                            <i class="ion-ios-barcode-outline"></i>
+
                            </div>
 +
                        </div>
 +
                        <div class="media-body">
 +
                            <h4 class="media-heading">Simple Installation</h4>
 +
                            <p>
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 +
                            </p>
 
                         </div>
 
                         </div>
−
                    </div>
 
−
                    <div class="media-body">
 
−
                        <h4 class="media-heading">Simple Installation</h4>
 
−
                        <p>
 
−
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 
−
                        </p>
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </div>
+
     </section>
−
</section>
+
  
−
<section id="call-to-action">
+
    <section id="call-to-action">
−
    <div class="container">
+
        <div class="container">
−
        <div class="row">
+
            <div class="row">
−
            <div class="col-md-12">
+
                <div class="col-md-12">
−
                <div class="block">
+
                    <div class="block">
−
                    <h2 class="title wow fadeInDown" data-wow-delay=".3s" data-wow-duration="500ms">SO WHAT YOU THINK ?</h2>
+
                        <h2 class="title wow fadeInDown" data-wow-delay=".3s" data-wow-duration="500ms">SO WHAT YOU THINK ?</h2>
−
                    <p class="wow fadeInDown" data-wow-delay=".5s" data-wow-duration="500ms">
+
                        <p class="wow fadeInDown" data-wow-delay=".5s" data-wow-duration="500ms">
−
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis,
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis,
−
                        <br>
+
                            <br>
−
                        possimus commodi, fugiat magnam temporibus vero magni recusandae? Dolore, maxime praesentium.
+
                            possimus commodi, fugiat magnam temporibus vero magni recusandae? Dolore, maxime praesentium.
−
                    </p>
+
                        </p>
−
                    <a href="contact.html" class="btn btn-default btn-contact wow fadeInDown" data-wow-delay=".7s" data-wow-duration="500ms">Contact With Me</a>
+
                        <a href="contact.html" class="btn btn-default btn-contact wow fadeInDown" data-wow-delay=".7s" data-wow-duration="500ms">Contact With Me</a>
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </div>
+
     </section>
−
</section>
+
  
−
<footer>
+
    <footer>
−
    <div class="container">
+
        <div class="container">
−
        <div class="foot-box">
+
            <div class="foot-box">
−
            <ul class="clearfix">
+
                <ul class="clearfix">
−
                <li class="foot-box-c1"><img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="" /></li>
+
                    <li class="foot-box-c1">
−
                <li class="foot-box-c2"><img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" /></li>
+
                        <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="" />
−
                <li class="foot-box-c3">
+
                    </li>
−
                    <p>Worldshaper-XSHS, Xiaoshan High School</p>
+
                    <li class="foot-box-c2">
−
                    <p>Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China</p>
+
                        <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" />
−
                </li>
+
                    </li>
−
                <li class="foot-box-c4"><img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="" /></li>
+
                    <li class="foot-box-c3">
−
            </ul>
+
                        <p>Worldshaper-XSHS, Xiaoshan High School</p>
 +
                        <p>
 +
                            Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
 +
                        </p>
 +
                    </li>
 +
                    <li class="foot-box-c4">
 +
                        <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="" />
 +
                    </li>
 +
                </ul>
 +
            </div>
 
         </div>
 
         </div>
−
     </div>
+
     </footer>
−
</footer>
+
  
 
</html>
 
</html>

Revision as of 08:40, 26 October 2017

ABOUT ME

Hello, I’m a UI/UX Designer & Front End Developer from Victoria, Australia. I hold a master degree of Web Design from the World University.And scrambled it to make a type specimen book. It has survived not only five centuries

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, adipisci voluptatum repudiandae, natus impedit repellat aut officia illum at assumenda iusto reiciendis placeat. Temporibus, vero.

Latest Works

Aliquam lobortis. Maecenas vestibulum mollis diam. Pellentesque auctor neque nec urna. Nulla sit amet est. Aenean posuere
tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.

this is a title

Dew Drop

Redesigne UI Concept

this is a title

Bottle Mockup

Lorem ipsum dolor sit.

Table Design

Lorem ipsum dolor sit amet.

Make Up elements

Lorem ipsum dolor.

Shoping Bag Concept

Lorem ipsum dolor.

Caramel Bottle

Lorem ipsum dolor.

Offer From Me

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed,
quasi dolores numquam dolor vero ex, tempora commodi repellendus quod laborum.

Media heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.

Well documented.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.

Well documented.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.

Free updates

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.

Solid Support

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.

Simple Installation

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.

SO WHAT YOU THINK ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis,
possimus commodi, fugiat magnam temporibus vero magni recusandae? Dolore, maxime praesentium.

Contact With Me

  • Worldshaper-XSHS, Xiaoshan High School

    Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China