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

Line 68: Line 68:
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
         <div class="nav-container ">
 
         <div class="nav-container ">
             <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bar--absolute bar--dark">
+
             <nav id="menu1" class="bar bar--sm bar-1 hidden-xs ">
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">
                         <div class="col-lg-12 col-md-12 text-left-xs text-left-sm" style=" background: #686868; opacity: 0.8;">
+
                         <div class="col-lg-1 col-md-2 hidden-xs">
                             <div class="bar__module text-left">
+
                             <div class="bar__module">
                                 <a href="https://2018.igem.org/Team:Madrid-OLM">
+
                                 <a href="index.html">
                                     <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/c/cd/T--Madrid-OLM--verticaLogo.png" style="max-height: 120px;"/>
+
                                     <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>
 
                                 </a>
 
                             </div>
 
                             </div>
                             <div class="bar__module text-right">
+
                             <!--end module-->
                                 <ul class="menu-horizontal text-left">
+
                        </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">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger subttt">Team</span>
+
                                         <span class="dropdown__trigger">Home</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
 
                                                 <div class="row">
 
                                                 <div class="row">
                                                     <div class="dropdown__content col-lg-2 col-md-4">
+
                                                     <div class="col-md-12 dropdown__content dropdown__content--lg">
                                                         <ul class="menu-vertical">
+
                                                        <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="4">
                                                            <li class="">
+
                                                            <div class="background-image-holder">
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Team">Members</a>
+
                                                                <img alt="background" src="img/dropdown-1.jpg" />
                                                            </li>
+
                                                            </div>
+
                                                            <div class="container pos-vertical-center pl-5">
                                                            <li class="">
+
                                                                <div class="row">
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Attributions">Attribution</a>
+
                                                                    <div class="col-lg-8">
                                                           
+
                                                                        <img alt="Logo" src="img/logo-light.png" class="image--xxs" />
                                                            <li class="">
+
                                                                        <span class="h2 color--white">Beautiful, modular sites in moments.</span>
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Sponsor">Sponsors</a>
+
                                                                        <a href="#" class="btn btn--primary type--uppercase">
                                                            </li>
+
                                                                            <span class="label">$18 USD.</span>
                                                        </ul>
+
                                                                            <span class="btn__text">
 +
                                                                                Purchase Stack Now
 +
                                                                            </span>
 +
                                                                        </a>
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end of row-->
 +
                                                            </div>
 +
                                                         </div>
 +
                                                        <div class="row justify-content-end">
 +
                                                            <div class="col-lg-6">
 +
                                                                <div class="row">
 +
                                                                    <div class="col-lg-4">
 +
                                                                        <h5>Industries</h5>
 +
                                                                        <ul class="menu-vertical">
 +
                                                                            <li>
 +
                                                                                <a href="home-accommodation.html">
 +
                                                                                    Accommodation
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-construction.html">
 +
                                                                                    Construction
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-coworking.html">
 +
                                                                                    Coworking
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-drone-photography.html">
 +
                                                                                    Drone Photography
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-education.html">
 +
                                                                                    Education
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-event.html">
 +
                                                                                    Event
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-fitness.html">
 +
                                                                                    Fitness
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-health-insurance.html">
 +
                                                                                    Insurance
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-knowledge-base.html">
 +
                                                                                    Knowledge Base
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-musician.html">
 +
                                                                                    Musician
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-nonprofit.html">
 +
                                                                                    Nonprofit
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-political.html">
 +
                                                                                    Political
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-restaurant.html">
 +
                                                                                    Restaurant
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-recruitment.html">
 +
                                                                                    Recruitment
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-tourism.html">
 +
                                                                                    Tourism
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-wedding.html">
 +
                                                                                    Wedding
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                        </ul>
 +
                                                                    </div>
 +
                                                                    <div class="col-lg-4">
 +
                                                                        <h5>Landing Pages</h5>
 +
                                                                        <ul class="menu-vertical">
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-1.html">
 +
                                                                                    Landing 1
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-2.html">
 +
                                                                                    Landing 2
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-3.html">
 +
                                                                                    Landing 3
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-4.html">
 +
                                                                                    Landing 4
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-5.html">
 +
                                                                                    Landing 5
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-6.html">
 +
                                                                                    Landing 6
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-7.html">
 +
                                                                                    Landing 7
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-8.html">
 +
                                                                                    Landing 8
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-9.html">
 +
                                                                                    Landing 9
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-10.html">
 +
                                                                                    Landing 10
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-software-1.html">
 +
                                                                                    Software 1
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-software-2.html">
 +
                                                                                    Software 2
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-software-3.html">
 +
                                                                                    Software 3
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-crypto.html">
 +
                                                                                    Crypto
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                        </ul>
 +
                                                                    </div>
 +
                                                                    <div class="col-lg-4">
 +
                                                                        <h5>Portfolios</h5>
 +
                                                                        <ul class="menu-vertical">
 +
                                                                            <li>
 +
                                                                                <a href="home-portfolio-agency-1.html">
 +
                                                                                    Agency
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-portfolio-agency-2.html">
 +
                                                                                    Agency 2
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-portfolio-personal-1.html">
 +
                                                                                    Personal 1
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-portfolio-photography.html">
 +
                                                                                    Photography
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-portfolio-photography-2.html">
 +
                                                                                    Photography 2
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-portfolio-studio-1.html">
 +
                                                                                    Studio 1
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-portfolio-studio-2.html">
 +
                                                                                    Studio 2
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-portfolio-video.html">
 +
                                                                                    Video
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                        </ul>
 +
                                                                        <h5>Coming Soon</h5>
 +
                                                                        <ul class="menu-vertical">
 +
                                                                            <li>
 +
                                                                                <a href="home-coming-soon-1.html">
 +
                                                                                    Coming Soon 1
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-coming-soon-2.html">
 +
                                                                                    Coming Soon 2
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-coming-soon-3.html">
 +
                                                                                    Coming Soon 3
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                        </ul>
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end of row-->
 +
                                                            </div>
 +
                                                            <!--end of col-->
 +
                                                        </div>
 +
                                                        <!--end of row-->
 
                                                     </div>
 
                                                     </div>
 
                                                     <!--end dropdown content-->
 
                                                     <!--end dropdown content-->
 
                                                 </div>
 
                                                 </div>
                                                <!--end row-->
 
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
                                   
 
                                   
 
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger subttt">Project</span>
+
                                         <span class="dropdown__trigger">Pages</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
