Difference between revisions of "Team:Worldshaper-XSHS"

Line 1: Line 1:
 
<html>
 
<html>
 +
<link rel='stylesheet' type='text/css' href='http://ihyit1011.w1w7.tumm.top/XSHS/css/wiki_edit.css' />
 +
<link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/bootstrap.min.css">
 +
<link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/ionicons.min.css">
 +
<link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/animate.css">
 +
<link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/slider.css">
 +
<link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/owl.carousel.css">
 +
<link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/owl.theme.css">
 +
<link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/jquery.fancybox.css">
 +
<link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/main.css">
 +
<link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/responsive.css">
 +
<script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
 +
<script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/jquery.min.js"></script>
 +
<script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/owl.carousel.min.js"></script>
 +
<script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/bootstrap.min.js"></script>
 +
<script src="js/wow.min.js"></script>
 +
<script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/slider.js"></script>
 +
<script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/jquery.fancybox.js"></script>
 +
<script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/main.js"></script>
  
−
<link rel='stylesheet' type='text/css' href='http://ihyit1011.w1w7.tumm.top/XSHS/css/wiki_edit.css' />
+
  <header id="top-bar" class="navbar-fixed-top animated-header">
−
 
+
    <div class="container">
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/bootstrap.min.css">
+
        <div class="navbar-header">
−
        <!-- Ionicons Fonts Css -->
+
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/ionicons.min.css">
+
                <span class="sr-only">Toggle navigation</span>
−
        <!-- animate css -->
+
                <span class="icon-bar"></span>
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/animate.css">
+
                <span class="icon-bar"></span>
−
        <!-- Hero area slider css-->
+
                <span class="icon-bar"></span>
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/slider.css">
+
            </button>
−
        <!-- owl craousel css -->
+
            <div class="navbar-brand">
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/owl.carousel.css">
+
                <a href="index.html" >
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/owl.theme.css">
+
                    worldshaper- <b>XSHS</b>
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/jquery.fancybox.css">
+
                </a>
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/main.css">
+
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/responsive.css">
+
−
 
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/jquery.min.js"></script>
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/owl.carousel.min.js"></script>
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/bootstrap.min.js"></script>
+
−
        <script src="js/wow.min.js"></script>
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/slider.js"></script>
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/jquery.fancybox.js"></script>
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/main.js"></script>
+
−
 
+
−
 
+
−
    <header id="top-bar" class="navbar-fixed-top animated-header">
+
−
        <div class="container">
+
−
            <div class="navbar-header">
+
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
−
                    <span class="sr-only">Toggle navigation</span>
+
−
                    <span class="icon-bar"></span>
+
−
                    <span class="icon-bar"></span>
+
−
                    <span class="icon-bar"></span>
+
−
                </button>
+
−
                <div class="navbar-brand">
+
−
                    <a href="index.html" >
+
−
                        worldshaper- <b>XSHS</b>
+
−
                    </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="index.html" >Home</a>
 
−
                        </li>
 
−
                        <li class="dropdown">
 
−
                            <a href="members.html" class="dropdown-toggle" data-toggle="dropdown">
 
−
                                Team
 
−
                                <span class="caret"></span>
 
−
                            </a>
 
−
                            <div class="dropdown-menu">
 
−
                                <ul>
 
−
                                    <li>
 
−
                                        <a href="members.html">Members</a>
 
−
                                    </li>
 
−
                                    <li>
 
−
                                        <a href="collaboration.html">Collaboration</a>
 
−
                                    </li>
 
−
                                    <li>
 
−
                                        <a href="attributions.html">Attributions</a>
 
−
                                    </li>
 
−
                                </ul>
 
−
                            </div>
 
−
                        </li>
 
−
                        <li class="dropdown">
 
−
                            <a href="description.html" class="dropdown-toggle" data-toggle="dropdown">
 
−
                                Project
 
−
                                <span class="caret"></span>
 
−
                            </a>
 
−
                            <div class="dropdown-menu">
 
−
                                <ul>
 
−
                                    <li>
 
−
                                        <a href="description.html">Description</a>
 
−
                                    </li>
 
−
                                    <li>
 
−
                                        <a href="design.html">Design</a>
 
−
                                    </li>
 
−
                                    <li>
 
−
                                        <a href="abstrac.html">Abstract</a>
 
−
                                    </li>
 
−
                                    <li>
 
−
                                        <a href="experiment.html">Experiments</a>
 
−
                                    </li>
 
