Difference between revisions of "Template:Madrid-OLM/1"

 
(109 intermediate revisions by 2 users not shown)
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}}
 +
{{Madrid-OLM/flickity.css}}
 
<html>
 
<html>
−
 
+
<style>
−
     <head>
+
/**************************************************************************************************************************************************************************************************/
 +
/* DEFAULT WIKI SETTINGS */
 +
/**************************************************************************************************************************************************************************************************/
 +
     #home_logo, #sideMenu {
 +
        display:none;
 +
    }
 +
    #sideMenu, #top_title, .patrollink  {
 +
        display:none;
 +
    }
 +
    #content, #HQ_page {
 +
        width: 100%;
 +
        padding: 0;
 +
        margin: 0;
 +
        background-color: white;
 +
        //font-size: 100% !important;
 +
    }
 +
    #content {
 +
        margin-top: -26px;
 +
    }
 +
    #globalWrapper, #content, #HQ_page, #bodyContent, #mw-content-text{
 +
    height: 100%;
 +
    width: 100%;
 +
    }
 +
/*Bootstrap.min altered the way the top menu looks, by changing box-sizing: from border-box to initial, the damage is undone*/
 +
    #top_menu_14 {
 +
        box-sizing: initial;
 +
    }
 +
    td a{
 +
        padding-right: 0px !important;
 +
    }
 +
    #globalWrapper{
 +
        padding-bottom: 0;
 +
    }
 +