Line 115: Line 355:
 
                                                     <div class="dropdown__content col-lg-2 col-md-4">
 
                                                     <div class="dropdown__content col-lg-2 col-md-4">
 
                                                         <ul class="menu-vertical">
 
                                                         <ul class="menu-vertical">
                                                             <li class="">
+
                                                             <li class="dropdown">
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Description">Description</a>
+
                                                                 <span class="dropdown__trigger">About</span>
                                                                  
+
                                                                <div class="dropdown__container">
 +
                                                                    <div class="container">
 +
                                                                        <div class="row">
 +
                                                                            <div class="dropdown__content col-lg-2">
 +
                                                                                <ul class="menu-vertical">
 +
                                                                                    <li>
 +
                                                                                        <a href="page-about-company.html">
 +
                                                                                            About Company
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-about-team.html">
 +
                                                                                            About Team
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-about-me.html">
 +
                                                                                            About Me
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-about-history.html">
 +
                                                                                            About History
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                 </div>
 +
                                                                <!--end dropdown container-->
 
                                                             </li>
 
                                                             </li>
 
+
                                                             <li class="dropdown">
                                                             <li class="">
+
                                                                 <span class="dropdown__trigger">Careers</span>
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Contribution">Contribution</a>
+
                                                                <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>
 +
                                                                                        <a href="page-careers.html">
 +
                                                                                            Careers Listing
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-careers-single.html">
 +
                                                                                            Career Single
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                 </div>
 +
                                                                <!--end dropdown container-->
 
                                                             </li>
 
                                                             </li>
                                                           
+
                                                             <li class="dropdown">
                                                             <li class="">
+
                                                                 <span class="dropdown__trigger">Contact</span>
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Improve">Improve</a>
+
                                                                <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>
 +
                                                                                        <a href="page-contact-map-1.html">
 +
                                                                                            Contact Map 1
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-contact-map-2.html">
 +
                                                                                            Contact Map 2
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-contact-map-3.html">
 +
                                                                                            Contact Map 3
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-contact-map-4.html">
 +
                                                                                            Contact Map 4
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-contact-planner-1.html">
 +
                                                                                            Contact Planner 1
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-contact-planner-2.html">
 +
                                                                                            Contact Planner 2
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                 </div>
 +
                                                                <!--end dropdown container-->
 
                                                             </li>
 
                                                             </li>
 
