Difference between revisions of "Team:Madrid-OLM/Provenza"

Line 1: Line 1:
−
{{Madrid-OLM/1}}
+
{{Madrid-OLM/bootstrap.css}}
−
 
+
{{Madrid-OLM/stack-interface.css}}
 +
{{Madrid-OLM/lightbox.min.css}}
 +
{{Madrid-OLM/socicon.css}}
 +
{{Madrid-OLM/iconsmind.css}}
 +
{{Madrid-OLM/jquery.steps.css}}
 +
{{Madrid-OLM/theme.css}}
 +
{{Madrid-OLM/custom.css}}
 
<html>
 
<html>
 
<style>
 
<style>
−
#home_logo, #sideMenu { display:none; }
+
/**************************************************************************************************************************************************************************************************/
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
/* DEFAULT WIKI SETTINGS */
−
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
+
/**************************************************************************************************************************************************************************************************/
 +
 
 +
 
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 +
 
 +
 
 +
/**************************************************************************************************************************************************************************************************/
 +
   
 +
 
 
</style>
 
</style>
  
−
    <head>
+
 
−
        <meta charset="utf-8">
+
 
−
        <title>Madrid-OLM</title>
+
<body class=" ">
−
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
        <meta name="description" content="Wiki of Madrid-OLM iGEM team">      
+
<!--- Content of the page  --->
−
       
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
+
     <div class="nav-container ">
−
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
        <div class="bar bar--sm visible-xs">
−
     </head>
+
−
    <body class=" ">
+
−
        <a id="start"></a>
+
−
        <div class="nav-container ">
+
−
            <div class="bar bar--sm visible-xs">
+
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">
Line 40: Line 55:
 
             </div>
 
             </div>
 
             <!--end bar-->
 
             <!--end bar-->
−
             <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bar--absolute bar--transparent">
+
             <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bar--absolute bar--dark">
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">
Line 56: Line 71:
 
                                 <ul class="menu-horizontal text-left">
 
                                 <ul class="menu-horizontal text-left">
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
−
                                         <span><a href="https://2018.igem.org/Team:Madrid-OLM" style="font-size: 0.857142857142857em; line-height: 2.166666666666667em; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; color: #fff; text-decoration: none;">Home</a></span>     
+
                                         <span><a href="https://2018.igem.org/Team:Madrid-OLM" style="font-size: 0.857142857142857em; line-height: 2.166666666666667em; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; color: #000; text-decoration: none;">Home</a></span>     
 
                                     </li>
 
                                     </li>
 
                    
 
                    
Line 183: Line 198:
 
                                      
 
                                      
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
−
                                         <span><a href="https://2018.igem.org/Team:Madrid-OLM/Safety" style="font-size: 0.857142857142857em; line-height: 2.166666666666667em; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; color: #fff; text-decoration: none;">Safety</a></span>     
+
                                         <span><a href="https://2018.igem.org/Team:Madrid-OLM/Safety" style="font-size: 0.857142857142857em; line-height: 2.166666666666667em; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; color: #000; text-decoration: none;">Safety</a></span>     
 
                                     </li>
 
                                     </li>
 
                                      
 
                                      
Line 272: Line 287:
 
             <!--end bar-->
 
             <!--end bar-->
 
         </div>
 
         </div>
−
        <div class="main-container">
+
</body>
−
            <section class="text-center height-80 imagebg" data-overlay="4">
+
−
                <div class="background-image-holder">
+
−
                    <img alt="background" src="img/landing-21.jpg" />
+
−
                </div>
+
−
                <div class="container pos-vertical-center">
+
−
                    <div class="row">
+
−
                        <div class="col-md-12">
+
−
 
+
−
                            <img class="border--round" alt="Image" style="max-height: 200px;" src="https://static.igem.org/mediawiki/2018/c/cd/T--Madrid-OLM--verticaLogo.png">
+
−
 
+
−
                            <div class="typed-headline">
+
−
                                <span class="h1 inline-block" style=" font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #252525; font-weight: 300; font-variant-ligatures: common-ligatures; margin-top: 0; margin-bottom: 0; color: #fff;">A project about</span>
