Difference between revisions of "Template:CGU Taiwan"

Line 1: Line 1:
−
{{Template_All_Teams}}
+
<!DOCTYPE html>
 +
<html lang="en">
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
    <title>Home | Triangle</title>
 +
    <link href="css/bootstrap.min.css" rel="stylesheet">
 +
    <link href="css/font-awesome.min.css" rel="stylesheet">
 +
    <link href="css/animate.min.css" rel="stylesheet">
 +
    <link href="css/lightbox.css" rel="stylesheet">
 +
<link href="css/main.css" rel="stylesheet">
 +
<link href="css/responsive.css" rel="stylesheet">
  
−
<!-- Declare that you are going to use html code instead of wiki code -->
+
    <!--[if lt IE 9]>
−
<html>
+
    <script src="js/html5shiv.js"></script>
 +
    <script src="js/respond.min.js"></script>
 +
    <![endif]-->      
 +
    <link rel="shortcut icon" href="images/ico/favicon.ico">
 +
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
 +
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
 +
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
 +
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
 +
</head><!--/head-->
  
−
<!-- Start of CSS-->
+
<body>
−
<style type="text/css">
+
<header id="header">     
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-sm-12 overflow">
 +
                  <div class="social-icons pull-right">
 +
                        <ul class="nav nav-pills">
 +
                            <li><a href=""><i class="fa fa-facebook"></i></a></li>
 +
                            <li><a href=""><i class="fa fa-twitter"></i></a></li>
 +
                            <li><a href=""><i class="fa fa-google-plus"></i></a></li>
 +
                            <li><a href=""><i class="fa fa-dribbble"></i></a></li>
 +
                            <li><a href=""><i class="fa fa-linkedin"></i></a></li>
 +
                        </ul>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="navbar navbar-inverse" role="banner">
 +
            <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>
  
−
/* PAGE LAYOUT */
+
                    <a class="navbar-brand" href="index.html">
 +
                    <h1><img src="images/logo.png" alt="logo"></h1>
 +
                    </a>
 +
                   
 +
                </div>
 +
                <div class="collapse navbar-collapse">
 +
                    <ul class="nav navbar-nav navbar-right">
 +
                        <li class="active"><a href="index.html">Home</a></li>
 +
                        <li class="dropdown"><a href="#">Pages <i class="fa fa-angle-down"></i></a>
 +
                            <ul role="menu" class="sub-menu">
 +
                                <li><a href="aboutus.html">About</a></li>
 +
                                <li><a href="aboutus2.html">About 2</a></li>
 +
                                <li><a href="service.html">Services</a></li>
 +
                                <li><a href="pricing.html">Pricing</a></li>
 +
                                <li><a href="contact.html">Contact us</a></li>
 +
                                <li><a href="contact2.html">Contact us 2</a></li>
 +
                                <li><a href="404.html">404 error</a></li>
 +
                                <li><a href="coming-soon.html">Coming Soon</a></li>
 +
                            </ul>
 +
                        </li>                   
 +
                        <li class="dropdown"><a href="blog.html">Blog <i class="fa fa-angle-down"></i></a>
 +
                            <ul role="menu" class="sub-menu">
 +
                                <li><a href="blog.html">Blog Default</a></li>
 +
                                <li><a href="blogtwo.html">Timeline Blog</a></li>
 +
                                <li><a href="blogone.html">2 Columns + Right Sidebar</a></li>
 +
                                <li><a href="blogthree.html">1 Column + Left Sidebar</a></li>
 +
                                <li><a href="blogfour.html">Blog Masonary</a></li>
 +
                                <li><a href="blogdetails.html">Blog Details</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown"><a href="portfolio.html">Portfolio <i class="fa fa-angle-down"></i></a>
 +
                            <ul role="menu" class="sub-menu">
 +
                                <li><a href="portfolio.html">Portfolio Default</a></li>
 +
                                <li><a href="portfoliofour.html">Isotope 3 Columns + Right Sidebar</a></li>
 +
                                <li><a href="portfolioone.html">3 Columns + Right Sidebar</a></li>
 +
                                <li><a href="portfoliotwo.html">3 Columns + Left Sidebar</a></li>
 +
                                <li><a href="portfoliothree.html">2 Columns</a></li>
 +
                                <li><a href="portfolio-details.html">Portfolio Details</a></li>
 +
                            </ul>
 +
                        </li>                       
 +
                        <li><a href="shortcodes.html ">Shortcodes</a></li>                   
 +
                    </ul>
 +
                </div>
 +
                <div class="search">
 +
                    <form role="form">
 +
                        <i class="fa fa-search"></i>
 +
                        <div class="field-toggle">
 +
                            <input type="text" class="search-form" autocomplete="off" placeholder="Search">
 +
                        </div>
 +
                    </form>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </header>
 +
    <!--/#header-->
  