/**************************************************************************************************************************************************************************************************/
 +
   
 +
    .subttt{color: white !important;}
 +
    a.subtt { color: white !important; }
 +
    a.subtt:hover { color: #4a90e2 !important; }
 +
   
 +
</style>
 +
   
 +
<head>
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
 
         <title>Madrid-OLM</title>
 
         <title>Madrid-OLM</title>
 
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
         <meta name="description" content="Wiki of Madrid-OLM iGEM team">      
+
         <meta name="description" content="Wiki of Madrid-OLM iGEM team">
−
       
+
   
 
         <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=" ">
 
−
        <div class="main-container">
 
−
            <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">
+
<body class=" ">
−
                                <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>
+
<!--- Content of the page  --->
−
                            </div>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
                           
+
        <div class="nav-container"">
−
                        </div>
+
            <nav id="menu1" class="bar bar--sm bar-1 bar--absolute bar--dark" data-scroll-class="100px:pos-fixed" style="background-color: rgba(0, 0, 0, 0); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0) !important;">
−
                    </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="container">
 
                     <div class="row">
 
                     <div class="row">
−
                         <div class="col-md-8 col-lg-6">
+
                         <div class="col-lg-12 col-md-12 text-left-xs text-left-sm" style=" background: #686868; opacity: 0.9;">
−
                             <div class="cta">
+
                             <div class="bar__module text-left">
−
                                 <h2>Make your site stand out</h2>
+
                                 <a href="https://2018.igem.org/Team:Madrid-OLM">
−
                                <a class="btn btn--primary type--uppercase" href="#">
+
                                    <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/c/cd/T--Madrid-OLM--verticaLogo.png" style="max-height: 70px; top:0px !important;"/>
−
                                    <span class="btn__text">
+
−
                                        Purchase Stack Now
+
−
                                    </span>
+
−
                                    <span class="label">$18 USD</span>
+
 
                                 </a>
 
                                 </a>
−
                                <p class="type--fine-print">or check out
 
−
                                    <a href="index.html">more demos</a>
 
−
                                </p>
 
 
                             </div>
 
                             </div>
−
                        </div>
+
                            <div class="bar__module text-right">
−
                    </div>
+
                                <ul class="menu-horizontal text-left">
−
                    <!--end of row-->
+
                                   
−
                </div>
+
                                    <li class="dropdown">
−
                <!--end of container-->
+
                                        <span class="dropdown__trigger subttt">Team</span>
−
            </section>
+
                                        <div class="dropdown__container">
−
            <section class="bg--secondary">
+
                                            <div class="container">
−
                <div class="container">
+
                                                <div class="row">
−
                    <div class="row">
+
                                                    <div class="dropdown__content col-lg-2 col-md-4">
−
                        <div class="col-md-4">
+
                                                        <ul class="menu-vertical">
−
                            <div class="feature">
+
                                                            <li class="">
−
                                <i class="icon icon-Sidebar-Window color--primary"></i>
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Team">Members</a>
−
                                <h4>Interactive Elements</h4>
+
                                                            </li>
−
                                <p>
+
−
                                    With rich modal and notification functionality and a robust suite of options, Stack makes building feature-heavy pages simple and enjoyable.
+
                                                            <li class="">
−
                                </p>
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Attributions">Attribution</a>
−
                            </div>
+
                                                            </li>
−
                        </div>
+
                                                            <li class="">
−
                        <div class="col-md-4">
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Sponsor">Sponsors</a>
−
                            <div class="feature">
+
                                                            </li>
−
                                <i class="icon icon-Duplicate-Window color--primary"></i>
+
                                                        </ul>
−
                                <h4>Save Development Time</h4>
+
                                                    </div>
−
                                <p>
+
                                                    <!--end dropdown content-->
−
                                    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!
+
                                                </div>
−
                                </p>
+
                                                <!--end row-->
−
                            </div>
+
                                            </div>
−
                        </div>
+
                                        </div>
−
                        <div class="col-md-4">
+
                                        <!--end dropdown container-->
−
                            <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>
−
                                     <li>
+
                                   
−
                                         <span>1GB Online Storage</span>
+
                                   
 +
                                     <li class="dropdown">
 +
                                         <span class="dropdown__trigger subttt">Project</span>
 +
                                        <div class="dropdown__container">
 +
                                            <div class="container">
 +
                                                <div class="row">
 +
                                                    <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                        <ul class="menu-vertical">
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Description">Description</a>
 +
                                                               
 +
                                                            </li>
 +
 
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Contribution">Contribution</a>
 +
                                                               
 +
                                                            </li>
 +
                                                           
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Improve">Improve</a>
 +
                                                               
 +
                                                            </li>
 +
 
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Demonstrate">Demonstrate</a>
 +
                                                               
 +
                                                            </li>
 +
                                                           
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://igem.org/2018_Judging_Form?team=Madrid-OLM">Judging Form</a>
 +
                                                            </li>
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
−
                                </ul>
+
                                   
−
                            </div>
+
                                                           
−
                            <!--end pricing-->
+
                                   
−
                        </div>
+
                                    <li class="dropdown">
−
                        <div class="col-md-6 col-lg-3">
+
                                        <span class="dropdown__trigger subttt">Aptamers</span>
−
                            <div class="pricing pricing-3">
+
                                        <div class="dropdown__container">
−
                                <div class="pricing__head bg--secondary boxed">
+
                                            <div class="container">
−
                                    <h5>Light</h5>
+
                                                <div class="row">
−
                                    <span class="h1">
+
                                                    <div class="dropdown__content col-lg-2 col-md-4">
−
                                        <span class="pricing__dollar">$</span>19</span>
+
                                                        <ul class="menu-vertical">
−
                                    <p class="type--fine-print">Per Month, AUD.</p>
+
                                                            <li class="">
−
                                </div>
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Aptamer">Overview</a>
−
                                <ul>
+
                                                            </li>
−
                                    <li>
+
 
−
                                        <span>Anywhere Access</span>
+
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/AptDiscovery">Discovery</a>
 +
                                                            </li>
 +
                                                           
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/AptCharacterization">Characterization</a>
 +
                                                            </li>
 +
                                                           
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Computationaimprovement">Computational<br/> Improvement</a>
 +
                                                            </li>
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/ElectrodeIntegration">Binding to Electrode </a>
 +
                                                            </li>
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
−
                                     <li>
+
                                   
−
                                         <span>4GB Online Storage</span>
+
                                     <li class="dropdown">
 +
                                         <span class="dropdown__trigger subttt">Device</span>
 +
                                        <div class="dropdown__container">
 +
                                            <div class="container">
 +
                                                <div class="row">
 +
                                                    <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                        <ul class="menu-vertical">
 +
                                                            <li>
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/OurHardware">
 +
                                                                    Overview
 +
                                                                </a>
 +
                                                            </li>
 +
                                                            <li>
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/FirstPrototype">
 +
                                                                    First Prototype
 +
                                                                </a>
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger subttt">Final Prototype</span>
 +
                                                                <div class="dropdown__container">
 +
                                                                    <div class="container">
 +
                                                                        <div class="row">
 +
                                                                            <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                                                <ul class="menu-vertical">
 +
                                                                                    <li>
 +
                                                                                        <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/FinalPrototype">
 +
                                                                                            Overview
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/HardawareMicrofluidics">
 +
                                                                                            Microfluidics
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/HardwareElectronics">
 +
                                                                                            Electronics
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
−
                                     <li>
+
                                   
−
                                         <span>Import User Data</span>
+
                                   
 +
                                     <li class="dropdown">
 +
                                         <span class="dropdown__trigger subttt">Experiments</span>
 +
                                        <div class="dropdown__container">
 +
                                            <div class="container">
 +
                                                <div class="row">
 +
                                                    <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                        <ul class="menu-vertical">
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/InterLab" >Interlab</a>
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger subttt">Protocols</span>
 +
                                                                <div class="dropdown__container">
 +
                                                                    <div class="container">
 +
                                                                        <div class="row">
 +
                                                                            <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                                                <ul class="menu-vertical">
 +
                                                                                    <li>
 +
                                                                                        <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/AptamerProtocols">
 +
                                                                                            Aptamer Related
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/ProManufacturing">
 +
                                                                                            Manufacturing
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
 
 +
 
 +
                                                           
 +
                                                           
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
−
                                     <li>
+
                                   
−
                                         <span>Automatic Transfer</span>
+
                                     <li class="dropdown">
 +
                                         <span class="dropdown__trigger subttt">Human Practices</span>
 +
                                        <div class="dropdown__container">
 +
                                            <div class="container">
 +
                                                <div class="row">
 +
                                                    <div class="dropdown__content col-lg-2 col-md-4" style="padding-right: 60px;">
 +
                                                        <ul class="menu-vertical">
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Human_Practices">Integrated Human Practice</a>
 +
                                                               
 +
                                                            </li>
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Public_Engagement">Education and<br/> Engagements </a> 
 +
                                                            </li>
 +
                                                                                                                     
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Collaborations">Collaborations</a>
 +
                                                            </li>
 +
                                                           
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
−
                                     <li>
+
                                   
−
                                         <span>24/7 Support</span>
+
                                     <li class="dropdown">
 +
                                         <span class="dropdown__trigger subttt">Awards</span>
 +
                                        <div class="dropdown__container">
 +
                                            <div class="container">
 +
                                                <div class="row">
 +
                                                    <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                        <ul class="menu-vertical">
 +
                                                            <li>
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Hardware">
 +
                                                                    Hardware
 +
                                                                </a>
 +
                                                            </li>
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Applied_Design">Applied Design</a>
 +
                                                               
 +
                                                            </li>
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Entrepreneurship">Entrepreneurship</a>
 +
                                                               
 +
                                                            </li>
 +
                                                         
 +
                                                            <li class="">
 +
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Measurement">Measurement</a>
 +
                                                               
 +
                                                            </li>
 +
 
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
−
                                </ul>
+
                                      
−
                            </div>
+
                                     <li class="dropdown">
−
                            <!--end pricing-->
+
                                         <span><a href="https://2018.igem.org/Team:Madrid-OLM/Medals" style="font-size: 0.857142857142857em; line-height: 2.166666666666667em; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; color: white; text-decoration: none;">Medals</a></span>  
−
                        </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>
 
                                     </li>
−
                                 </ul>
+
                                                                     
 +
                                 </ul>      
 
                             </div>
 
                             </div>
−
                             <!--end pricing-->
+
                             <!--end module-->        
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 301: Line 372:
 
                 </div>
 
                 </div>
 
                 <!--end of container-->
 
                 <!--end of container-->
−
             </section>
+
             </nav>
−
            <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>
−
        <!--<div class="loader"></div>-->
+
</body>
−
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active">
+
</html>
−
            <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>
+

Latest revision as of 23:15, 17 October 2018

Madrid-OLM