+
−
                                <span class="h1 inline-block typed-text typed-text--cursor color--primary" data-typed-strings="aptamers,microfluidics,the Internet Of Things, enviroment" style=" font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #252525; font-weight: 300; font-variant-ligatures: common-ligatures; margin-top: 0; margin-bottom: 0;"></span>
+
−
                            </div>
+
−
                           
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </section>
+
−
            <section class="video video-1 text-center bg--secondary space--sm">
+
−
                <div class="container">
+
−
                    <div class="row">
+
−
                        <div class="col-md-12">
+
−
                            <div class="modal-instance">
+
−
                                <div class="video-play-icon video-play-icon--sm modal-trigger box-shadow"></div>
+
−
                                <div class="modal-container">
+
−
                                    <div class="modal-content bg-dark" data-width="60%" data-height="60%">
+
−
                                        <iframe data-src="https://www.youtube.com/embed/6p45ooZOOPo?autoplay=1" allowfullscreen="allowfullscreen"></iframe>
+
−
                                    </div>
+
−
                                    <!--end of modal-content-->
+
−
                                </div>
+
−
                                <!--end of modal-container-->
+
−
                            </div>
+
−
                            <!--end of modal instance-->
+
−
                            <h2>
+
−
                                Fran, se cambiar cosas =D.
+
−
                            </h2>
+
−
                        </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-10 col-lg-8">
+
−
                            <h2>All the tools you'll need</h2>
+
−
                            <p class="lead">
+
−
                                Whether you’re building a welcome mat for your SaaS or a clean, corporate portfolio, Stack has your design needs covered.
+
−
                            </p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </section>
+
−
            <section>
+
−
                <div class="container">
+
−
                    <div class="row">
+
−
                        <div class="col-md-4">
+
−
                            <div class="feature">
+
−
                                <img alt="Image" src="img/cowork-6.jpg" class="border--round" />
+
−
                                <h4>Startups</h4>
+
−
                                <p>
+
−
                                    Quickly launch a professional site &mdash; minimal effort, maximum impact.
+
−
                                </p>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="col-md-4">
+
−
                            <div class="feature">
+
−
                                <img alt="Image" src="img/cowork-7.jpg" class="border--round" />
+
−
                                <h4>Agencies</h4>
+
−
                                <p>
+
−
                                    Deliver results to your clients faster than ever with rapid page building.
+
−
                                </p>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="col-md-4">
+
−
                            <div class="feature">
+
−
                                <img alt="Image" src="img/knowledge-1.jpg" class="border--round" />
+
−
                                <h4>Freelancers</h4>
+
−
                                <p>
+
−
                                    Stack is your silent partner, it does the heavy-lifting while you take the glory!
+
−
                                </p>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </section>
+
−
            <section class="text-center ">
+
−
                <div class="container">
+
−
                    <div class="row">
+
−
                        <div class="col-md-8 col-lg-6">
+
−
                            <div class="cta">
+
−
                                <h2>Make your site stand out</h2>
+
−
                                <a class="btn btn--primary type--uppercase" href="#">
+
−
                                    <span class="btn__text">
+
−
                                        Purchase Stack Now
+
−
                                    </span>
+
−
                                    <span class="label">$18 USD</span>
+
−
                                </a>
+
−
                                <p class="type--fine-print">or check out
+
−
                                    <a href="index.html">more demos</a>
+
−
                                </p>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </section>
+
−
            <section class="bg--secondary">
+
−
                <div class="container">
+
−
                    <div class="row">
+
−
                        <div class="col-md-4">
+
−
                            <div class="feature">
+
−
                                <i class="icon icon-Sidebar-Window color--primary"></i>
+
−
                                <h4>Interactive Elements</h4>
+
−
                                <p>
+
−
                                    With rich modal and notification functionality and a robust suite of options, Stack makes building feature-heavy pages simple and enjoyable.
+
−
                                </p>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="col-md-4">
+
−
                            <div class="feature">
+
−
                                <i class="icon icon-Duplicate-Window color--primary"></i>