−
/* Change Background color*/
+
    <section id="home-slider">
−
body {
+
        <div class="container">
−
background-color: #fff;
+
            <div class="row">
−
}
+
                <div class="main-slider">
 +
                    <div class="slide-text">
 +
                        <h1>We Are Creative Nerds</h1>
 +
                        <p>Boudin doner frankfurter pig. Cow shank bresaola pork loin tri-tip tongue venison pork belly meatloaf short loin landjaeger biltong beef ribs shankle chicken andouille.</p>
 +
                        <a href="#" class="btn btn-common">SIGN UP</a>
 +
                    </div>
 +
                    <img src="images/home/slider/hill.png" class="slider-hill" alt="slider image">
 +
                    <img src="images/home/slider/house.png" class="slider-house" alt="slider image">
 +
                    <img src="images/home/slider/sun.png" class="slider-sun" alt="slider image">
 +
                    <img src="images/home/slider/birds1.png" class="slider-birds1" alt="slider image">
 +
                    <img src="images/home/slider/birds2.png" class="slider-birds2" alt="slider image">
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="preloader"><i class="fa fa-sun-o fa-spin"></i></div>
 +
    </section>
 +
    <!--/#home-slider-->
  
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
+
    <section id="services">
−
#mainContainer { 
+
        <div class="container">
−
width: 978px;
+
            <div class="row">
−
overflow:hidden;
+
                <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms">
−
float:left;
+
                    <div class="single-service">
−
margin-left:20px;
+
                        <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="300ms">
−
margin-bottom: 10px;
+
                            <img src="images/home/icon1.png" alt="">
−
background-color: #fff;
+
                        </div>
−
border-bottom: 14px solid #565656;
+
                        <h2>Incredibly Responsive</h2>
−
border-right: 2px solid #565656;
+
                        <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine. Cow shankle beef sirloin chicken ground round.</p>
−
border-left: 2px solid #565656;
+
                    </div>
−
border-top: 2px solid #565656;
+
                </div>
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
                <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms">
−
}
+
                    <div class="single-service">
 +
                        <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="600ms">
 +
                            <img src="images/home/icon2.png" alt="">
 +
                        </div>
 +
                        <h2>Superior Typography</h2>
 +
                        <p>Hamburger ribeye drumstick turkey, strip steak sausage ground round shank pastrami beef brisket pancetta venison.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="900ms">
 +
                    <div class="single-service">
 +
                        <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="900ms">
 +
                            <img src="images/home/icon3.png" alt="">
 +
                        </div>
 +
                        <h2>Swift Page Builder</h2>
 +
                        <p>Venison tongue, salami corned beef ball tip meatloaf bacon. Fatback pork belly bresaola tenderloin bone pork kevin shankle.</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
    <!--/#services-->
  
−
/* Creates the container for the menu */
+
    <section id="action" class="responsive">
−
#menuContainer  {
+
        <div class="vertical-center">