+
                                                             <li class="dropdown">
                                                             <li class="">
+
                                                                 <span class="dropdown__trigger">Pricing</span>
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Demonstrate">Demonstrate</a>
+
                                                                <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>
 +
                                                                                        <a href="page-pricing-1.html">
 +
                                                                                            Pricing Plans 1
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-pricing-2.html">
 +
                                                                                            Pricing Plans 2
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-pricing-3.html">
 +
                                                                                            Pricing Plans 3
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                 </div>
 +
                                                                <!--end dropdown container-->
 
                                                             </li>
 
                                                             </li>
                                                              
+
                                                             <li class="dropdown">
                                                             <li class="">
+
                                                                <span class="dropdown__trigger">Services</span>
                                                                 <a class="subtt" href="https://igem.org/2018_Judging_Form?team=Madrid-OLM">Judging Form</a>
+
                                                                <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>
 +
                                                                                        <a href="page-services-1.html">
 +
                                                                                            Services 1
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-services-2.html">
 +
                                                                                            Services 2
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-services-3.html">
 +
                                                                                            Services 3
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                             <li class="dropdown separate">
 +
                                                                 <span class="dropdown__trigger">Accounts</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>
 +
                                                                                        <a href="page-accounts-profile.html">
 +
                                                                                            Public Profile
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-accounts-settings.html">
 +
                                                                                            Account Settings
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-accounts-login-1.html">
 +
                                                                                            Login Simple
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-accounts-login-2.html">
 +
                                                                                            Login Social
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-accounts-create-1.html">
 +
                                                                                            Create Simple
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-accounts-create-2.html">
 +
                                                                                            Create Social
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-accounts-recover.html">
 +
                                                                                            Recover Account
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger">Utilities</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>
 +
                                                                                        <a href="page-utility-conversation.html">
 +
                                                                                            Conversation
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="404.html">
 +
                                                                                            Error 404
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="500.html">
 +
                                                                                            Error 500
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-utility-maintnence.html">
 +
                                                                                            Maintnence Mode
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-utility-onboarding.html">
 +
                                                                                            Onboarding
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-utility-search-results-list.html">
 +
                                                                                            Search Results List
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-utility-search-results.html">
 +
                                                                                            Search Results Boxes
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 
                                                             </li>
 
                                                             </li>
 
                                                         </ul>
 
                                                         </ul>
Line 147: Line 636:
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
                                   
 
                                                           
 
                                   
 
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger subttt">Aptamers</span>
+
                                         <span class="dropdown__trigger">Blog</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
Line 157: Line 643:
 
                                                     <div class="dropdown__content col-lg-2 col-md-4">
 
                                                     <div class="dropdown__content col-lg-2 col-md-4">
 
                                                         <ul class="menu-vertical">
 
                                                         <ul class="menu-vertical">
                                                             <li class="">
+
                                                             <li class="dropdown">
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Aptamer">Overview</a>
+
                                                                 <span class="dropdown__trigger">Articles</span>
                                                            </li>
+
                                                                <div class="dropdown__container">
 
+
                                                                    <div class="container">
                                                            <li class="">
+
                                                                        <div class="row">
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/AptDiscovery">Discovery</a>
+
                                                                            <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                                                <ul class="menu-vertical">
 +
                                                                                    <li>
 +
                                                                                        <a href="blog-articles-list.html">
 +
                                                                                            Simple List
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="blog-articles-list-minimal.html">
 +
                                                                                            Minimal List
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="blog-articles-magazine.html">
 +
                                                                                            Magazine
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="blog-articles-cards.html">
 +
                                                                                            Cards
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="blog-articles-cards-sidebar.html">
 +
                                                                                            Cards Sidebar
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 
                                                             </li>
 
                                                             </li>
                                                           
+
                                                             <li class="dropdown">
                                                             <li class="">
+
                                                                 <span class="dropdown__trigger">Post Single</span>
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/AptCharacterization">Characterization</a>
+
                                                                <div class="dropdown__container">
                                                            </li>
+
                                                                    <div class="container">
                                                           
+
                                                                        <div class="row">
                                                            <li class="">
+
                                                                            <div class="dropdown__content col-lg-2 col-md-4">
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Computationaimprovement">Computational<br/> Improvement</a>
+
                                                                                <ul class="menu-vertical">
                                                            </li>
