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

Line 21: Line 21:
 
     <body class=" ">
 
     <body class=" ">
 
         <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="row">
+
                    <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="https://static.igem.org/mediawiki/2018/8/84/T--Madrid-OLM--proto.png" />
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 34: Line 33:
 
                             <p class="lead">
 
                             <p class="lead">
 
                                 Clean and contemporary style to suit a range of purposes from corporate, tech startup, marketing
 
                                 Clean and contemporary style to suit a range of purposes from corporate, tech startup, marketing
 +
                                <br class="hidden-xs hidden-sm" /> site to digital storefront.
 
                             </p>
 
                             </p>
−
                         
+
                            <div class="modal-instance block">
−
                        </div>
+
                                <div class="video-play-icon video-play-icon--sm modal-trigger"></div>
−
                    </div>
+
                                <span>
−
                    <!--end of row-->
+
                                    <strong>Watch Overview</strong>&nbsp;&nbsp;&nbsp;104 Seconds</span>
−
                </div>
+
                                <div class="modal-container">
−
                <!--end of container-->
+
                                    <div class="modal-content bg-dark" data-width="60%" data-height="60%">
−
            </section>
+
                                        <iframe data-src="https://www.youtube.com/embed/6p45ooZOOPo?autoplay=1" allowfullscreen="allowfullscreen"></iframe>
−
            <section class="imageblock switchable feature-large space--sm bg--secondary">
+
                                    </div>
−
                <div class="imageblock__content col-lg-6 col-md-4 pos-right">
+
                                    <!--end of modal-content-->
−
                    <div class="background-image-holder">
+
                                </div>
−
                        <img alt="image" src="https://static.igem.org/mediawiki/2018/8/84/T--Madrid-OLM--proto.png" />
+
                                <!--end of modal-container-->
−
                    </div>
+
                             </div>
−
                </div>
+
                             <!--end of modal instance-->
−
                <div class="container">
+
−
                    <div class="row">
+
−
                        <div class="col-lg-5 col-md-7">
+
−
                             <h2>Build flexible, design-driven websites with ease.</h2>
+
−
                             <p class="lead">
+
−
                                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.
+
−
                            </p>
+
 
                         </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

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
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