−
float:left;
+
            <div class="container">
−
width: 134px;
+
                <div class="row">
−
padding: 20px 0px;
+
                    <div class="action take-tour">
−
border-top: 14px solid #565656;
+
                        <div class="col-sm-7 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
−
background-color: #E8E8E9;
+
                            <h1 class="title">Triangle Corporate Template</h1>
−
}
+
                            <p>A responsive, retina-ready &amp; wide multipurpose template.</p>
 +
                        </div>
 +
                        <div class="col-sm-5 text-center wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
 +
                            <div class="tour-button">
 +
                                <a href="#" class="btn btn-common">TAKE THE TOUR</a>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
  </section>
 +
    <!--/#action-->
  
−
/* Creates the container for the content */
+
    <section id="features">
−
#contentContainer {
+
        <div class="container">
−
padding-top:20px;
+
            <div class="row">
−
padding-right:10px;
+
                <div class="single-features">
−
margin-bottom: 20px;
+
                    <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
−
width: 814px;
+
                        <img src="images/home/image1.png" class="img-responsive" alt="">
−
padding-left: 20px;
+
                    </div>
−
float: left;
+
                    <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
−
background-color: #fff;
+
                        <h2>Experienced and Enthusiastic</h2>
−
border-top: 14px solid #565656;
+
                        <P>Pork belly leberkas cow short ribs capicola pork loin. Doner fatback frankfurter jerky meatball pastrami bacon tail sausage. Turkey fatback ball tip, tri-tip tenderloin drumstick salami strip steak.</P>
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
                    </div>
−
}
+
                </div>
 +
                <div class="single-features">
 +
                    <div class="col-sm-6 col-sm-offset-1 align-right wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
 +
                        <h2>Built for the Responsive Web</h2>
 +
                        <P>Mollit eiusmod id chuck turducken laboris meatloaf pork loin tenderloin swine. Pancetta excepteur fugiat strip steak tri-tip. Swine salami eiusmod sint, ex id venison non. Fugiat ea jowl cillum meatloaf.</P>
 +
                    </div>
 +
                    <div class="col-sm-5 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
 +
                        <img src="images/home/image2.png" class="img-responsive" alt="">
 +
                    </div>
 +
                </div>
 +
                <div class="single-features">
 +
                    <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
 +
                        <img src="images/home/image3.png" class="img-responsive" alt="">
 +
                    </div>
 +
                    <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
 +
                        <h2>Experienced and Enthusiastic</h2>
 +
                        <P>Ut officia cupidatat anim excepteur fugiat cillum ea occaecat rump pork chop tempor. Ut tenderloin veniam commodo. Shankle aliquip short ribs, chicken eiusmod exercitation shank landjaeger spare ribs corned beef.</P>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
    <!--/#features-->
  
−
/*Set up height place holder for the banner*/
+
    <section id="clients">
−
#bannerContainer {
+
        <div class="container">
−
height:200px;
+
            <div class="row">
−
margin:auto;
+
                <div class="col-sm-12">
−
text-align:center;
+
                    <div class="clients text-center wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms">
−
color: #24B694;
+
                        <p><img src="images/home/clients.png" class="img-responsive" alt=""></p>
−
}
+
                        <h1 class="title">Happy Clients</h1>
 +
                        <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br> Ut enim ad minim veniam, quis nostrud </p>
 +
                    </div>
 +
                    <div class="clients-logo wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms">
 +
                        <div class="col-xs-3 col-sm-2">
 +
                            <a href="#"><img src="images/home/client1.png" class="img-responsive" alt=""></a>
 +
                        </div>
 +
                        <div class="col-xs-3 col-sm-2">
 +
                            <a href="#"><img src="images/home/client2.png" class="img-responsive" alt=""></a>
 +
                        </div>
 +
                        <div class="col-xs-3 col-sm-2">
 +
                            <a href="#"><img src="images/home/client3.png" class="img-responsive" alt=""></a>
 +
                        </div>
 +
                        <div class="col-xs-3 col-sm-2">
 +
                            <a href="#"><img src="images/home/client4.png" class="img-responsive" alt=""></a>
 +
                        </div>
 +
                        <div class="col-xs-3 col-sm-2">
 +
                            <a href="#"><img src="images/home/client5.png" class="img-responsive" alt=""></a>
 +
                        </div>
 +
                        <div class="col-xs-3 col-sm-2">
 +
                            <a href="#"><img src="images/home/client6.png" class="img-responsive" alt=""></a>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
    <!--/#clients-->
  