+
                                                                                    <li>
                                                            <li class="">
+
                                                                                        <a href="blog-post-single.html">
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/ElectrodeIntegration">Binding to Electrode </a>
+
                                                                                            Standard Post
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="blog-post-audio-single.html">
 +
                                                                                            Audio Post
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="blog-post-image-single.html">
 +
                                                                                            Image Post
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="blog-post-video-single.html">
 +
                                                                                            Video Post
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 
                                                             </li>
 
                                                             </li>
 
                                                         </ul>
 
                                                         </ul>
Line 184: Line 729:
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
                                   
 
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger subttt">Device</span>
+
                                         <span class="dropdown__trigger">Shop</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
Line 192: Line 736:
 
                                                     <div class="dropdown__content col-lg-2 col-md-4">
 
                                                     <div class="dropdown__content col-lg-2 col-md-4">
 
                                                         <ul class="menu-vertical">
 
                                                         <ul class="menu-vertical">
                                                             <li>
+
                                                             <li class="dropdown">
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Hardware">
+
                                                                 <span class="dropdown__trigger">Shop Standard</span>
                                                                    Overview
+
                                                                <div class="dropdown__container">
                                                                </a>
+
                                                                    <div class="container">
                                                            </li>
+
                                                                        <div class="row">
                                                            <li>
+
                                                                            <div class="dropdown__content col-lg-2 col-md-4">
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/FirstPrototype">
+
                                                                                <ul class="menu-vertical">
                                                                     First Prototype
+
                                                                                    <li>
                                                                 </a>
+
                                                                                        <a href="shop-2col.html">
 +
                                                                                            2 Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="shop-3col.html">
 +
                                                                                            3 Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="shop-4col.html">
 +
                                                                                            4 Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                     </div>
 +
                                                                 </div>
 +
                                                                <!--end dropdown container-->
 
                                                             </li>
 
                                                             </li>
 
                                                             <li class="dropdown">
 
                                                             <li class="dropdown">
                                                                 <span class="dropdown__trigger subttt">Final Prototype</span>
+
                                                                 <span class="dropdown__trigger">Shop Tiles</span>
 
                                                                 <div class="dropdown__container">
 
                                                                 <div class="dropdown__container">
 
                                                                     <div class="container">
 
                                                                     <div class="container">
Line 210: Line 775:
 
                                                                                 <ul class="menu-vertical">
 
                                                                                 <ul class="menu-vertical">
 
                                                                                     <li>
 
                                                                                     <li>
                                                                                         <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/FinalPrototype">
+
                                                                                         <a href="shop-2col-tiles.html">
                                                                                             Overview
+
                                                                                             2 Columns
 
                                                                                         </a>
 
                                                                                         </a>
 
                                                                                     </li>
 
                                                                                     </li>
 
                                                                                     <li>
 
                                                                                     <li>
                                                                                         <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/HardawareMicrofluidics">
+
                                                                                         <a href="shop-3col-tiles.html">
                                                                                             Microfluidics
+
                                                                                             3 Columns
 
                                                                                         </a>
 
                                                                                         </a>
 
                                                                                     </li>
 
                                                                                     </li>
 
                                                                                     <li>
 
                                                                                     <li>
                                                                                         <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/HardwareElectronics">
+
                                                                                         <a href="shop-4col-tiles.html">
                                                                                             Electronics
+
                                                                                             4 Columns
 
                                                                                         </a>
 
                                                                                         </a>
 
                                                                                     </li>
 
                                                                                     </li>
Line 232: Line 797:
 
                                                                 </div>
 
                                                                 </div>
 
                                                                 <!--end dropdown container-->
 
                                                                 <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger">Product Singles</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>
 +
                                                                                        <a href="shop-product-1.html">
 +
                                                                                            Product Simple
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="shop-product-2.html">
 +
                                                                                            Product Detailed
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="separate">
 +
                                                                <a href="shop-cart.html">
 +
                                                                    Cart Overview
 +
                                                                </a>
 +
                                                            </li>
 +
                                                            <li class="">
 +
                                                                <a href="shop-checkout.html">
 +
                                                                    Checkout
 +
                                                                </a>
 +
                                                            </li>
 +
                                                            <li class="">
 +
                                                                <a href="shop-terms.html">
 +
                                                                    Terms
 +
                                                                </a>
 
                                                             </li>
 
                                                             </li>
 
                                                         </ul>
 
                                                         </ul>