+
−
                                <h4>Save Development Time</h4>
+
−
                                <p>
+
−
                                    Drastically reduce the time it takes to move from initial concept to production-ready with Stack and Variant Page Builder. Your clients will love you for it!
+
−
                                </p>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="col-md-4">
+
−
                            <div class="feature">
+
−
                                <i class="icon icon-Code-Window color--primary"></i>
+
−
                                <h4>Friendly Support</h4>
+
−
                                <p>
+
−
                                    Our customers love the comfort that comes with six-months free support. Our dedicated support forum makes interacting with us hassle-free and efficient.
+
−
                                </p>
+
−
                            </div>
+
−
                        </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-10 col-lg-8">
+
−
                            <h2>Pricing Plans</h2>
+
−
                            <p class="lead">
+
−
                                We offer a range of plans that suit a variety of needs. All plans are billed monthly and can be upgraded or downgraded at any time.
+
−
                            </p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </section>
+
−
            <section class="pricing-section-2 text-center ">
+
−
                <div class="container">
+
−
                    <div class="row">
+
−
                        <div class="col-md-6 col-lg-3">
+
−
                            <div class="pricing pricing-3">
+
−
                                <div class="pricing__head bg--secondary boxed">
+
−
                                    <h5>Free</h5>
+
−
                                    <span class="h1">
+
−
                                        <span class="pricing__dollar">$</span>0</span>
+
−
                                    <p class="type--fine-print">Per Month, AUD.</p>
+
−
                                </div>
+
−
                                <ul>
+
−
                                    <li>
+
−
                                        <span>Anywhere Access</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>1GB Online Storage</span>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </div>
+
−
                            <!--end pricing-->
+
−
                        </div>
+
−
                        <div class="col-md-6 col-lg-3">
+
−
                            <div class="pricing pricing-3">
+
−
                                <div class="pricing__head bg--secondary boxed">
+
−
                                    <h5>Light</h5>
+
−
                                    <span class="h1">
+
−
                                        <span class="pricing__dollar">$</span>19</span>
+
−
                                    <p class="type--fine-print">Per Month, AUD.</p>
+
−
                                </div>
+
−
                                <ul>
+
−
                                    <li>
+
−
                                        <span>Anywhere Access</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>4GB Online Storage</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>Import User Data</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>Automatic Transfer</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>24/7 Support</span>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </div>
+
−
                            <!--end pricing-->
+
−
                        </div>
+
−
                        <div class="col-md-6 col-lg-3">
+
−
                            <div class="pricing pricing-3">
+
−
                                <div class="pricing__head bg--primary boxed">
+
−
                                    <span class="label">Value</span>
+
−
                                    <h5>Medium</h5>
+
−
                                    <span class="h1">
+
−
                                        <span class="pricing__dollar">$</span>29</span>
+
−
                                    <p class="type--fine-print">Per Month, AUD.</p>
+
−
                                </div>
+
−
                                <ul>
+
−
                                    <li>
+
−
                                        <span>Anywhere Access</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>10GB Online Storage</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>Import User Data</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>Automatic Transfer</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>24/7 Support</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>10 Unique Users</span>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </div>
+
−
                            <!--end pricing-->
+
−
                        </div>
+
−
                        <div class="col-md-6 col-lg-3">
+
−
                            <div class="pricing pricing-3">
+
−
                                <div class="pricing__head bg--secondary boxed">
+
−
                                    <h5>Heavy</h5>
+
−
                                    <span class="h1">
+
−
                                        <span class="pricing__dollar">$</span>79</span>
+
−
                                    <p class="type--fine-print">Per Month, AUD.</p>
+
−
                                </div>
+
−
                                <ul>
+
−
                                    <li>
+
−
                                        <span>Anywhere Access</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>Unlimited Storage</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>Import User Data</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>Automatic Transfer</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>24/7 Support</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>100 Unique Users</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>Event Scheduling</span>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <span>No Downtime</span>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </div>
+
−
                            <!--end pricing-->
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </section>
+
−
            <section class="text-center imagebg">