−
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
    <footer id="footer">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-sm-12 text-center bottom-separator">
 +
                    <img src="images/home/under.png" class="img-responsive inline" alt="">
 +
                </div>
 +
                <div class="col-md-4 col-sm-6">
 +
                    <div class="testimonial bottom">
 +
                        <h2>Testimonial</h2>
 +
                        <div class="media">
 +
                            <div class="pull-left">
 +
                                <a href="#"><img src="images/home/profile1.png" alt=""></a>
 +
                            </div>
 +
                            <div class="media-body">
 +
                                <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote>
 +
                                <h3><a href="#">- Jhon Kalis</a></h3>
 +
                            </div>
 +
                        </div>
 +
                        <div class="media">
 +
                            <div class="pull-left">
 +
                                <a href="#"><img src="images/home/profile2.png" alt=""></a>
 +
                            </div>
 +
                            <div class="media-body">
 +
                                <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote>
 +
                                <h3><a href="">- Abraham Josef</a></h3>
 +
                            </div>
 +
                        </div> 
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-3 col-sm-6">
 +
                    <div class="contact-info bottom">
 +
                        <h2>Contacts</h2>
 +
                        <address>
 +
                        E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br>
 +
                        Phone: +1 (123) 456 7890 <br>
 +
                        Fax: +1 (123) 456 7891 <br>
 +
                        </address>
  
−
/*Change the styling of text for everything inside main container*/
+
                        <h2>Address</h2>
−
#mainContainer p {
+
                        <address>
−
font-size: 13px;
+
                        Unit C2, St.Vincent's Trading Est., <br>
−
color: #000000;
+
                        Feeder Road, <br>
−
}
+
                        Bristol, BS2 0UY <br>
−
+
                        United Kingdom <br>
−
/*This changes the color and font family */
+
                        </address>
−
#contentContainer h1, h2, h3, h4, h5, h6 {
+
                    </div>
−
color: #565656;
+
                </div>
−
border-bottom: none;
+
                <div class="col-md-4 col-sm-12">
−
font-weight: bold;
+
                    <div class="contact-form bottom">
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
                        <h2>Send a message</h2>
−
margin-top:10px;
+
                        <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php">
−
}
+
                            <div class="form-group">
 +
                                <input type="text" name="name" class="form-control" required placeholder="Name">
 +
                            </div>
 +
                            <div class="form-group">
 +
                                <input type="email" name="email" class="form-control" required placeholder="Email Id">
 +
                            </div>
 +
                            <div class="form-group">
 +
                                <textarea name="message" id="message" required class="form-control" rows="8" placeholder="Your text here"></textarea>
 +
                            </div>                       
 +
                            <div class="form-group">
 +
                                <input type="submit" name="submit" class="btn btn-submit" value="Submit">
 +
                            </div>
 +
                        </form>
 +
                    </div>
 +
                </div>
 +
                <div class="col-sm-12">
 +
                    <div class="copyright-text text-center">
 +
                        <p>&copy; Your Company 2014. All Rights Reserved.</p>
 +
                        <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </footer>
 +
    <!--/#footer-->
  
−
/*Style of the links - links are different inside the menu */
+
    <script type="text/javascript" src="js/jquery.js"></script>