−
                                    <li>
 
−
                                        <a href="result.html">Result</a>
 
−
                                    </li>
 
−
                                    <li>
 
−
                                        <a href="notebook.html">Notebook</a>
 
−
                                    </li>
 
−
                                    <li>
 
−
                                        <a href="demonstrate.html">Demostrate</a>
 
−
                                    </li>
 
−
                                </ul>
 
−
                            </div>
 
−
                        </li>
 
−
                        <li class="dropdown">
 
−
                            <a href="parts.html" class="dropdown-toggle" data-toggle="dropdown">
 
−
                                Parts
 
−
                                <span class="caret"></span>
 
−
                            </a>
 
−
                            <div class="dropdown-menu">
 
−
                                <ul>
 
−
                                    <li>
 
−
                                        <a href="parts.html">Parts</a>
 
−
                                    </li>
 
−
                                    <li>
 
−
                                        <a href="composition.html">Composition</a>
 
−
                                    </li>
 
−
                                    <li>
 
−
                                        <a href="collection.html">Collection</a>
 
−
                                    </li>
 
−
                                </ul>
 
−
                            </div>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="safety.html">Safety</a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="hp.html">HP</a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="awards.html">Awards</a>
 
−
                        </li>
 
−
                    </ul>
 
−
                </div>
 
−
            </nav>
 
 
         </div>
 
         </div>
−
     </header>
+
        <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 href="https://2017.igem.org/Team:Worldshaper-XSHS/members.html" 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/members.html">Members</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/collaboration.html">Collaboration</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/attributions.html">Attributions</a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="description.html" 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/description.html">Description</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/abstrac.html">Abstract</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/experiment.html">Experiments</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/notebook.html">Notebook</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/demonstrate.html">Demostrate</a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/parts.html" class="dropdown-toggle" data-toggle="dropdown">
 +
                            Parts
 +
                            <span class="caret"></span>
 +
                        </a>
 +
                        <div class="dropdown-menu">
 +
                            <ul>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/composition.html">Composition</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/collection.html">Collection</a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/hp.html">HP</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/awards.html">Awards</a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </nav>
 +
     </div>
 +
</header>
  
  
−
    <section class="visual">
+
<section class="visual">
−
        <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>
−
     </section>
+
     </div>
 +
</section>
  
  
  
  
−
    <section id="works" class="works">
+
<section id="works" class="works">
−
        <div class="container">
+
    <div class="container">
−
            <div class="section-heading">
+
        <div class="section-heading">
−
                <h1 class="title wow fadeInDown" data-wow-delay=".3s">Latest Works</h1>
+
            <h1 class="title wow fadeInDown" data-wow-delay=".3s">Latest Works</h1>
−
                <p class="wow fadeInDown" data-wow-delay=".5s">
+
            <p class="wow fadeInDown" data-wow-delay=".5s">
−
                    Aliquam lobortis. Maecenas vestibulum mollis diam. Pellentesque auctor neque nec urna. Nulla sit amet est. Aenean posuere
+
                Aliquam lobortis. Maecenas vestibulum mollis diam. Pellentesque auctor neque nec urna. Nulla sit amet est. Aenean posuere
−
                    <br>
+
                <br>
−
                    tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.
+
                tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.
−
                </p>
+
            </p>
−
            </div>
+
        </div>
−
            <div class="row">
+
        <div class="row">
−
                <div class="col-sm-4 col-xs-12">
+
            <div class="col-sm-4 col-xs-12">
−
                    <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
−
                        <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="this is a title" >
+
                        <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="overlay">
+
                        <div class="overlay">
−
                                <div class="buttons">
+
                            <div class="buttons">
−
                                    <a rel="gallery" class="fancybox" href="images/portfolio/item-1.jpg">Demo</a>
+
                                <a rel="gallery" class="fancybox" href="images/portfolio/item-1.jpg">Demo</a>
−
                                    <a target="_blank" href="single-portfolio.html">Details</a>
+
                                <a target="_blank" href="single-portfolio.html">Details</a>
−
                                </div>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <figcaption>
+
                    </div>
−
                            <h4>
+
                    <figcaption>
−
                                <a href="#">Dew Drop</a>
+
                        <h4>
−
                            </h4>
+
                            <a href="#">Dew Drop</a>
−
                            <p>Redesigne UI Concept</p>
+
                        </h4>
−
                        </figcaption>
+
                        <p>Redesigne UI Concept</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="300ms">
