Difference between revisions of "Team:CCA San Diego/Design"

(Prototype team page)
 
Line 1: Line 1:
−
{{CCA_San_Diego}}
+
{{CCA_Stylesheets}}
−
<html>
+
{{CCA_Bootstrap}}
 +
{{CCA_AllowFullWidth}}
 +
{{CCA_indentText}}
  
 +
<html style="height:1200px;">
  
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
 
  
 +
<body style="color:rgb(57,59,63);width:100%;height:1583px;background-color:#d9e1e2;">
 +
    <div>
 +
        <nav class="navbar navbar-default navbar-fixed-top navigation-clean" data-aos="flip-up" data-aos-duration="1150">
 +
            <div class="container">
 +
                <div class="navbar-header">
 +
                    <a class="navbar-brand navbar-link" href="/Team:CCA_San_Diego" style="color:rgb(57,59,63);"> <img src="https://raw.githubusercontent.com/winner123/IGEM/master/assets/img/0-1.png"></a>
 +
                    <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
 +
                </div>
 +
                <div class="collapse navbar-collapse" id="navcol-1">
 +
                    <ul class="nav navbar-nav navbar-right">
 +
                        <li class="dropdown open"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true" href="#" style="color:#217fba;">Project </a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Description">Description </a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Design">Design</a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Description#Results">Results </a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Description#Proof">Proof </a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Parts">Parts</a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Safety">Safety </a></li>
  
−
<div class="column full_size">
+
                            </ul>
−
<h1>Design</h1>
+
                        </li>
−
<p>
+
                       
−
Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.
+
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="#" style="color:#217fba;">Lab </a>
−
</p>
+
                            <ul class="dropdown-menu" role="menu">
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Demonstrate">Demonstrate</a></li>
 +
                                <li role="presentation"><a href="#">Second Item</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="#" style="color:#217fba;">Notebook </a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/lab_notebook">Lab Notebook</a></li>
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/protocols">Protocols </a></li>
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/medal_criteria">Medal Criteria </a></li>
 +
                               
 +
                                </li>
 +
                            </ul>
 +
                        </li>
  
−
<p>
+
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="/Team:CCA_San_Diego/InterLab" style="color:#217fba;">InterLab </a>
−
This page is different to the "Applied Design Award" page. Please see the <a href="https://2017.igem.org/Team:CCA_San_Diego/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
                        </li>
−
</p>
+
  
−
</div>
+
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="/human_practices" style="color:#217fba;">Human Practices</a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/HP/Silver">Silver</a></li>
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/HP/Gold_Integrated">Gold</a></li>
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/Engagement">Public Engagement</a></li>
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/Collaborations">Collaborations</a></li>
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/igem_goes_green"><p class="tab">iGEM Goes Green</p></a></li>
 +
                            </ul>
 +
                        </li>
 +
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="#" style="color:#217fba;">Awards</a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Model">Model</a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Measurement">Measurement</a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Applied_Design">Applied Design</a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Engagement">Public Engagement</a></li>
  
−
<div class="column half_size">
+
                            </ul>
−
<h5>What should this page contain?</h5>
+
                        </li>
−
<ul>
+
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="team:CCA_San_Diego/team" style="color:#217fba;">Team </a>
−
<li>Explanation of the engineering principles your team used in your design</li>
+
                            <ul class="dropdown-menu" role="menu">
−
<li>Discussion of the design iterations your team went through</li>
+
                                <li role="presentation"><a href="/Team:CCA_San_Diego/team">Team </a></li>
−
<li>Experimental plan to test your designs</li>
+
                                <li role="presentation"><a href="/team:CCA_San_Diego/Attributions">Attributions </a></li>
−
</ul>
+
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </nav>
 +
    </div>
 +
<!--video controls autoplay-->
 +
<!--iframe src="https://drive.google.com/file/d/0ByGPGIT0Ujv3aTdRaEdUQVRXZXM/preview" width="100%" height="auto"--><!--/iframe-->
 +
<!--/video-->
  
−
</div>
+
<img src="https://raw.githubusercontent.com/winner123/IGEM/master/assets/img/bannerfff.png" data-aos="flip-left" data-aos-duration="400" data-aos-delay="300" style="width:100%;height:60%;">
  
−
<div class="column half_size">
+
<center><img src="https://raw.githubusercontent.com/anjalisg/IGEM/master/IGEM%20Website/assets/img/storyboard%20(Custom).png" style="width:100%"></center>
−
<h5>Inspiration</h5>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
+
−
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
+
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
−
</ul>
+
−
</div>
+
  
  
 +
 +
    <div class="footer-dark">
 +
        <footer>
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-md-6 col-md-push-6 item text">
 +
                        <h3>Social media</h3>
 +
                        <ul>
 +
                            <li><a href="https://www.instagram.com/cca.igem/">Instagram</a></li>
 +
                            <li><a href="https://www.facebook.com/CCAiGEM/">Facebook</a></li>
 +
                            <li><a href="mailto:igemcca@gmail.com? cc=martinholmes1358@gmail.com & cc=aida.razavilar@gmail.com">Email</a></li>
 +
                        </ul-->
 +
                  </div>
 +
                   
 +
                    <div class="col-md-3 col-md-pull-6 col-sm-4 item">
 +
                        <h3>Sponsors </h3>
 +
                        <ul>
 +
                            <li><a href="https://www.labfellows.com/">Lab Fellows</a></li>
 +
                            <li><a href="http://www.canyoncrestfoundation.org/">CCA Foundation</a></li>
 +
                            <li><a href="https://www.genscript.com/">GeneScript</a></li>
 +
                            <li><a href="https://www.idtdna.com/site">IDT</a></li>
 +
                            <li><a href="#">Quest Foundation</a></li>
 +
                            <li><a href="https://ccaigemsummercamp.weebly.com">CCA iGEM Summer Camps 2017</a></li>
 +
                        </ul>
 +
                    </div>
 +
                    <div class="col-md-12 col-sm-4 item social"><a href="#"><i class="icon ion-social-facebook"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-snapchat"></i></a><a href="#"><i class="icon ion-social-instagram"></i></a></div>
 +
                </div>
 +
                <!--p class="copyright">CCA IGEM CC 2018</p-->
 +
            </div>
 +
        </footer>
 +
    </div>
 +
    <footer></footer>
 +
   
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" crossorigin="anonymous"></script>
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.js"></script>
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
AOS.init({ disable: 'mobile' });
 +
});
 +
</script>
 +
</body>
  
 
</html>
 
</html>

Revision as of 18:53, 27 October 2017