−
#contentContainer a {
+
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
−
font-weight: bold;
+
    <script type="text/javascript" src="js/lightbox.min.js"></script>
−
color: #23b593;
+
    <script type="text/javascript" src="js/wow.min.js"></script>
−
}
+
    <script type="text/javascript" src="js/main.js"></script>  
−
 
+
</body>
−
  /* Styling links on hover- links are different inside the menu */
+
−
#contentContainer a:hover {
+
−
color: #59bf92;
+
−
}
+
−
 
+
−
/*Change the styling of tables */
+
−
        #contentContainer table {
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    width: 90%
+
−
    margin: auto;
+
−
    margin-bottom: 15px;
+
−
    margin-top: 15px;
+
−
    margin-right: 10px;
+
−
    margin-left: 10px;
+
−
    }
+
−
 
+
−
/*Change the styling of table cells*/
+
−
    #contentContainer  td {
+
−
    padding: 10px;
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
−
 
+
−
/*Change the styling of table headers */
+
−
    #contentContainer th {
+
−
    background-color: #E8E8E9;
+
−
    padding: 10px;
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
−
 
+
−
 
+
−
 
+
−
/*MENU STYLING */
+
−
 
+
−
/*Styling for the links in the menu */
+
−
#menuContainer a {
+
−
color: #565656;
+
−
text-decoration:none;
+
−
font-weight: bold;
+
−
}
+
−
 
+
−
/* Sets the style for lists inside menuContainer  */
+
−
#menuContainer ul {
+
−
list-style: none;
+
−
margin-left:0px;
+
−
}
+
−
 
+
−
/*Styles the list items to become menu buttons */
+
−
#menuContainer ul li {
+
−
text-align: center;
+
−
display: block;
+
−
width: 100%;
+
−
height:30px;
+
−
padding-top:10px;
+
−
}
+
−
 
+
−
/*For the menu buttons, changes the color when hovering*/
+
−
#menuContainer li:hover {
+
−
color:  #FFF;
+
−
background-color: #24B694;
+
−
}
+
−
 
+
−
/*Submenus are not displayed as default*/
+
−
#menuContainer li ul {
+
−
display: none;
+
−
padding-top:15px;
+
−
margin-left: -19px;
+
−
}
+
−
 
+
−
/*Submenus are displayed when hovering the menu button */
+
−
#menuContainer li:hover ul {
+
−
/*display: inline-block; */
+
−
display: block;
+
−
position: absolute;
+
−
float:right;
+
−
margin-left: 134px;
+
−
margin-top:-42px;
+
−
}
+
−
 
+
−
/*Style the submenu buttons*/
+
−
#menuContainer li ul li{
+
−
background-color: #59BF92;
+
−
padding-left:20px;
+
−
padding-right:20px;
+
−
height:30px;
+
−
padding-top:10px;
+
−
margin-top:-2px;
+
−
color: #565656;
+
−
width: 150px;
+
−
}
+
−
 
+
−
/*CLASSES */
+
−
 
+
−
/*Clear class for all the pages, adds spacing too*/
+
−
.clear{
+
−
clear:both;
+
−
height: 10px;
+
−
}
+
−
 
+
−
 
+
−
/* highlight box for special messages */
+
−
    .highlightBox {
+
−
        width:500px;
+
−
        margin:auto;
+
−
        background-color: #E8E8E9;
+
−
margin-bottom: 15px;
+
−
margin-top: 15px;
+
−
padding: 15px;
+
−
padding-top: 5px;
+
−
    }
+
−
 
+
−
 
+
−
</style>
+
−
<!-- End of CSS -->
+
−
 
+
−
 
+
−
<!-- Start of the template html elements. -->
+
−
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
+
−
 
+
−
 
