Difference between revisions of "Team:Valencia UPV/Part Collection"

(Prototype team page)
 
Line 1: Line 1:
−
{{Valencia_UPV}}
+
{{Valencia_UPV/bootstrap.css}}
 +
{{Valencia_UPV/custom.css}}
 +
{{Valencia_UPV/flickity.css}}
 +
{{Valencia_UPV/iconsmind.css}}
 +
{{Valencia_UPV/jquery.steps.css}}
 +
{{Valencia_UPV/lightbox.min.css}}
 +
{{Valencia_UPV/stackinterface.css}}
 +
{{Valencia_UPV/theme.css}}
 +
{{Valencia_UPV/navBar}}
 +
 
 
<html>
 
<html>
 +
<style>
  
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
  
 +
</style>
  
−
<div class="column full_size judges-will-not-evaluate">
+
    <head>
−
<h3>★  ALERT! </h3>
+
        <meta charset="utf-8">
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
        <title>Stack Multipurpose HTML Template</title>
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
        <meta name="description" content="Site Description Here">
 +
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
 +
        <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
 
 +
 
 +
 
 +
 
 +
       
 +
    </head>
 +
  <body class="" style="background-color:#353535;">
 +
        <a id="start"></a>
 +
     
 +
         
 +
<div class="main-container">
 +
   
 +
            <section style="
 +
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 +
              <div class="main-container" style="
 +
height: 100%;">
 +
              <center style="
 +
height: 100%;">
 +
              <div class="col-md-10" style="
 +
height: 100%;margin-top: 4em;">
 +
<div id="logoPrinteria" class="item" style="
 +
background-image: url(https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg);
 +
height: 100%;
 +
width: 100%;background-attachment: fixed;background-size: cover;">
 +
   
 +
    <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
 +
<a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
 +
            <i class="stack-interface stack-down-open-big"></i>
 +
        </a>
 +
</div>
 +
   
 +
</div>
 
</div>
 
</div>
 +
               
 +
              </center>
 +
             
 +
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
 +
              <div class="all-page-modals"></div>
 +
              </section></div>
  
  
−
<div class="clear"></div>
+
           
  
  
 +
<section id="story" class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
 +
                <div class="container">
 +
                    <div class="row">
  
  
−
<div class="column full_size">
+
<div class="col-md-3" style="
 +
    margin-left: 0em;
 +
    padding-right: 0px;
 +
    padding-left: 0.2em;
 +
">
 +
   
 +
    <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
 +
                                <h4 style="
 +
    padding-left: 1em;
 +
">Index</h4>
  
−
<h1> Part Collection </h1>
 
−
<p>Did your team make a lot of great parts? Is there a theme that ties all your parts together? Do you have more than 10 parts in this collection? Did you make a CRISPR collection, a MoClo collection, or a collection of awesome pigment parts? Describe your parts collection on this page, so the judges can evaluate you for the Best Part Collection award.</p>
 
  
−
<p>
+
<ul class="lateral">
−
While you should put all the characterization information for your parts on the Registry, you are encouraged to explain how all your parts form a collection on this page.  
+
                                    <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;/* color: #353535; */">
 +
                                        <div class="tab__title" style="
 +
    line-height: 1.3em;
 +
    /* padding-left: 0.5em; */
 +
">
 +
                                                <a class="lateral" style="
 +
    /* color: #ffffff; */
 +
    opacity: 1;
 +
    list-style-type: circle;
 +
">Introduction</a>
 +
                                        </div>
 +
                                       
 +
                                    </li>
 +
                                    <li class="lateral">
 +
                                        <div class="tab__title" style="
 +
    line-height: 1.3em;
 +
">
 +
                                                <a class="lateral" style="
 +
    color: #353535;
 +
    opacity: 1;
 +
">Basic Parts</a>
 +
                                        </div>
 +
                                       
 +
                                    </li>
 +
                                    <li class="lateral">
 +
                                        <div class="tab__title" style="
 +
    line-height: 1.3em;
 +
">
 +
                                                <a class="lateral" style="
 +
    color: #353535;
 +
    opacity: 1;
 +
">Composite parts</a>
 +
                                        </div>
 +
                                       
 +
                                    </li>
 +
                                    <li class="lateral">
 +
                                        <div class="tab__title" style="
 +
    line-height: 1.3em;
 +
">
 +
                                                <a class="lateral" style="
 +
    color: #353535;
 +
    opacity: 1;
 +