+
            <div class="col-sm-4 col-xs-12">
−
                        <div class="img-wrapper">
+
                <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms">
−
                            <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 class="overlay">
+
                        <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="buttons">
+
                        <div class="overlay">
−
                                    <a rel="gallery" class="fancybox" href="images/portfolio/item-2.jpg">Demo</a>
+
                            <div class="buttons">
−
                                    <a target="_blank" href="single-portfolio.html">Details</a>
+
                                <a rel="gallery" class="fancybox" href="images/portfolio/item-2.jpg">Demo</a>
−
                                </div>
+
                                <a target="_blank" href="single-portfolio.html">Details</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <figcaption>
+
                    </div>
−
                            <h4>
+
                    <figcaption>
−
                                <a href="#">Bottle Mockup</a>
+
                        <h4>
−
                            </h4>
+
                            <a href="#">Bottle Mockup</a>
−
                            <p>Lorem ipsum dolor sit.</p>
+
                        </h4>
−
                        </figcaption>
+
                        <p>Lorem ipsum dolor sit.</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="300ms">
+
            <div class="col-sm-4 col-xs-12">
−
                        <div class="img-wrapper">
+
                <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms">
−
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
+
                    <div class="img-wrapper">
−
                            <div class="overlay">
+
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
−
                                <div class="buttons">
+
                        <div class="overlay">
−
                                    <a rel="gallery" class="fancybox" href="images/portfolio/item-3.jpg">Demo</a>
+
                            <div class="buttons">
−
                                    <a target="_blank" href="single-portfolio.html">Details</a>
+
                                <a rel="gallery" class="fancybox" href="images/portfolio/item-3.jpg">Demo</a>
−
                                </div>
+
                                <a target="_blank" href="single-portfolio.html">Details</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <figcaption>
+
                    </div>
−
                            <h4>
+
                    <figcaption>
−
                                <a href="#">Table Design</a>
+
                        <h4>
−
                            </h4>
+
                            <a href="#">Table Design</a>
−
                            <p>Lorem ipsum dolor sit amet.</p>
+
                        </h4>
−
                        </figcaption>
+
                        <p>Lorem ipsum dolor sit amet.</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="600ms">
−
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
+
                    <div class="img-wrapper">
−
                            <div class="overlay">
+
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
−
                                <div class="buttons">
+
                        <div class="overlay">
−
                                    <a rel="gallery" class="fancybox" href="images/portfolio/item-4.jpg">Demo</a>
+
                            <div class="buttons">
−
                                    <a target="_blank" href="single-portfolio.html">Details</a>
+
                                <a rel="gallery" class="fancybox" href="images/portfolio/item-4.jpg">Demo</a>
−
                                </div>
+
                                <a target="_blank" href="single-portfolio.html">Details</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <figcaption>
+
                    </div>
−
                            <h4>
+
                    <figcaption>
−
                                <a href="#">Make Up elements</a>
+
                        <h4>
−
                            </h4>
+
                            <a href="#">Make Up elements</a>
−
                            <p>Lorem ipsum dolor.</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="900ms">
+
            <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 class="img-wrapper">
−
                            <div class="overlay">
+
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
−
                                <div class="buttons">
+
                        <div class="overlay">
−
                                    <a rel="gallery" class="fancybox" href="images/portfolio/item-5.jpg">Demo</a>
+
                            <div class="buttons">
−
                                    <a target="_blank" href="single-portfolio.html">Details</a>
+
                                <a rel="gallery" class="fancybox" href="images/portfolio/item-5.jpg">Demo</a>
−
                                </div>
+
                                <a target="_blank" href="single-portfolio.html">Details</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <figcaption>
+
                    </div>
−
                            <h4>
+
                    <figcaption>
−
                                <a href="#">Shoping Bag Concept</a>
+
                        <h4>
−
                            </h4>
+
                            <a href="#">Shoping Bag Concept</a>
−
                            <p>Lorem ipsum dolor.</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="1200ms">
+
            <div class="col-sm-4 col-xs-12">
−
                        <div class="img-wrapper">
+
                <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="1200ms">
−
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
+
                    <div class="img-wrapper">
−
                            <div class="overlay">
+
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
−
                                <div class="buttons">
+
                        <div class="overlay">
−
                                    <a rel="gallery" class="fancybox" href="images/portfolio/item-6.jpg">Demo</a>
+
                            <div class="buttons">
−
                                    <a target="_blank" href="single-portfolio.html">Details</a>
