Difference between revisions of "Team:Madrid-OLM/Provenza"
| Line 1: | Line 1: | ||
| − | {{Madrid-OLM/bootstrap.css}} | + | {{Madrid-OLM/bootstrap.css}} |
| − | {{Madrid-OLM/stack-interface.css}} | + | {{Madrid-OLM/stack-interface.css}} |
| − | {{Madrid-OLM/lightbox.min.css}} | + | {{Madrid-OLM/lightbox.min.css}} |
| − | {{Madrid-OLM/socicon.css}} | + | {{Madrid-OLM/socicon.css}} |
| − | {{Madrid-OLM/iconsmind.css}} | + | {{Madrid-OLM/iconsmind.css}} |
| − | {{Madrid-OLM/jquery.steps.css}} | + | {{Madrid-OLM/jquery.steps.css}} |
| − | {{Madrid-OLM/theme.css}} | + | {{Madrid-OLM/theme.css}} |
| − | {{Madrid-OLM/custom.css}} | + | {{Madrid-OLM/custom.css}} |
| − | <html> | + | <html> |
| − | <style> | + | <style> |
| − | #home_logo, #sideMenu { display:none; } | + | #home_logo, #sideMenu { display:none; } |
| − | #sideMenu, #top_title, .patrollink {display:none;} | + | #sideMenu, #top_title, .patrollink {display:none;} |
| − | #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;} | + | #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;} |
| − | </style> | + | </style> |
| − | + | <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=" "> | |
| − | + | <a id="start"></a> | |
| − | + | <div class="nav-container "> | |
| − | + | <div class="bar bar--sm visible-xs"> | |
| − | + | <div class="container"> | |
| − | + | <div class="row"> | |
| − | + | <div class="col-3 col-md-2"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<a href="index.html"> | <a href="index.html"> | ||
<img class="logo logo-dark" alt="logo" src="img/logo-dark.png" /> | <img class="logo logo-dark" alt="logo" src="img/logo-dark.png" /> | ||
| Line 56: | Line 35: | ||
</a> | </a> | ||
</div> | </div> | ||
| − | < | + | <div class="col-9 col-md-10 text-right"> |
| + | <a href="#" class="hamburger-toggle" data-toggle-class="#menu1;hidden-xs"> | ||
| + | <i class="icon icon--sm stack-interface stack-menu"></i> | ||
| + | </a> | ||
| + | </div> | ||
</div> | </div> | ||
| − | <div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm"> | + | <!--end of row--> |
| − | + | </div> | |
| − | + | <!--end of container--> | |
| − | + | </div> | |
| − | + | <!--end bar--> | |
| − | + | <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bar--absolute bar--transparent"> | |
| − | + | <div class="container"> | |
| − | + | <div class="row"> | |
| − | + | <div class="col-lg-1 col-md-2 hidden-xs"> | |
| − | + | <div class="bar__module"> | |
| − | + | <a href="index.html"> | |
| − | + | <img class="logo logo-dark" alt="logo" src="img/logo-dark.png" /> | |
| − | + | <img class="logo logo-light" alt="logo" src="img/logo-light.png" /> | |
| − | + | </a> | |
| − | + | </div> | |
| − | + | <!--end module--> | |
| − | + | </div> | |
| − | + | <div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm"> | |
| − | + | <div class="bar__module"> | |
| − | + | <ul class="menu-horizontal text-left"> | |
| − | + | <li class="dropdown"> | |
| + | <span><a href="https://2018.igem.org/Team:Madrid-OLM" style="font-size: 0.857142857142857em; line-height: 2.166666666666667em; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; color: #fff; text-decoration: none;">Home</a></span> | ||
| + | </li> | ||
| + | |||
| + | <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> | </div> | ||
| − | <!--end | + | <!--end row--> |
</div> | </div> | ||
| − | |||
</div> | </div> | ||
| − | + | <!--end dropdown container--> | |
| − | + | </li> | |
| − | + | ||
| − | + | <li class="dropdown"> | |
| − | + | <span class="dropdown__trigger">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="dropdown"> | |
| − | + | <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Description">Description</a></span> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | </li> | |
| − | + | <li class="dropdown"> | |
| − | + | <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> | </div> | ||
| − | <!--end | + | <!--end row--> |
</div> | </div> | ||
| − | |||
</div> | </div> | ||
| − | + | <!--end dropdown container--> | |
| − | + | </li> | |
| − | + | ||
| − | + | <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> | </div> | ||
| − | <!--end | + | <!--end row--> |
</div> | </div> | ||
| − | |||
</div> | </div> | ||
| − | + | <!--end dropdown container--> | |
| − | + | </li> | |
| − | + | ||
| − | + | <li class="dropdown"> | |
| − | + | <span><a href="https://2018.igem.org/Team:Madrid-OLM/Safety" style="font-size: 0.857142857142857em; line-height: 2.166666666666667em; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; color: #fff; text-decoration: none;">Safety</a></span> | |
| − | + | </li> | |
| − | + | ||
| − | + | <li class="dropdown"> | |
| − | + | <span class="dropdown__trigger">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="dropdown"> | |
| − | + | <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Description">Description</a></span> | |
| − | + | ||
| − | + | </li> | |
| − | + | <li class="dropdown"> | |
| − | + | <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> | </div> | ||
| − | <!--end | + | <!--end row--> |
</div> | </div> | ||
| − | |||
</div> | </div> | ||
| − | + | <!--end dropdown container--> | |
| − | + | </li> | |
| − | + | </ul> | |
| − | + | </div> | |
| + | <!--end module--> | ||
| + | |||
| + | |||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
| + | <!--end of row--> | ||
| + | </div> | ||
| + | <!--end of container--> | ||
| + | </nav> | ||
| + | <!--end bar--> | ||
| + | </div> | ||
| + | <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> | ||
| − | + | <div class="container pos-vertical-center"> | |
| − | + | <div class="row"> | |
| − | + | <div class="col-md-12"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <img class="border--round" alt="Image" style="max-height: 200px;" src="https://static.igem.org/mediawiki/2018/c/cd/T--Madrid-OLM--verticaLogo.png"> | |
| + | |||
| + | <div class="typed-headline"> | ||
| + | <span class="h1 inline-block" style=" font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #252525; font-weight: 300; font-variant-ligatures: common-ligatures; margin-top: 0; margin-bottom: 0; color: #fff;">A project about</span> | ||
| + | <span class="h1 inline-block typed-text typed-text--cursor color--primary" data-typed-strings="Priya,सुंदर " style=" font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #252525; font-weight: 300; font-variant-ligatures: common-ligatures; margin-top: 0; margin-bottom: 0;"></span> | ||
| + | </div> | ||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
| − | |||
</div> | </div> | ||
| + | <!--end of row--> | ||
</div> | </div> | ||
| − | <!--end of | + | <!--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> | </div> | ||
| − | <!--end of modal- | + | <!--end of modal-container--> |
</div> | </div> | ||
| − | <!--end of modal | + | <!--end of modal instance--> |
| + | <h2> | ||
| + | Fran, se cambiar cosas =D. | ||
| + | </h2> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
| + | <!--end of row--> | ||
</div> | </div> | ||
| − | <!--end of | + | <!--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> | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="col-md-4"> | + | <!--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 — minimal effort, maximum impact. | ||
| + | </p> | ||
| + | </div> | ||
</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> | ||
</div> | </div> | ||
| + | <!--end of row--> | ||
</div> | </div> | ||
| − | <!--end of | + | <!--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> | ||
</div> | </div> | ||
| + | <!--end of row--> | ||
</div> | </div> | ||
| − | <!--end of | + | <!--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> | ||
| − | + | <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> | |
| − | </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> | ||
</div> | </div> | ||
| − | <div class=" | + | <!--end of row--> |
| − | + | </div> | |
| − | + | <!--end of container--> | |
| − | < | + | </section> |
| − | <p> | + | <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> | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | <!--end of row--> | ||
</div> | </div> | ||
| − | <!--end of | + | <!--end of container--> |
| − | + | </section> | |
| − | + | <section class="pricing-section-2 text-center "> | |
| − | + | <div class="container"> | |
| − | + | <div class="row"> | |
| − | + | <div class="col-md-6 col-lg-3"> | |
| − | + | <div class="pricing pricing-3"> | |
| − | + | <div class="pricing__head bg--secondary boxed"> | |
| − | + | <h5>Free</h5> | |
| − | + | <span class="h1"> | |
| − | + | <span class="pricing__dollar">$</span>0</span> | |
| − | + | <p class="type--fine-print">Per Month, AUD.</p> | |
| − | + | </div> | |
| − | + | <ul> | |
| − | + | <li> | |
| − | + | <span>Anywhere Access</span> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <span>1GB Online Storage</span> | |
| − | + | </li> | |
| − | + | </ul> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| − | < | + | <!--end pricing--> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| − | + | <div class="col-md-6 col-lg-3"> | |
| − | + | <div class="pricing pricing-3"> | |
| − | + | <div class="pricing__head bg--secondary boxed"> | |
| − | + | <h5>Light</h5> | |
| − | + | <span class="h1"> | |
| − | + | <span class="pricing__dollar">$</span>19</span> | |
| − | + | <p class="type--fine-print">Per Month, AUD.</p> | |
| − | + | </div> | |
| − | + | <ul> | |
| + | <li> | ||
| + | <span>Anywhere Access</span> | ||
| + | </li> | ||
| + | <li> | ||
| + | <span>4GB Online Storage</span> | ||
| + | </li> | ||
| + | <li> | ||
| + | <span>Import User Data</span> | ||
| + | </li> | ||
| + | <li> | ||
| + | <span>Automatic Transfer</span> | ||
| + | </li> | ||
| + | <li> | ||
| + | <span>24/7 Support</span> | ||
| + | </li> | ||
| + | </ul> | ||
</div> | </div> | ||
| − | < | + | <!--end pricing--> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </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> | </div> | ||
| − | < | + | <!--end pricing--> |
| − | < | + | </div> |
| − | <span> | + | <div class="col-md-6 col-lg-3"> |
| − | </ | + | <div class="pricing pricing-3"> |
| − | <li> | + | <div class="pricing__head bg--secondary boxed"> |
| − | <span> | + | <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> | ||
| − | <div class="col-md- | + | <!--end of row--> |
| − | <div class=" | + | </div> |
| − | <div class=" | + | <!--end of container--> |
| − | < | + | </section> |
| − | + | <section class="text-center imagebg"> | |
| − | + | <div class="background-image-holder"> | |
| − | < | + | <img alt="background" src="img/hero-3.jpg" /> |
| − | + | </div> | |
| − | <ul> | + | <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&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">© | ||
| + | <span class="update-year"></span> Medium Rare — All Rights Reserved</span> | ||
| + | </div> | ||
| + | <div class="col-md-6 text-right text-center-xs"> | ||
| + | <ul class="social-list list-inline"> | ||
<li> | <li> | ||
| − | < | + | <a href="#"> |
| + | <i class="socicon socicon-google icon icon--xs"></i> | ||
| + | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
| − | < | + | <a href="#"> |
| + | <i class="socicon socicon-twitter icon icon--xs"></i> | ||
| + | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
| − | < | + | <a href="#"> |
| + | <i class="socicon socicon-facebook icon icon--xs"></i> | ||
| + | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
| − | < | + | <a href="#"> |
| − | + | <i class="socicon socicon-instagram icon icon--xs"></i> | |
| − | + | </a> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
| − | |||
</div> | </div> | ||
| + | <!--end of row--> | ||
</div> | </div> | ||
| − | + | <!--end of container--> | |
| − | + | </footer> | |
| − | + | </div> | |
| − | + | <!--<div class="loader"></div>--> | |
| − | + | <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active"> | |
| − | < | + | <i class="stack-interface stack-up-open-big"></i> |
| − | + | </a> | |
| − | + | </body> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | </ | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/jquery?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/flickity?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/easypiechart?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/parallax?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/typed?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/datepicker?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/datepicker?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/isotope?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/ytplayer?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/lightbox?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/granim?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/jquery.steps?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/countdown?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/twitter-fetcher?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/spectragram?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/smooth-scroll?action=raw&ctype=text/javascript"></script> | |
| − | + | <script type="text/javascript" src="https://2018.igem.org/Template:Madrid-OLM/scripts?action=raw&ctype=text/javascript"></script> | |
| − | </html> | + | </html> |
Revision as of 15:57, 28 August 2018
Madrid-OLM
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.
Startups
Quickly launch a professional site — minimal effort, maximum impact.
Agencies
Deliver results to your clients faster than ever with rapid page building.
Freelancers
Stack is your silent partner, it does the heavy-lifting while you take the glory!
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
Join over 20,000 satisfied Medium Rare customers
Hot!
Over 290 interface blocks, 140 demo pages and Variant Page Builder.
Purchase Stack for $18 USD.
