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

Line 1: Line 1:
{{Madrid-OLM/1}}
+
{{Madrid-OLM/bootstrap.css}}
 +
{{Madrid-OLM/stack-interface.css}}
 +
{{Madrid-OLM/lightbox.min.css}}
 +
{{Madrid-OLM/socicon.css}}
 +
{{Madrid-OLM/iconsmind.css}}
 +
{{Madrid-OLM/jquery.steps.css}}
 +
{{Madrid-OLM/theme.css}}
 +
{{Madrid-OLM/custom.css}}
 
<html>
 
<html>
 +
<style>
 +
/**************************************************************************************************************************************************************************************************/
 +
/* 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">
+
/**************************************************************************************************************************************************************************************************/
 +
   
  
                            <div class="typed-headline">
+
</style>
                                <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>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
                    </div>
+
<!--- Content of the page  --->
                    <!--end of row-->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
                </div>
+
    <div class="nav-container ">
                <!--end of container-->
+
             <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bar--absolute bar--dark">
            </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-md-12">
+
                         <div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm">
                            <div class="modal-instance">
+
                             <div class="bar__module">
                                <div class="video-play-icon video-play-icon--sm modal-trigger box-shadow"></div>
+
                                 <ul class="menu-horizontal text-left">
                                <div class="modal-container">
+
                                     <li class="dropdown">
                                    <div class="modal-content bg-dark" data-width="60%" data-height="60%">
+
                                         <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>  
                                        <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>
+
                 
                                         <span>1GB Online Storage</span>
+
                                     <li class="dropdown">
 +
                                         <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>
+
 
                            <!--end pricing-->
+
                                    <li class="dropdown">
                        </div>
+
                                        <span class="dropdown__trigger">Project</span>
                        <div class="col-md-6 col-lg-3">
+
                                        <div class="dropdown__container">
                            <div class="pricing pricing-3">
+
                                            <div class="container">
                                <div class="pricing__head bg--secondary boxed">
+
                                                <div class="row">
                                    <h5>Light</h5>
+
                                                    <div class="dropdown__content col-lg-2 col-md-4">
                                    <span class="h1">
+
                                                        <ul class="menu-vertical">
                                        <span class="pricing__dollar">$</span>19</span>
+
                                                            <li class="dropdown">
                                    <p class="type--fine-print">Per Month, AUD.</p>
+
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Description">Description</a></span>
                                </div>
+
                                                               
                                <ul>
+
                                                            </li>
                                    <li>
+
                                                            <li class="dropdown">
                                        <span>Anywhere Access</span>
+
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Design">Design</a></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>
+
                                   
                                         <span>4GB Online Storage</span>
+
                                     <li class="dropdown">
 +
                                         <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>
+
                                   
                                         <span>Import User Data</span>
+
                                     <li class="dropdown">
 +
                                         <span><a href="https://2018.igem.org/Team:Madrid-OLM/Safety" style="font-size: 0.857142857142857em; line-height: 2.166666666666667em; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; color: #000; text-decoration: none;">Safety</a></span>  
 
                                     </li>
 
                                     </li>
                                     <li>
+
                                   
                                         <span>Automatic Transfer</span>
+
                                     <li class="dropdown">
 +
                                         <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>
+
                                   
                                         <span>24/7 Support</span>
+
                                     <li class="dropdown">
 +
                                         <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 pricing-->
+
                             <!--end module-->
                        </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 301: Line 255:
 
                 </div>
 
                 </div>
 
                 <!--end of container-->
 
                 <!--end of container-->
             </section>
+
             </nav>
             <section class="text-center imagebg">
+
             <!--end bar-->
                <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">
+
            <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