Line 242: Line 848:
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
                                   
 
                                   
 
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger subttt">Experiments</span>
+
                                         <span class="dropdown__trigger">Portfolio</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
Line 251: Line 855:
 
                                                     <div class="dropdown__content col-lg-2 col-md-4">
 
                                                     <div class="dropdown__content col-lg-2 col-md-4">
 
                                                         <ul class="menu-vertical">
 
                                                         <ul class="menu-vertical">
                                                            <li class="">
 
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/InterLab" >Interlab</a>
 
                                                           
 
 
                                                             <li class="dropdown">
 
                                                             <li class="dropdown">
                                                                 <span class="dropdown__trigger subttt">Protocols</span>
+
                                                                 <span class="dropdown__trigger">Titles Outside</span>
 
                                                                 <div class="dropdown__container">
 
                                                                 <div class="dropdown__container">
 
                                                                     <div class="container">
 
                                                                     <div class="container">
Line 262: Line 863:
 
                                                                                 <ul class="menu-vertical">
 
                                                                                 <ul class="menu-vertical">
 
                                                                                     <li>
 
                                                                                     <li>
                                                                                         <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/AptamerProtocols">
+
                                                                                         <a href="portfolio-one-1col.html">
                                                                                             Aptamer Related
+
                                                                                             One Column
 
                                                                                         </a>
 
                                                                                         </a>
 
                                                                                     </li>
 
                                                                                     </li>
 
                                                                                     <li>
 
                                                                                     <li>
                                                                                         <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/ProManufacturing">
+
                                                                                         <a href="portfolio-one-2col.html">
                                                                                             Manufacturing
+
                                                                                            Two Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-one-3col.html">
 +
                                                                                            Three Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger">Titles Inside</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>
 +
                                                                                        <a href="portfolio-two-1col.html">
 +
                                                                                            One Column
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-two-2col.html">
 +
                                                                                            Two Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-two-3col.html">
 +
                                                                                            Three Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger">Titles Hover</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>
 +
                                                                                        <a href="portfolio-three-1col.html">
 +
                                                                                            One Column
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-three-2col.html">
 +
                                                                                            Two Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-three-3col.html">
 +
                                                                                            Three Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger">Fullwidth</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>
 +
                                                                                        <a href="portfolio-four-2col.html">
 +
                                                                                            Two Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-four-3col.html">
 +
                                                                                            Three Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown separate">
 +
                                                                <span class="dropdown__trigger">Case Studies</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>
 +
                                                                                        <a href="portfolio-case-study-1.html">
 +
                                                                                            Case Study 1
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-case-study-2.html">
 +
                                                                                            Case Study 2
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-case-study-3.html">
 +
                                                                                            Case Study 3
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger">Single Projects</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>
 +
                                                                                        <a href="portfolio-single-1.html">
 +
                                                                                            Project Single 1
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-single-2.html">
 +
                                                                                             Project Single 2
 
                                                                                         </a>
 
                                                                                         </a>
 
                                                                                     </li>
 
                                                                                     </li>
Line 280: Line 1,031:
 
                                                                 <!--end dropdown container-->
 
                                                                 <!--end dropdown container-->
 
                                                             </li>
 
                                                             </li>
 
 
                                                           
 
                                                           
 
 
                                                         </ul>
 
                                                         </ul>
 
                                                     </div>
 
                                                     </div>
Line 293: Line 1,040:
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
                                   
 
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger subttt">Human Practices</span>
+
                                         <span class="dropdown__trigger">Blocks</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
 
                                                 <div class="row">
 
                                                 <div class="row">
                                                     <div class="dropdown__content col-lg-2 col-md-4">
+
                                                     <div class="dropdown__content dropdown__content--lg col-lg-8">
                                                         <ul class="menu-vertical">
+
                                                        <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="6">
                                                            <li class="">
+
                                                            <div class="background-image-holder">
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Human_Practices">Integrated Human Practice</a>
+
                                                                <img alt="background" src="img/inner-6.jpg" />
                                                               
+
                                                            </div>
                                                            </li>
+
                                                            <div class="container pos-vertical-center pl-5">
                                                            <li class="">
+
                                                                <div class="row">
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Public_Engagement">Education and<br/> Engagements </a>  
+
                                                                    <div class="col-lg-10">
                                                            </li>
+
                                                                        <img alt="Logo" src="img/logo-light.png" class="image--xxs" />
                                                                                                                     