+
−
<div id="bannerContainer">
+
−
+
−
<a href="https://static.igem.org/mediawiki/2015/3/3c/Team_CGU_Taiwan_banner.jpg">
+
−
<img src="https://static.igem.org/mediawiki/2015/3/3c/Team_CGU_Taiwan_banner.jpg" class="image feature" width="380" height="200" ></a>
+
−
+
−
+
−
</div>
+
−
 
+
−
<!-- Start of menu -->
+
−
<div id="menuContainer">
+
−
 
+
−
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
−
<ul>
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan"><li>HOME</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Team"><li>TEAM</li></a>
+
−
 
+
−
<a href="#"><li>PROJECT
+
−
            <ul>
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Description"><li>Description</li></a>
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Experiments"><li>Experiments &amp; Protocols</li></a> 
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Results"><li>Results</li></a> 
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Design"><li>Design</li></a>
+
−
</ul>
+
−
</li></a>
+
−
 
+
−
<a href="#"><li>PARTS
+
−
            <ul>
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Parts"><li>Team Parts</li></a>
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Basic_Part"><li>Basic Parts</li></a> 
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Composite_Part"><li>Composite Parts</li></a>
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Part_Collection"><li>Part Collection</li></a> 
+
−
</ul>
+
−
</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Notebook"><li>NOTEBOOK</li></a>
+
−
     
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Attributions"><li>ATTRIBUTIONS</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Collaborations"><li>COLLABORATIONS</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Practices"><li>HUMAN PRACTICES</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Safety"><li>SAFETY</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Modeling"><li>MODELING</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Measurement"><li>MEASUREMENT</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Software"><li>SOFTWARE</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:CGU_Taiwan/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
+
−
 
+
−
</ul>
+
−
</div>
+
−
<!-- End of menu  -->
+
−
 
+
−
<!-- Start of content -->
+
−
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
+
 
</html>
 
</html>

Revision as of 11:02, 26 July 2015

<!DOCTYPE html> Home | Triangle

We Are Creative Nerds

Boudin doner frankfurter pig. Cow shank bresaola pork loin tri-tip tongue venison pork belly meatloaf short loin landjaeger biltong beef ribs shankle chicken andouille.

SIGN UP
slider image slider image slider image slider image slider image

Incredibly Responsive

Ground round tenderloin flank shank ribeye. Hamkevin meatball swine. Cow shankle beef sirloin chicken ground round.

Superior Typography

Hamburger ribeye drumstick turkey, strip steak sausage ground round shank pastrami beef brisket pancetta venison.

Swift Page Builder

Venison tongue, salami corned beef ball tip meatloaf bacon. Fatback pork belly bresaola tenderloin bone pork kevin shankle.

Triangle Corporate Template

A responsive, retina-ready & wide multipurpose template.

TAKE THE TOUR

Experienced and Enthusiastic

Pork belly leberkas cow short ribs capicola pork loin. Doner fatback frankfurter jerky meatball pastrami bacon tail sausage. Turkey fatback ball tip, tri-tip tenderloin drumstick salami strip steak.

Built for the Responsive Web

Mollit eiusmod id chuck turducken laboris meatloaf pork loin tenderloin swine. Pancetta excepteur fugiat strip steak tri-tip. Swine salami eiusmod sint, ex id venison non. Fugiat ea jowl cillum meatloaf.

Experienced and Enthusiastic

Ut officia cupidatat anim excepteur fugiat cillum ea occaecat rump pork chop tempor. Ut tenderloin veniam commodo. Shankle aliquip short ribs, chicken eiusmod exercitation shank landjaeger spare ribs corned beef.

Happy Clients

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud

Testimonial

Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.

- Jhon Kalis

Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.

- Abraham Josef

Contacts

E-mail: email@email.com
Phone: +1 (123) 456 7890
Fax: +1 (123) 456 7891

Address

Unit C2, St.Vincent's Trading Est.,
Feeder Road,
Bristol, BS2 0UY
United Kingdom

Send a message

© Your Company 2014. All Rights Reserved.

Designed by Themeum