">Plasmids</a>
 +
                                        </div>
 +
                                       
 +
                                    </li>
 +
                                    <li class="lateral">
 +
                                        <div class="tab__title" style="
 +
    line-height: 1.3em;
 +
">
 +
                                                <a class="lateral" style="
 +
    color: #353535;
 +
    opacity: 1;
 +
 
 +
                            <div style="
 +
">
 +
                              <!--<h1 style="
 +
    color: #353535;
 +
">Lorem ipsum</h1>-->
 +
 
 +
<!--<h2 style="
 +
    color: #353535;
 +
">Lorem ipsum</h2>-->
 +
 
 +
<h3 style="
 +
    color: #353535;
 +
    font-weight: 700;
 +
    font-size: 40px;
 +
    margin-bottom: 0.2em;
 +
">Part Collection</h3>
 +
<h4 style="
 +
    color: #353535;
 +
    font-weight: 700;
 +
    font-size: 21px;
 +
    margin-bottom: 0.8em;
 +
">Introduction</h4>
 +
 
 +
<!--<h5 style="
 +
    color: #353535;
 +
    font-size: 16px;
 +
    font-weight: 750;
 +
">Lorem ipsum</h5>-->
 +
 
 +
<!--<h6 style="
 +
    color: #797979;
 +
">Lorem ipsum</h6>-->
 +
 
 +
<p style="
 +
    line-height: 1.7;
 +
    margin-bottom: 0;
 +
    color: #353535;">Assembly methods using type IIS restriction enzymes (methods based on the Golden Gate technology) have a great advantage over those using Type II: The reaction is performed in a single step, without the need for gel band purification which decreases the efficiency of the assembly and is time consuming. In addition, with the Golden Gate technology it is possible to make assemblies with more than two pieces and the backbone in a single reaction. For these reasons, the Golden Gate technology is very well adapted to Printeria because its automation is less complicated than in other assembly methods.  
 
</p>
 
</p>
 +
<p style="
 +
    line-height: 1.7;
 +
    margin-bottom: 0;
 +
    color: #353535;">It is because of these advantages that the Golden Gate technology is increasingly used. However, finding collections of parts in the same standard optimized for E. coli and well characterized is very complicated. That's why we decided to create our collection of basic parts: promoters, RBS, CDS and a terminator. This collection is based on some of the most used parts in E. coli from the Registry of Standard Biological Parts. To create this collection we used the Golden Braid 3.0 standard (link to that page). In addition, to give value to this collection, we have made a characterization of these parts.
 +
</p>
 +
<p style="
 +
    line-height: 1.7;
 +
    margin-bottom: 0;
 +
    color: #353535;">In our collection we have represented different types of basic parts so that, combining them, we can create transcriptional units of different types: constitutive, inducible, repressible, depending on another construction …
 +
</p>
 +
</p>
 +
 +
                            <div style="
 +
    padding-bottom: 1em;
 +
    text-align: right;
 +
">
 +
                                    <img src="http://via.placeholder.com/800x400" alt="" style="
 +
    margin-top: 2.8em;
 +
    margin-bottom: 0.8em;
 +
    border-radius: 0.3em;
 +
">
 +
<div style="
 +
    width: 100%;
 +
    padding-left: 19em;
 +
    padding-right: 1em;
 +
"><h6 style="
 +
    color: #797979;
 +
    font-weight: 300;
 +
    /* font-size: 16px; */
 +
    text-align: right;
 +
    line-height: 1.7;
 +
">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h6>
 
</div>
 
</div>
 +
                            </div>
  
 +
                            <p style="
 +
    line-height: 1.7;
 +
">
  
−
<div class="column full_size">
+
                            I am member of the Instituto Universitario de Matemática Pura y Aplicada of the UPV. I am also interested in Biomedical Data Analysis, Graph Theory, Network Science, and in the applications of Mathematics to Computational, Systems and Synthetic Biology,  and Communication Networks. I am the author of more than 50 research articles published in international research journals. In addition, I have stayed at the following universities for short periods: in Bowling Green (OH) and Kent (OH) (USA), Lecce (Italy), Prague (Czech Rep.) And Tübingen (Germany).
−
<div class="highlight decoration_background">
+
−
<h3>Note</h3>
+
−
<p>This page should list all the parts in the collection your team made during your project. You must add all characterization information for your parts on the Registry. You should not put characterization information on this page.</p>
+
−
</div>
+
−
</div>
+
  