+
                                                                        <span class="h3 color--white">Over 290 modular interface blocks.</span>
                                                            <li class="">
+
                                                                        <a href="#" class="btn btn--primary type--uppercase">
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Collaborations">Collaborations</a>
+
                                                                            <span class="btn__text">
                                                            </li>
+
                                                                                Launch Builder
                                                              
+
                                                                            </span>
                                                         </ul>
+
                                                                        </a>
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end of row-->
 +
                                                            </div>
 +
                                                         </div>
 +
                                                        <div class="row justify-content-end">
 +
                                                            <div class="col-lg-6">
 +
                                                                <div class="row">
 +
                                                                    <div class="col-md-6">
 +
                                                                        <ul class="menu-vertical">
 +
                                                                            <li>
 +
                                                                                <a href="sections-accordions.html">
 +
                                                                                    Accordions
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-cta.html">
 +
                                                                                    Calls To Action
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-cards.html">
 +
                                                                                    Cards
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-covers.html">
 +
                                                                                    Covers
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-features-small.html">
 +
                                                                                    Features Small
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-features-large.html">
 +
                                                                                    Features Large
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-contact.html">
 +
                                                                                    Forms Contact
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-signup.html">
 +
                                                                                    Forms Signup
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-subscribe.html">
 +
                                                                                    Forms Subscribe
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-footers.html">
 +
                                                                                    Footers
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-galleries.html">
 +
                                                                                    Galleries
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-instagram.html">
 +
                                                                                    Instagram
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-maps.html">
 +
                                                                                    Maps
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                        </ul>
 +
                                                                    </div>
 +
                                                                    <div class="col-md-6">
 +
                                                                        <ul class="menu-vertical">
 +
                                                                            <li>
 +
                                                                                <a href="sections-modals.html">
 +
                                                                                    Modals
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-navigation.html">
 +
                                                                                    Navigation Bars
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-notifications.html">
 +
                                                                                    Notifications
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-pricing.html">
 +
                                                                                    Pricing
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-processes.html">
 +
                                                                                    Processes
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-sliders.html">
 +
                                                                                    Sliders
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-twitter.html">
 +
                                                                                    Twitter
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-tabs.html">
 +
                                                                                    Tabs
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-team.html">
 +
                                                                                    Teams
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-testimonials.html">
 +
                                                                                    Testimonials
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-text-layouts.html">
 +
                                                                                    Text Layouts
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-titles.html">
 +
                                                                                    Titles
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="sections-videos.html">
 +
                                                                                    Videos
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                        </ul>
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end of row-->
 +
                                                             </div>
 +
                                                            <!--end of col-->
 +
                                                         </div>
 +
                                                        <!--end of row-->
 
                                                     </div>
 
                                                     </div>
 
                                                     <!--end dropdown content-->
 
                                                     <!--end dropdown content-->
Line 319: Line 1,217:
 
                                                 <!--end row-->
 
                                                 <!--end row-->
 
                                             </div>
 
                                             </div>
 +
                                            <!--end container-->
 
                                         </div>
 
                                         </div>
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
                                   
 
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger subttt">Awards</span>
+
                                         <span class="dropdown__trigger">Elements</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
 
                                                 <div class="row">
 
                                                 <div class="row">
                                                     <div class="dropdown__content col-lg-2 col-md-4">
+
                                                     <div class="col-md-12 dropdown__content dropdown__content--lg">
                                                        <ul class="menu-vertical">
+
                                                        <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="4">
                                                            <li class="">
+
                                                            <div class="background-image-holder">
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Applied_Design">Applied Design</a>
+
                                                                <img alt="background" src="img/dropdown-2.jpg" />
                                                                  
+
                                                            </div>
                                                             </li>
+
                                                            <div class="container pos-vertical-center pl-5">
                                                             <li class="">
+
                                                                <div class="row">
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Entrepreneurship">Entrepreneurship</a>
+
                                                                    <div class="col-lg-8">
                                                               
+
                                                                        <img alt="Logo" src="img/logo-light.png" class="image--xxs" />
                                                            </li>
+
                                                                        <span class="h3 color--white">Detailed and organised elements</span>
                                                            <li class="">
+
                                                                        <a href="elements.html" class="btn btn--primary type--uppercase">
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Hardware">Hardware</a>
+
                                                                            <span class="btn__text">
                                                                  