+
−
                <div class="background-image-holder">
+
−
                    <img alt="background" src="img/hero-3.jpg" />
+
−
                </div>
+
−
                <div class="container">
+
−
                    <div class="row justify-content-center">
+
−
                        <h2>Join over 20,000 satisfied Medium Rare customers</h2>
+
−
                    </div>
+
−
                    <form class="row justify-content-center" action="//mrare.us8.list-manage.com/subscribe/post?u=77142ece814d3cff52058a51f&amp;id=f300c9cce8" data-success="Thanks for signing up.  Please check your inbox for a confirmation email." data-error="Please provide your name and email address and agree to the terms.">
+
−
                        <div class="col-lg-3 col-md-4">
+
−
                            <input class="validate-required" type="text" name="NAME" placeholder="Your Name" />
+
−
                        </div>
+
−
                        <div class="col-lg-3 col-md-4">
+
−
                            <input class="validate-required validate-email" type="email" name="EMAIL" placeholder="Email Address" />
+
−
                        </div>
+
−
                        <div class="col-lg-2 col-md-4">
+
−
                            <button type="submit" class="btn btn--primary">Subscribe Now</button>
+
−
                        </div>
+
−
                        <div class="col-md-12">
+
−
                            <input class="validate-required" type="checkbox" name="group[13737][1]" />
+
−
                            <span>I have read and agree to the
+
−
                                <a href="#">terms and conditions</a>
+
−
                            </span>
+
−
                        </div>
+
−
                        <div style="position: absolute; left: -5000px;" aria-hidden="true">
+
−
                            <input type="text" name="b_77142ece814d3cff52058a51f_f300c9cce8" tabindex="-1" value="">
+
−
                        </div>
+
−
                    </form>
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </section>
+
−
            <section class="text-center cta cta-4 space--xxs border--bottom imagebg" data-gradient-bg='#4876BD,#5448BD,#8F48BD,#BD48B1'>
+
−
                <div class="container">
+
−
                    <div class="row">
+
−
                        <div class="col-md-12">
+
−
                            <span class="label label--inline">Hot!</span>
+
−
                            <span>Over 290 interface blocks, 140 demo pages and Variant Page Builder.
+
−
                                <a href="#">Purchase Stack</a> for $18 USD.</span>
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </section>
+
−
            <footer class="footer-7 text-center-xs bg--secondary  ">
+
−
                <div class="container">
+
−
                    <div class="row">
+
−
                        <div class="col-md-6">
+
−
                            <span class="type--fine-print">&copy;
+
−
                                <span class="update-year"></span> Medium Rare &mdash; All Rights Reserved</span>
+
−
                        </div>
+
−
                        <div class="col-md-6 text-right text-center-xs">
+
−
                            <ul class="social-list list-inline">
+
−
                                <li>
+
−
                                    <a href="#">
+
−
                                        <i class="socicon socicon-google icon icon--xs"></i>
+
−
                                    </a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="#">
+
−
                                        <i class="socicon socicon-twitter icon icon--xs"></i>
+
−
                                    </a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="#">
+
−
                                        <i class="socicon socicon-facebook icon icon--xs"></i>
+
−
                                    </a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="#">
+
−
                                        <i class="socicon socicon-instagram icon icon--xs"></i>
+
−
                                    </a>
+
−
                                </li>
+
−
                            </ul>
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </footer>
+
−
        </div>
+
−
        <!--<div class="loader"></div>-->
+
−
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active">
+
−
            <i class="stack-interface stack-up-open-big"></i>
+
−
        </a>
+
−
    </body>
+
−
 
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/jquery?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/flickity?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/easypiechart?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/parallax?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/typed?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/datepicker?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/datepicker?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/isotope?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/ytplayer?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/lightbox?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/granim?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/jquery.steps?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/countdown?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/twitter-fetcher?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/spectragram?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/smooth-scroll?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/scripts?action=raw&ctype=text/javascript"></script>
+
−
 
+
−
 
+
−
 
+
−
</html>
+

Revision as of 15:44, 29 August 2018