+
                                <a rel="gallery" class="fancybox" href="images/portfolio/item-6.jpg">Demo</a>
−
                                </div>
+
                                <a target="_blank" href="single-portfolio.html">Details</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <figcaption>
+
                    </div>
−
                            <h4>
+
                    <figcaption>
−
                                <a href="#">Caramel Bottle</a>
+
                        <h4>
−
                            </h4>
+
                            <a href="#">Caramel Bottle</a>
−
                            <p>Lorem ipsum dolor.</p>
+
                        </h4>
−
                        </figcaption>
+
                        <p>Lorem ipsum dolor.</p>
−
                    </figure>
+
                    </figcaption>
−
                 </div>
+
                 </figure>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </section>
+
     </div>
 +
</section>
  
  
Line 299: Line 291:
  
  
−
    <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 class="col-md-4 col-lg-4 col-xs-12">
+
            </div>
−
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="600ms">
+
            <div class="col-md-4 col-lg-4 col-xs-12">
−
                        <div class="media-left">
+
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="600ms">
−
                            <div class="icon"> <i class="ion-ios-lightbulb-outline"></i>
+
                    <div class="media-left">
−
                            </div>
+
                        <div class="icon"> <i class="ion-ios-lightbulb-outline"></i>
−
                        </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 class="col-md-4 col-lg-4 col-xs-12">
+
            </div>
−
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="900ms">
+
            <div class="col-md-4 col-lg-4 col-xs-12">
−
                        <div class="media-left">
+
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="900ms">
−
                            <div class="icon">
+
                    <div class="media-left">
−
                                <i class="ion-ios-lightbulb-outline"></i>
+
                        <div class="icon">
−
                            </div>
+
                            <i class="ion-ios-lightbulb-outline"></i>
−
                        </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 class="col-md-4 col-lg-4 col-xs-12">
+
            </div>
−
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1200ms">
+
            <div class="col-md-4 col-lg-4 col-xs-12">
−
                        <div class="media-left">
+
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1200ms">
−
                            <div class="icon">
+
                    <div class="media-left">
−
                                <i class="ion-ios-americanfootball-outline"></i>
+
                        <div class="icon">
−
                            </div>
+
                            <i class="ion-ios-americanfootball-outline"></i>
−
                        </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 class="col-md-4 col-lg-4 col-xs-12">
+
            </div>
−
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1500ms">
+
            <div class="col-md-4 col-lg-4 col-xs-12">
−
                        <div class="media-left">
+
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1500ms">
−
                            <div class="icon">
+
                    <div class="media-left">
−
                                <i class="ion-ios-keypad-outline"></i>
+
                        <div class="icon">
−
                            </div>
+
                            <i class="ion-ios-keypad-outline"></i>
−
                        </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 class="col-md-4 col-lg-4 col-xs-12">
+
            </div>
−
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1800ms">
+
            <div class="col-md-4 col-lg-4 col-xs-12">
−
                        <div class="media-left">
+
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1800ms">
−
                            <div class="icon">
+
                    <div class="media-left">
−
                                <i class="ion-ios-barcode-outline"></i>
+
                        <div class="icon">
−
                            </div>
+
                            <i class="ion-ios-barcode-outline"></i>
−
                        </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>
−
     </section>
+
     </div>
 +
</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>
−
     </section>
+
     </div>
−
 
+
</section>
−
    <footer id="footer">
+
−
        <div class="container">
+
−
                <p class="copyright">
+
−
                    Copyright &copy; 2017 Team: worldshaper-XSHS All Rights Reserved.
+
−
                </p>
+
−
        </div>
+
−
    </footer>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
  
−
+
<footer id="footer">
 +
    <div class="container">
 +
            <p class="copyright">
 +
                Copyright &copy; 2017 Team: worldshaper-XSHS All Rights Reserved.
 +
            </p>
 +
    </div>
 +
</footer>
  
 
</html>
 
</html>

Revision as of 11:46, 16 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
Demo Details

Dew Drop

Redesigne UI Concept

this is a title
Demo Details

Bottle Mockup

Lorem ipsum dolor sit.

Demo Details

Table Design

Lorem ipsum dolor sit amet.

Demo Details

Make Up elements

Lorem ipsum dolor.

Demo Details

Shoping Bag Concept

Lorem ipsum dolor.

Demo Details

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

Copyright © 2017 Team: worldshaper-XSHS All Rights Reserved.