+
                                                                                Explore Elements
                                                             </li>
+
                                                                            </span>
                                                         
+
                                                                        </a>
                                                             <li class="">
+
                                                                    </div>
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Measurement">Measurement</a>
+
                                                                </div>
                                                               
+
                                                                <!--end of row-->
                                                            </li>
+
                                                            </div>
 
+
                                                        </div>
                                                        </ul>
+
                                                        <div class="row justify-content-end">
 +
                                                            <div class="col-lg-2 col-md-4">
 +
                                                                <ul class="menu-vertical">
 +
                                                                    <li>
 +
                                                                        <a href="elements-accordions.html">
 +
                                                                            Accordions
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-alerts.html">
 +
                                                                            Alerts
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-boxes.html">
 +
                                                                            Boxes
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-buttons.html">
 +
                                                                            Buttons
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-colors.html">
 +
                                                                            Colors
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-countdown.html">
 +
                                                                            Countdown
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-dropdowns.html">
 +
                                                                            Dropdowns
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-form-elements.html">
 +
                                                                            Form Elements
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-gradient-backgrounds.html">
 +
                                                                            Gradient Backgrounds
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-grid.html">
 +
                                                                            Grid System
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-image-backgrounds.html">
 +
                                                                            Image Backgrounds
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-instagram.html">
 +
                                                                            Instagram
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                 </ul>
 +
                                                             </div>
 +
                                                             <div class="col-lg-2 col-md-4">
 +
                                                                 <ul class="menu-vertical">
 +
                                                                    <li>
 +
                                                                        <a href="elements-lightbox.html">
 +
                                                                            Lightbox
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-maps.html">
 +
                                                                            Maps
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-masonry.html">
 +
                                                                            Masonry
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-modals.html">
 +
                                                                            Modals
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-navigation.html">
 +
                                                                            Navigation Bars
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-navigation-inpage.html">
 +
                                                                            Navigation In-Page
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-navigation-sidebar.html">
 +
                                                                            Navigation Sidebar
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-notifications.html">
 +
                                                                            Notifications
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-parallax.html">
 +
                                                                            Parallax
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-pricing.html">
 +
                                                                            Pricing
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-progress-bars.html">
 +
                                                                            Progress Bars
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-radials.html">
 +
                                                                            Radials
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                 </ul>
 +
                                                             </div>
 +
                                                             <div class="col-lg-2 col-md-4">
 +
                                                                 <ul class="menu-vertical">
 +
                                                                    <li>
 +
                                                                        <a href="elements-scrims-overlays.html">
 +
                                                                            Scrims &amp; Overlays
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-sliders.html">
 +
                                                                            Sliders
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-tables.html">
 +
                                                                            Tables
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-tabs.html">
 +
                                                                            Tabs
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-tooltips.html">
 +
                                                                            Tooltips
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-twitter.html">
 +
                                                                            Twitter Feed
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-typed-text.html">
 +
                                                                            Typed Text
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-typography.html">
 +
                                                                            Typography
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-video-background.html">
 +
                                                                            Video Backgrounds
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-video-inline.html">
 +
                                                                            Video Inline
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-wizards.html">
 +
                                                                            Wizards
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                </ul>
 +
                                                            </div>
 +
                                                        </div>
 +
                                                        <!--end of row-->
 
                                                     </div>
 
                                                     </div>
 
                                                     <!--end dropdown content-->
 
                                                     <!--end dropdown content-->
 
                                                 </div>
 
                                                 </div>
                                                <!--end row-->
 
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
                                   
+
                                </ul>
                                     <li class="dropdown">
+
                            </div>
                                         <span><a href="https://2018.igem.org/Team:Madrid-OLM/Medals" style="font-size: 0.857142857142857em; line-height: 2.166666666666667em; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; color: white; text-decoration: none;">Medals</a></span>  
+
                            <!--end module-->
                                     </li>
+
                            <div class="bar__module">
                                                                     
+
                                <a class="btn btn--sm type--uppercase" href="#">
                                 </ul>      
+
                                     <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>
 
                             </div>
                             <!--end module-->        
+
                             <!--end module-->
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 371: Line 1,465:
 
                 <!--end of container-->
 
                 <!--end of container-->
 
             </nav>
 
             </nav>
            <!--end bar-->
 
 
              
 
              
 
              
 
              

Revision as of 22:24, 16 October 2018

Madrid-OLM