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

Line 20: Line 20:
 
     </style>
 
     </style>
 
     <body class=" ">
 
     <body class=" ">
 +
        <a id="start"></a>
 +
        <div class="nav-container ">
 +
            <nav class="bar bar-4 bar--transparent bar--absolute" data-fixed-at="200">
 +
                <div class="container">
 +
                    <div class="row">
 +
                        <div class="col-lg-1 col-md-2 col-md-offset-0 col-4">
 +
                            <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-4 col-lg-offset-0 col-md-5 col-md-offset-0 col-8 col-offset-2">
 +
                            <div class="bar__module">
 +
                                <a class="btn btn--sm type--uppercase" href="#">
 +
                                    <span class="btn__text">
 +
                                        Try Builder
 +
                                    </span>
 +
                                </a>
 +
                                <a class="btn btn--sm btn--primary type--uppercase" href="#">
 +
                                    <span class="btn__text">
 +
                                        Buy Now
 +
                                    </span>
 +
                                </a>
 +
                            </div>
 +
                            <!--end module-->
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </nav>
 +
            <!--end bar-->
 +
        </div>
 
         <div class="main-container">
 
         <div class="main-container">
−
          <section class="imageblock switchable switchable--switch feature-large bg--dark space--sm">
+
            <section class="imageblock switchable switchable--switch feature-large bg--dark space--sm">
 
                 <div class="imageblock__content col-lg-6 col-md-4 pos-right">
 
                 <div class="imageblock__content col-lg-6 col-md-4 pos-right">
 
                     <div class="background-image-holder">
 
                     <div class="background-image-holder">
−
                         <img alt="image" src="https://static.igem.org/mediawiki/2018/5/56/T--Madrid-OLM--final.png" />
+
                         <img alt="image" src="img/landing-15.jpg" />
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 54: Line 90:
 
                 <!--end of container-->
 
                 <!--end of container-->
 
             </section>
 
             </section>
−
<section class="imageblock switchable switchable--switch feature-large bg--dark space--sm">
+
            <section class="imageblock switchable feature-large space--sm bg--secondary">
 
                 <div class="imageblock__content col-lg-6 col-md-4 pos-right">
 
                 <div class="imageblock__content col-lg-6 col-md-4 pos-right">
 
                     <div class="background-image-holder">
 
                     <div class="background-image-holder">
−
                         <img alt="image" src="https://static.igem.org/mediawiki/2018/5/56/T--Madrid-OLM--final.png" />
+
                         <img alt="image" src="img/landing-19.jpg" />
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">
−
                         <div class="col-lg-5 col-md-7 mt--2">
+
                         <div class="col-lg-5 col-md-7">
−
                             <h1>Streamline your workflow with Stack</h1>
+
                             <h2>Build flexible, design-driven websites with ease.</h2>
 
                             <p class="lead">
 
                             <p class="lead">
−
                                 Clean and contemporary style to suit a range of purposes from corporate, tech startup, marketing
+
                                 Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away &mdash; Customizing your site in the included Variant Page Builder makes experimenting with styles and content arrangements dead simple.
−
                                <br class="hidden-xs hidden-sm" /> site to digital storefront.
+
 
                             </p>
 
                             </p>
−
                            <div class="modal-instance block">
 
−
                                <div class="video-play-icon video-play-icon--sm modal-trigger"></div>
 
−
                                <span>
 
−
                                    <strong>Watch Overview</strong>&nbsp;&nbsp;&nbsp;104 Seconds</span>
 
−
                                <div class="modal-container">
 
−
                                    <div class="modal-content bg-dark" data-width="60%" data-height="60%">
 
−
                                        <iframe data-src="https://www.youtube.com/embed/6p45ooZOOPo?autoplay=1" allowfullscreen="allowfullscreen"></iframe>
 
−
                                    </div>
 
−
                                    <!--end of modal-content-->
 
−
                                </div>
 
−
                                <!--end of modal-container-->
 
−
                            </div>
 
−
                            <!--end of modal instance-->
 
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>

Revision as of 03:08, 18 October 2018

Madrid-OLM

image

Streamline your workflow with Stack

Clean and contemporary style to suit a range of purposes from corporate, tech startup, marketing site to digital storefront.

Watch Overview   104 Seconds
image

Build flexible, design-driven websites with ease.

Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away — Customizing your site in the included Variant Page Builder makes experimenting with styles and content arrangements dead simple.

Hot! Over 290 interface blocks, 140 demo pages and Variant Page Builder. Purchase Stack for $18 USD.

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

Built With Blocks

Save time with over 240 carefully styled components designed to showcase your content

Learn More
Image

Modern Aesthetic

Jump start your project with Stack's diverse array of beautiful pre-built templates

Learn More
Image

Beautiful Markup

With fully documented elements pages that help you customize Stack to your needs

Learn More

Follow us for updates and more

Follow @mrareweb
background

Build yours now.

Each purchase of Stack comes with six months free support — and a lifetime of free content and bug-fix updates.

Purchase on Envato $18 USD