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

Line 1: Line 1:
−
{{Madrid-OLM/bootstrap.css}}
+
{{Madrid-OLM/1}}
−
{{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>
 
−
/**************************************************************************************************************************************************************************************************/
 
−
/* DEFAULT WIKI SETTINGS */
 
−
/**************************************************************************************************************************************************************************************************/
 
−
 
−
 
−
#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;}
 
  
 +
    <head>
 +
        <meta charset="utf-8">
 +
        <title>Madrid-OLM</title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
        <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/icon?family=Material+Icons" rel="stylesheet">
 +
    </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">
−
   
+
  
−
</style>
+
                            <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>
−
<body class=" ">
+
                           
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
                        </div>
−
<!--- Content of the page  --->
+
                    </div>
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
                    <!--end of row-->
−
    <div class="nav-container ">
+
                </div>
−
             <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bar--absolute bar--dark">
+
                <!--end of container-->
 +
            </section>
 +
             <section class="video video-1 text-center bg--secondary space--sm">
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">
−
                         <div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm">
+
                         <div class="col-md-12">
−
                             <div class="bar__module">
+
                            <div class="modal-instance">
−
                                 <ul class="menu-horizontal text-left">
+
                                <div class="video-play-icon video-play-icon--sm modal-trigger box-shadow"></div>
−
                                     <li class="dropdown">
+
                                <div class="modal-container">
−
                                         <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>  
+
                                    <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>
−
                 
+
                                     <li>
−
                                     <li class="dropdown">
+
                                         <span>1GB Online Storage</span>
−
                                         <span class="dropdown__trigger">Team</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="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Team">Members</a></span>
+
−
                                                            </li>
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Collaborations">Collaborations</a></span>
+
−
                                                            </li>
+
−
                                                        </ul>
+
−
                                                    </div>
+
−
                                                    <!--end dropdown content-->
+
−
                                                </div>
+
−
                                                <!--end row-->
+
−
                                            </div>
+
−
                                        </div>
+
−
                                        <!--end dropdown container-->
+
 
                                     </li>
 
                                     </li>
−
 
+
                                </ul>
−
 
+
                            </div>
−
                                    <li class="dropdown">
+
                            <!--end pricing-->
−
                                        <span class="dropdown__trigger">Project</span>
+
                        </div>
−
                                        <div class="dropdown__container">
+
                        <div class="col-md-6 col-lg-3">
−
                                            <div class="container">
+
                            <div class="pricing pricing-3">
−
                                                <div class="row">
+
                                <div class="pricing__head bg--secondary boxed">
−
                                                    <div class="dropdown__content col-lg-2 col-md-4">
+
                                    <h5>Light</h5>
−
                                                        <ul class="menu-vertical">
+
                                    <span class="h1">
−
                                                            <li class="dropdown">
+
                                        <span class="pricing__dollar">$</span>19</span>
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Description">Description</a></span>
+
                                    <p class="type--fine-print">Per Month, AUD.</p>
−
                                                               
+
                                </div>
−
                                                            </li>
+
                                <ul>
−
                                                            <li class="dropdown">
+
                                    <li>
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Design">Design</a></span>
+
                                        <span>Anywhere Access</span>
−
                                                               
+
−
                                                            </li>
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Experiments">Experiments</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
                                                         
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Notebook">Notebook</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
 
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/InterLab">Interlab</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
 
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Model">Model</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
 
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Results">Results</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
 
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Demonstrate">Demonstrate</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
 
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Improve">Improve</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
 
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Attributions">Attribution</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
 
+
−
                                                        </ul>
+
−
                                                    </div>
+
−
                                                    <!--end dropdown content-->
+
−
                                                </div>
+
−
                                                <!--end row-->
+
−
                                            </div>
+
−
                                        </div>
+
−
                                        <!--end dropdown container-->
+
 
                                     </li>
 
                                     </li>
−
                                   
+
                                     <li>
−
                                     <li class="dropdown">
+
                                         <span>4GB Online Storage</span>
−
                                         <span class="dropdown__trigger">Parts</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="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Parts">Parts Overview</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Basic_Part">Basic Parts</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Composite_Part">Composite Parts</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
                                                         
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Part_Collection">Part Collection</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
                                                        </ul>
+
−
                                                    </div>
+
−
                                                    <!--end dropdown content-->
+
−
                                                </div>
+
−
                                                <!--end row-->
+
−
                                            </div>
+
−
                                        </div>
+
−
                                        <!--end dropdown container-->
+
 
                                     </li>
 
                                     </li>
−
                                   
+
                                     <li>
−
                                     <li class="dropdown">
+
                                         <span>Import User Data</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>
−
                                   
+
                                     <li>
−
                                     <li class="dropdown">
+
                                         <span>Automatic Transfer</span>
−
                                         <span class="dropdown__trigger">Human Practices</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="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Human_Practices">Human Practices</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Public_Engagement">Education and Engagements </a></span> 
+
−
                                                            </li>
+
−
                                                        </ul>
+
−
                                                    </div>
+
−
                                                    <!--end dropdown content-->
+
−
                                                </div>
+
−
                                                <!--end row-->
+
−
                                            </div>
+
−
                                        </div>
+
−
                                        <!--end dropdown container-->
+
 
                                     </li>
 
                                     </li>
−
                                   
+
                                     <li>
−
                                     <li class="dropdown">
+
                                         <span>24/7 Support</span>
−
                                         <span class="dropdown__trigger">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 class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Applied_Design">Applied Design</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Entrepreneurship">Entrepreneurship</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Hardware">Hardware</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
                                                         
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Measurement">Measurement</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
 
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Model">Model</a></span>
+
−
                                                               
+
−
                                                            </li>
+
−
 
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Plant">Plant</a></span>
+
−
                                                            </li>
+
−
 
+
−
                                                            <li class="dropdown">
+
−
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Software">Software</a></span>
+
−
                                                            </li>
+
−
                                                        </ul>
+
−
                                                    </div>
+
−
                                                    <!--end dropdown content-->
+
−
                                                </div>
+
−
                                                <!--end row-->
+
−
                                            </div>
+
−
                                        </div>
+
−
                                        <!--end dropdown container-->
+
 
                                     </li>
 
                                     </li>
−
                                   
 
−
                                   
 
−
                                   
 
 
                                 </ul>
 
                                 </ul>
 
                             </div>
 
                             </div>
−
                             <!--end module-->
+
                             <!--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>
 
                     </div>
 
                     </div>
Line 255: Line 301:
 
                 </div>
 
                 </div>
 
                 <!--end of container-->
 
                 <!--end of container-->
−
             </nav>
+
             </section>
−
             <!--end bar-->
+
             <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>
−
</body>
+
        <!--<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 12:33, 29 August 2018

Madrid-OLM

Madrid-OLM
background
Image
A project about

Fran, se cambiar cosas =D.

All the tools you'll need

Whether you’re building a welcome mat for your SaaS or a clean, corporate portfolio, Stack has your design needs covered.

Image

Startups

Quickly launch a professional site — minimal effort, maximum impact.

Image

Agencies

Deliver results to your clients faster than ever with rapid page building.

Image

Freelancers

Stack is your silent partner, it does the heavy-lifting while you take the glory!

Make your site stand out

Purchase Stack Now $18 USD

or check out more demos

Interactive Elements

With rich modal and notification functionality and a robust suite of options, Stack makes building feature-heavy pages simple and enjoyable.

Save Development Time

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!

Friendly Support

Our customers love the comfort that comes with six-months free support. Our dedicated support forum makes interacting with us hassle-free and efficient.

Pricing Plans

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.

Free
$0

Per Month, AUD.

  • Anywhere Access
  • 1GB Online Storage
Light
$19

Per Month, AUD.

  • Anywhere Access
  • 4GB Online Storage
  • Import User Data
  • Automatic Transfer
  • 24/7 Support
Value
Medium
$29

Per Month, AUD.

  • Anywhere Access
  • 10GB Online Storage
  • Import User Data
  • Automatic Transfer
  • 24/7 Support
  • 10 Unique Users
Heavy
$79

Per Month, AUD.

  • Anywhere Access
  • Unlimited Storage
  • Import User Data
  • Automatic Transfer
  • 24/7 Support
  • 100 Unique Users
  • Event Scheduling
  • No Downtime
background

Join over 20,000 satisfied Medium Rare customers

I have read and agree to the terms and conditions
Hot! Over 290 interface blocks, 140 demo pages and Variant Page Builder. Purchase Stack for $18 USD.
© Medium Rare — All Rights Reserved