Difference between revisions of "Team:Valencia UPV/pruebaWeb2"

 
(23 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
{{Valencia_UPV/stackinterface.css}}
 
{{Valencia_UPV/stackinterface.css}}
 
{{Valencia_UPV/theme.css}}
 
{{Valencia_UPV/theme.css}}
−
 
−
 
 
<html>
 
<html>
 
<style>
 
<style>
Line 25: Line 23:
 
         <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/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/icon?family=Material+Icons" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
 +
 
     </head>
 
     </head>
 
   <body class=" ">
 
   <body class=" ">
Line 34: Line 34:
 
                         <div class="col-3 col-md-2">
 
                         <div class="col-3 col-md-2">
 
                             <a href="index.html">
 
                             <a href="index.html">
−
                                 <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/b/b3/T--Valencia_UPV--logoPrueba.jpg" />
+
                                 <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png" />
 
                             </a>
 
                             </a>
 
                         </div>
 
                         </div>
Line 54: Line 54:
 
                             <div class="bar__module">
 
                             <div class="bar__module">
 
                                 <a href="index.html">
 
                                 <a href="index.html">
−
                                     <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/b/b3/T--Valencia_UPV--logoPrueba.jpg" />
+
                                     <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png" style="margin-top: 8px; height: 26px; width: 112px;" />
 
                                 </a>
 
                                 </a>
 
                             </div>
 
                             </div>
Line 1,022: Line 1,022:
 
         </div>
 
         </div>
 
         <div class="main-container">
 
         <div class="main-container">
−
             <section id="backgroundPrinteria" class="height-90 parallax">
+
             <section style="background-color: #353535;" class="height-90 parallax">
 
                 <div class="background-image-holder background--top" style="height: 0% !important; min-height: 0vh !important; ">
 
                 <div class="background-image-holder background--top" style="height: 0% !important; min-height: 0vh !important; ">
 
                     <img alt="image" src="http://via.placeholder.com/880x492" />
 
                     <img alt="image" src="http://via.placeholder.com/880x492" />
Line 1,028: Line 1,028:
 
               <div class="main-container">
 
               <div class="main-container">
 
               <center>
 
               <center>
−
                 <div id="logoPrinteria" class="item">
+
                 <div id="logoPrinteria" class="item" style=" width: 35%;h; height: 35%;">
−
                     <img alt="image" src="https://static.igem.org/mediawiki/2018/1/13/T--Valencia_UPV--logoPrueba2.jpg"/>
+
                     <img alt="image" src="https://static.igem.org/mediawiki/2018/thumb/2/27/T--Valencia_UPV--logoTexto.png/575px-T--Valencia_UPV--logoTexto.png"/>
 
                 </div>
 
                 </div>
−
                 <div>
+
                  
−
                      <h2>
+
−
                            Subtítulo de ejemplo de printer
+
−
                      </h2>
+
−
              </div>
+
 
               </center>
 
               </center>
 
               </div>
 
               </div>
Line 1,041: Line 1,037:
 
                 <!--end of container-->
 
                 <!--end of container-->
 
             </section>
 
             </section>
−
             <section>
+
 
 +
 
 +
 
 +
              
 +
 
 +
<section class="switchable feature-large" style="
 +
padding-top: 6em;">
 
                 <div class="container">
 
                 <div class="container">
−
                     <div class="row justify-content-center">
+
                     <div class="row">
−
                         <div class="col-md-10 col-lg-8">
+
                       
−
                             <h2 class="text-center">Printeria</h2>
+
                         <div class="col-md-6">
−
                            <p class="lead">
+
                             <img alt="Image" src="https://static.igem.org/mediawiki/2018/0/0b/T--Valencia_UPV--IlustracionDescpription.png" style="
−
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a lorem sed sem euismod euismod in in elit. Etiam eu ullamcorper mi, vel elementum neque. Donec eget tincidunt lectus, vel accumsan odio. Aenean cursus ipsum eget mi pulvinar ultrices. Aliquam congue pellentesque purus commodo fringilla. Sed ultrices leo vel metus hendrerit tincidunt.
+
padding-top: 80px;">
−
                            </p>
+
                         </div><div class="col-md-6 col-lg-5">
−
                        </div>
+
                             <div>
−
                    </div>
+
                                 <h4 style="
−
                    <!--end of row-->
+
padding-bottom: 20px;; font-weight: bold;padding-top: 0px;;">Do you think that Synthetic Biology is just for scientists? How about doing it yourself? </h4>
−
                </div>
+
                                <p style="
−
                <!--end of container-->
+
padding-top: 7px;">Synthetic Biology can be very complex, both because of the necessary knowledge and because of the tools that are used on a daily basis in the laboratory. </p>
−
            </section>
+
 
−
            <section class="feature-large feature-large-2 bg--secondary">
+
                                <p style="font-family: 'Lato' !important;">
−
                <div class="container">
+
                                This year, the Valencia UPV iGEM team has set a new goal: to democratize Synthetic Biology. To achieve this, we intend to create a fully-equipped bioengineering device: Printeria. It will be capable of modifying bacteria to obtain different products, but made as simple and easy to operate as a home printer. In short, a whole cloning process contained in a single device.
−
                    <div class="row justify-content-around">
+
                             
−
                         <div class="col-md-4 col-lg-3">
+
                                 </p> <p style="font-family: 'Lato' !important;">How does Printeria really work? It uses a digital microfluidic system that is able to create little droplets, which can be controlled and displaced through configurable paths. With this novel system we can mix and move the substrates of the reactions as droplets, and, definitively, control all biotechnological processes with high accuracy. Anyone who wants to use Printeria will be able to do so through a very intuitive interface that allow us to assemble the required DNA parts to create transcriptional units. Printeria includes an extensive collection of promoters, RBS, coding sequences and terminators, which our user can combine in a one-step reaction, using Golden Gate Technology.
−
                             <h3>Printeria</h3>
+
 
−
                            <p class="lead">
+
−
                                 Vivamus euismod, elit id maximus consectetur, lorem nisi semper enim, ac dignissim ligula justo vel quam. Duis lacinia nunc at dictum aliquam. Vivamus congue, sapien condimentum condimentum tempor, nunc tellus iaculis velit, nec sodales nulla tortor sit amet turpis. Nam a accumsan magna, vel dignissim ante.
+
−
                            </p>
+
−
                        </div>
+
−
                        <div class="col-md-4 col-lg-4">
+
−
                            <img alt="Image" class="border--round box-shadow" src="img/work-single-2.jpg" />
+
−
                        </div>
+
−
                        <div class="col-md-4 col-lg-2">
+
−
                            <hr class="short" />
+
−
                            <p>
+
−
                                Sed varius commodo iaculis. Sed vitae dictum orci, quis cursus neque. Duis auctor augue nec nibh egestas posuere. Suspendisse eget ex arcu. Nulla elementum nunc sit amet elit lacinia feugiat. Maecenas a gravida libero. Vivamus vitae hendrerit turpis. Maecenas malesuada mi ac diam iaculis elementum.
+
−
                            </p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </section>
+
−
            <section class="text-center">
+
−
                <div class="container">
+
−
                    <div class="row justify-content-center">
+
−
                        <div class="col-md-8 col-lg-6">
+
−
                            <div class="cta">
+
−
                                 <h2>Printeria</h2>
+
−
                                <p class="lead">
+
−
                                  Sed varius commodo iaculis. Sed vitae dictum orci, quis cursus neque. Duis auctor augue nec nibh egestas posuere. Suspendisse eget ex arcu. Nulla elementum nunc sit amet elit lacinia feugiat.  
+
 
                                 </p>
 
                                 </p>
 +
 +
                                <p style="font-family: 'Lato' !important;">
 +
                                And in order for society to understand that it is possible to democratize and give visibility to the world of Synthetic Biology, we are going to work so that Printeria will have in the near future a place in fields as diverse as education, laboratories, bio-art, etc. To sum up, we want to establish a new starting point in the expansion of Synthetic Biology.</p>
 +
 +
                                <p style="font-weight: bold !important; font-family: 'Lato' !important;">This is our project. Do you want to join us?</p>
 +
                               
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 1,094: Line 1,076:
 
                 <!--end of container-->
 
                 <!--end of container-->
 
             </section>
 
             </section>
 +
 +
           
 +
         
 
             <footer class="footer-3 text-center-xs space--xxs ">
 
             <footer class="footer-3 text-center-xs space--xxs ">
 
                 <div class="container">
 
                 <div class="container">
Line 1,118: Line 1,103:
 
             <i class="stack-interface stack-up-open-big"></i>
 
             <i class="stack-interface stack-up-open-big"></i>
 
         </a>
 
         </a>
−
+
 
−
        <!--Javascript Files -->
+
    </body>
 +
 
 +
 
 +
</html>
 +
 
 +
<html>
 +
<!--Javascript Files -->
 
         <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:scripts.js?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:scripts.js?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:jquery3.1.1.min.js?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:jquery3.1.1.min.js?action=raw&ctype=text/javascript"></script>
Line 1,125: Line 1,116:
 
         <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:smoothscroll.min.js?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:smoothscroll.min.js?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:jquery.steps.min.js?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:jquery.steps.min.js?action=raw&ctype=text/javascript"></script>
−
 
−
    </body>
 
 
</html>
 
</html>

Latest revision as of 13:52, 29 June 2018

Stack Multipurpose HTML Template

image
image
Image

Do you think that Synthetic Biology is just for scientists? How about doing it yourself?

Synthetic Biology can be very complex, both because of the necessary knowledge and because of the tools that are used on a daily basis in the laboratory.

This year, the Valencia UPV iGEM team has set a new goal: to democratize Synthetic Biology. To achieve this, we intend to create a fully-equipped bioengineering device: Printeria. It will be capable of modifying bacteria to obtain different products, but made as simple and easy to operate as a home printer. In short, a whole cloning process contained in a single device.

How does Printeria really work? It uses a digital microfluidic system that is able to create little droplets, which can be controlled and displaced through configurable paths. With this novel system we can mix and move the substrates of the reactions as droplets, and, definitively, control all biotechnological processes with high accuracy. Anyone who wants to use Printeria will be able to do so through a very intuitive interface that allow us to assemble the required DNA parts to create transcriptional units. Printeria includes an extensive collection of promoters, RBS, coding sequences and terminators, which our user can combine in a one-step reaction, using Golden Gate Technology.

And in order for society to understand that it is possible to democratize and give visibility to the world of Synthetic Biology, we are going to work so that Printeria will have in the near future a place in fields as diverse as education, laboratories, bio-art, etc. To sum up, we want to establish a new starting point in the expansion of Synthetic Biology.

This is our project. Do you want to join us?