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 ">
+
         <div class="main-container">
−
            <nav class="bar bar-4 bar--transparent bar--absolute" data-fixed-at="200">
+
<section class="imageblock switchable feature-large space--sm bg--secondary">
 +
                <div class="imageblock__content col-lg-6 col-md-4 pos-right">
 +
                    <div class="background-image-holder">
 +
                        <img alt="image" src="" />
 +
                    </div>
 +
                </div>
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">
−
                         <div class="col-lg-1 col-md-2 col-md-offset-0 col-4">
+
                         <div class="col-lg-5 col-md-7">
−
                             <div class="bar__module">
+
                             <h2>Build flexible, design-driven websites with ease.</h2>
−
                                <a href="index.html">
+
                             <p class="lead">
−
                                    <img class="logo logo-dark" alt="logo" src="img/logo-dark.png" />
+
                                 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.
−
                                    <img class="logo logo-light" alt="logo" src="img/logo-light.png" />
+
                             </p>
−
                                </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>
 
                     </div>
 
                     </div>
Line 53: Line 40:
 
                 </div>
 
                 </div>
 
                 <!--end of container-->
 
                 <!--end of container-->
−
             </nav>
+
             </section>
−
            <!--end bar-->
+
−
        </div>
+
−
        <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="img/landing-15.jpg" />
+
                         <img alt="image" src="https://static.igem.org/mediawiki/2018/8/84/T--Madrid-OLM--proto.png" />
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 93: Line 77:
 
                 <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="img/landing-19.jpg" />
+
                         <img alt="image" src="https://static.igem.org/mediawiki/2018/5/56/T--Madrid-OLM--final.png" />
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 109: Line 93:
 
                 <!--end of container-->
 
                 <!--end of container-->
 
             </section>
 
             </section>
−
            <section class="text-center cta cta-4 space--xxs border--bottom ">
 
−
                <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>
 
−
            <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 class="text-center">
 
−
                <div class="container">
 
−
                    <div class="row">
 
−
                        <div class="col-md-4">
 
−
                            <div class="feature feature-1">
 
−
                                <img alt="Image" src="img/landing-16.jpg" />
 
−
                                <div class="feature__body boxed boxed--lg boxed--border">
 
−
                                    <h4>Built With Blocks</h4>
 
−
                                    <p class="lead">
 
−
                                        Save time with over 240 carefully styled components designed to showcase your content
 
−
                                    </p>
 
−
                                    <a href="#">
 
−
                                        Learn More
 
−
                                    </a>
 
−
                                </div>
 
−
                            </div>
 
−
                            <!--end feature-->
 
−
                        </div>
 
−
                        <div class="col-md-4">
 
−
                            <div class="feature feature-1">
 
−
                                <img alt="Image" src="img/landing-17.jpg" />
 
−
                                <div class="feature__body boxed boxed--lg boxed--border">
 
−
                                    <h4>Modern Aesthetic</h4>
 
−
                                    <p class="lead">
 
−
                                        Jump start your project with Stack's diverse array of beautiful pre-built templates
 
−
                                    </p>
 
−
                                    <a href="#">
 
−
                                        Learn More
 
−
                                    </a>
 
−
                                </div>
 
−
                            </div>
 
−
                            <!--end feature-->
 
−
                        </div>
 
−
                        <div class="col-md-4">
 
−
                            <div class="feature feature-1">
 
−
                                <img alt="Image" src="img/landing-18.jpg" />
 
−
                                <div class="feature__body boxed boxed--lg boxed--border">
 
−
                                    <h4>Beautiful Markup</h4>
 
−
                                    <p class="lead">
 
−
                                        With fully documented elements pages that help you customize Stack to your needs
 
−
                                    </p>
 
−
                                    <a href="#">
 
−
                                        Learn More
 
−
                                    </a>
 
−
                                </div>
 
−
                            </div>
 
−
                            <!--end feature-->
 
−
                        </div>
 
−
                    </div>
 
−
                    <!--end of row-->
 
−
                </div>
 
−
                <!--end of container-->
 
−
            </section>
 
−
            <section class="subscribe-form-2 space--xs">
 
−
                <div class="container">
 
−
                    <div class="row justify-content-around">
 
−
                        <div class="col-lg-4">
 
−
                            <p class="lead">Subscribe for our monthly newsletter</p>
 
−
                        </div>
 
−
                        <div class="col-lg-7">
 
−
                            <form 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 email address.">
 
−
                                <div class="row">
 
−
                                    <div class="col-md-6">
 
−
                                        <input class="validate-required validate-email" type="email" name="EMAIL" placeholder="Email Address" />
 
−
                                    </div>
 
−
                                    <div class="col-lg-4 col-md-6">
 
−
                                        <button class="btn btn--primary type--uppercase" type="submit">Subscribe</button>
 
−
                                    </div>
 
−
                                </div>
 
−
                                <div style="position: absolute; left: -5000px;" aria-hidden="true">
 
−
                                    <input type="text" name="b_77142ece814d3cff52058a51f_f300c9cce8" tabindex="-1" value="">
 
−
                                </div>
 
−
                            </form>
 
−
                        </div>
 
−
                    </div>
 
−
                    <!--end of row-->
 
−
                </div>
 
−
                <!--end of container-->
 
−
            </section>
 
−
            <section class="text-center bg--secondary">
 
−
                <div class="container">
 
−
                    <div class="row">
 
−
                        <div class="col-md-12">
 
−
                            <div class="heading-block">
 
−
                                <h2>Follow us for updates and more</h2>
 
−
                            </div>
 
−
                            <div class="instafeed" data-user-name="mediumrarethemes" data-amount="6" data-grid="6"></div>
 
−
                            <a class="btn btn--icon bg--instagram type--uppercase" href="#">
 
−
                                <span class="btn__text">
 
−
                                    <i class="socicon socicon-instagram"></i>
 
−
                                    Follow @mrareweb
 
−
                                </span>
 
−
                            </a>
 
−
                        </div>
 
−
                    </div>
 
−
                    <!--end row-->
 
−
                </div>
 
−
                <!--end of container-->
 
−
            </section>
 
−
            <section class="text-center imagebg" data-overlay="3">
 
−
                <div class="background-image-holder">
 
−
                    <img alt="background" src="img/landing-20.jpg" />
 
−
                </div>
 
−
                <div class="container">
 
−
                    <div class="row justify-content-center">
 
−
                        <div class="col-md-8 col-lg-6">
 
−
                            <div class="cta">
 
−
                                <h2 class="h1">Build yours now.</h2>
 
−
                                <p class="lead">
 
−
                                    Each purchase of Stack comes with six months free support &mdash; and a lifetime of free content and bug-fix updates.
 
−
                                </p>
 
−
                                <a class="btn btn--primary type--uppercase" href="#">
 
−
                                    <span class="btn__text">
 
−
                                        Purchase on Envato
 
−
                                    </span>
 
−
                                    <span class="label">$18 USD</span>
 
−
                                </a>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                    <!--end of row-->
 
−
                </div>
 
−
                <!--end of container-->
 
−
            </section>
 
−
            <footer class="text-center space--sm footer-5 bg--dark  ">
 
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">

Revision as of 03:13, 18 October 2018

Madrid-OLM

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.

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.

Made in Melbourne Image
© Stack Inc. Privacy Policy Legal