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

Line 23: 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 1,042: Line 1,044:
  
  
−
             <section>
+
              
−
                <div class="container">
+
−
                    <div class="row justify-content-center">
+
−
                        <div class="col-md-10 col-lg-8">
+
−
                            <h2 class="text-center">Printeria</h2>
+
−
                            <p class="lead">
+
−
                                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.
+
−
                            </p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </section>
+
−
 
+
−
          <section class="switchable switchable--switch feature-large">
+
−
                <div class="container">
+
−
                    <div class="row justify-content-around">
+
−
                        <div class="col-md-6">
+
−
                            <img alt="Image" src="http://via.placeholder.com/1600x1067">
+
−
                        </div>
+
−
                        <div class="col-md-6 col-lg-5">
+
−
                            <div class="switchable__text">
+
−
                                <h2>Robust, detailed design
+
−
                                    <br class="hidden-xs hidden-sm">from pixel to code</h2>
+
−
                                <p class="lead">
+
−
                                    Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.
+
−
                                </p>
+
−
                                <a href="#">Learn More »</a>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </section>
+
  
 
<section class="switchable feature-large">
 
<section class="switchable feature-large">
Line 1,086: Line 1,053:
 
                         </div>
 
                         </div>
 
                         <div class="col-md-6 col-lg-5">
 
                         <div class="col-md-6 col-lg-5">
−
                             <div class="switchable__text">
+
                             <div>
−
                                 <h2>Perfect for design-concious startups and companies</h2>
+
                                <h4 style="padding-bottom: 20px">Do you think that Synthetic Biology is just for scientists? Have you ever wondered if it is possible to program a living being as small as a bacterium? How about doing it yourself? </h4>
−
                                 <p class="lead">
+
                                 <p>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>
−
                                    Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.
+
 
 +
                                 <p>
 +
                                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.
 +
                             
 +
                                <p>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.
 +
 
 
                                 </p>
 
                                 </p>
−
                                 <a href="#">Learn More »</a>
+
 
 +
                                 <p>
 +
                                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>This is our project. Do you want to join us?</p>
 +
                               
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 1,100: Line 1,077:
 
             </section>
 
             </section>
  
−
             <section class="feature-large feature-large-2 bg--secondary">
+
              
−
                <div class="container">
+
         
−
                    <div class="row justify-content-around">
+
−
                        <div class="col-md-4 col-lg-3">
+
−
                            <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>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </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">

Revision as of 15:16, 28 June 2018

Stack Multipurpose HTML Template

image
image

Subtítulo de ejemplo de printer

Image

Do you think that Synthetic Biology is just for scientists? Have you ever wondered if it is possible to program a living being as small as a bacterium? 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?