−
<div class="column full_size">
+
                            Before being Director of the Department of Applied Mathematics, I held the position of Director of Academic Performance and Curricular Students Assessment Area of the Vice-rectorate of Students and Culture of the UPV. Previously I held these positions university: Deputy Dean of the ETSINF (formerly Faculty of Informatics) (2004-2009), and Secretary of the Commission of the Strategic Plan of the UPV for the period 2007-2014 (2005-2007).
−
<h3>Best Part Collection Special Prize</h3>
+
 
−
<p>To be eligible for this award, these parts must adhere to <a href="http://parts.igem.org/DNA_Submission">Registry sample submission guidelines</a> and have been sent to the Registry of Standard Biological Parts. If you have a collection of parts you wish to nominate your team for this <a href="https://2018.igem.org/Judging/Awards">special prize</a>, make sure you add your part numbers to your <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a> and delete the box at the top of this page.</p>
+
                            </p>
 +
 
 +
                            </div>
 +
 
 +
                            <div>
 +
                                <ul style="
 +
    padding-top: 1.2em;
 +
    padding-bottom: 1em;
 +
">
 +
                                    <li>
 +
                                        <p>Elemento de prueba</p>
 +
                                    </li>
 +
                                    <li>
 +
                                        <p>Elemento de prueba</p>
 +
                                    </li>
 +
                                    <li>
 +
                                        <p>Elemento de prueba</p>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
 
 +
                            <div>
 +
                                <table class="border--round table--alternate-row tableHec" style="width:100%">
 +
                                    <thead><tr>
 +
                                    <th class="thHec">Firstname</th>
 +
                                    <th class="thHec">Lastname</th>
 +
                                    <th class="thHec">Age</th>
 +
                                    </tr>
 +
                                    </thead><tbody><tr>
 +
                                    <td class="tdHec">Jill</td>
 +
                                    <td class="tdHec">Smith</td>
 +
                                    <td class="tdHec">50</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                    <td class="tdHec">Eve</td>
 +
                                    <td class="tdHec">Jackson</td>
 +
                                    <td class="tdHec">94</td>
 +
                                    </tr>
 +
                                    </tbody></table>
 +
                            </div>
 +
 
 +
<div style="
 +
    padding-bottom: 0.8em;
 +
    text-align: right;
 +
">
 +
    <div class="row" style="
 +
    margin: 0;
 +
">
 +
    <div class="col-md-6" style="
 +
    padding: 0;
 +
    padding-right: 0.3em;
 +
">
 +
                                    <img src="http://via.placeholder.com/800x400" alt="" style="
 +
    margin-top: 1.8em;
 +
    margin-bottom: 0.8em;
 +
    border-radius: 0.3em;
 +
">
 +
    </div>
 +
    <div class="col-md-6" style="
 +
    padding: 0;
 +
    padding-left: 0.3em;
 +
">
 +
                                    <img src="http://via.placeholder.com/800x400" alt="" style="
 +
    margin-top: 1.8em;
 +
    margin-bottom: 0.8em;
 +
    border-radius: 0.3em;
 +
">
 +
    </div>
 +
<div style="
 +
    width: 100%;
 +
    padding-left: 19em;
 +
    padding-right: 1em;
 +
"><h6 style="
 +
    color: #797979;
 +
    font-weight: 300;
 +
    /* font-size: 16px; */
 +
    text-align: right;
 +
    line-height: 1.7;
 +
">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut velit luctus, hendrerit mi eget, ornare turpis. Nulla placerat elementum ligula, non congue ligula.</h6>
 
</div>
 
</div>
 +
    </div>
 +
                            </div>
 +
   
 +
 +
                        </div>
 +
                            </div>
 +
 +
 +
                           
 +
                        </div>
 +
                       
 +
                       
 +
 +
 +
 +
 +
                    </section>
 +
 +
 +
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
 +
           
 +
         
 +
 +
 +
        </div>
 +
        <!--<div class="loader"></div>-->
 +
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
 +
            <i class="stack-interface stack-up-open-big"></i>
 +
        </a>
 +
 +
    </body>
 +
 +
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
 +
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
 +
 +
  
 
</html>
 
</html>
 +
{{Valencia_UPV/footer}}

Revision as of 20:27, 29 September 2018

Stack Multipurpose HTML Template

Index

CONTACT US igem.upv.2018@gmail.com