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 ">
+
             <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bar--absolute bar--dark">
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">
                         <div class="col-lg-1 col-md-2 hidden-xs">
+
                         <div class="col-lg-12 col-md-12 text-left-xs text-left-sm" style=" background: #686868; opacity: 0.8;">
                             <div class="bar__module">
+
                             <div class="bar__module text-left">
                                 <a href="index.html">
+
                                 <a href="https://2018.igem.org/Team:Madrid-OLM">
                                     <img class="logo logo-dark" alt="logo" src="img/logo-dark.png" />
+
                                     <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-light" alt="logo" src="img/logo-light.png" />
+
 
                                 </a>
 
                                 </a>
 
                             </div>
 
                             </div>
                             <!--end module-->
+
                             <div class="bar__module text-right">
                        </div>
+
                                 <ul class="menu-horizontal text-left">
                        <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">Home</span>
+
                                         <span class="dropdown__trigger subttt">Team</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
 
                                                 <div class="row">
 
                                                 <div class="row">
                                                     <div class="col-md-12 dropdown__content dropdown__content--lg">
+
                                                     <div class="dropdown__content col-lg-2 col-md-4">
                                                        <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="4">
+
                                                         <ul class="menu-vertical">
                                                            <div class="background-image-holder">
+
                                                            <li class="">
                                                                <img alt="background" src="img/dropdown-1.jpg" />
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Team">Members</a>
                                                            </div>
+
                                                            </li>
                                                            <div class="container pos-vertical-center pl-5">
+
                                                                <div class="row">
+
                                                            <li class="">
                                                                    <div class="col-lg-8">
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Attributions">Attribution</a>
                                                                        <img alt="Logo" src="img/logo-light.png" class="image--xxs" />
+
                                                           
                                                                        <span class="h2 color--white">Beautiful, modular sites in moments.</span>
+
                                                            <li class="">
                                                                        <a href="#" class="btn btn--primary type--uppercase">
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Sponsor">Sponsors</a>
                                                                            <span class="label">$18 USD.</span>
+
                                                            </li>
                                                                            <span class="btn__text">
+
                                                        </ul>
                                                                                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">Pages</span>
+
                                         <span class="dropdown__trigger subttt">Project</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
Line 355: Line 115:
 
                                                     <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="dropdown">
+
                                                             <li class="">
                                                                 <span class="dropdown__trigger">About</span>
+
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Description">Description</a>
                                                                <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">
+
 
                                                                 <span class="dropdown__trigger">Careers</span>
+
                                                             <li class="">
                                                                <div class="dropdown__container">
+
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Contribution">Contribution</a>
                                                                    <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">
+
                                                           
                                                                 <span class="dropdown__trigger">Contact</span>
+
                                                             <li class="">
                                                                <div class="dropdown__container">
+
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Improve">Improve</a>
                                                                    <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">
+
 
                                                                 <span class="dropdown__trigger">Pricing</span>
+
                                                             <li class="">
                                                                <div class="dropdown__container">
+
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Demonstrate">Demonstrate</a>
                                                                    <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">
+
                                                              
                                                                <span class="dropdown__trigger">Services</span>
+
                                                             <li class="">
                                                                <div class="dropdown__container">
+
                                                                 <a class="subtt" href="https://igem.org/2018_Judging_Form?team=Madrid-OLM">Judging Form</a>
                                                                    <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 636: Line 147:
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
 +
                                   
 +
                                                           
 +
                                   
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger">Blog</span>
+
                                         <span class="dropdown__trigger subttt">Aptamers</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
Line 643: Line 157:
 
                                                     <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="dropdown">
+
                                                             <li class="">
                                                                 <span class="dropdown__trigger">Articles</span>
+
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Aptamer">Overview</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/AptDiscovery">Discovery</a>
                                                                                <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">
+
                                                           
                                                                 <span class="dropdown__trigger">Post Single</span>
+
                                                             <li class="">
                                                                <div class="dropdown__container">
+
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/AptCharacterization">Characterization</a>
                                                                    <div class="container">
+
                                                            </li>
                                                                        <div class="row">
+
                                                           
                                                                            <div class="dropdown__content col-lg-2 col-md-4">
+
                                                            <li class="">
                                                                                <ul class="menu-vertical">
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Computationaimprovement">Computational<br/> Improvement</a>
                                                                                    <li>
+
                                                            </li>
                                                                                        <a href="blog-post-single.html">
+
                                                            <li class="">
                                                                                            Standard Post
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/ElectrodeIntegration">Binding to Electrode </a>
                                                                                        </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 729: Line 184:
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
 +
                                   
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger">Shop</span>
+
                                         <span class="dropdown__trigger subttt">Device</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
Line 736: Line 192:
 
                                                     <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="dropdown">
+
                                                             <li>
                                                                 <span class="dropdown__trigger">Shop Standard</span>
+
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Hardware">
                                                                <div class="dropdown__container">
+
                                                                    Overview
                                                                    <div class="container">
+
                                                                </a>
                                                                        <div class="row">
+
                                                            </li>
                                                                            <div class="dropdown__content col-lg-2 col-md-4">
+
                                                            <li>
                                                                                <ul class="menu-vertical">
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/FirstPrototype">
                                                                                    <li>
+
                                                                     First Prototype
                                                                                        <a href="shop-2col.html">
+
                                                                 </a>
                                                                                            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">Shop Tiles</span>
+
                                                                 <span class="dropdown__trigger subttt">Final Prototype</span>
 
                                                                 <div class="dropdown__container">
 
                                                                 <div class="dropdown__container">
 
                                                                     <div class="container">
 
                                                                     <div class="container">
Line 775: Line 210:
 
                                                                                 <ul class="menu-vertical">
 
                                                                                 <ul class="menu-vertical">
 
                                                                                     <li>
 
                                                                                     <li>
                                                                                         <a href="shop-2col-tiles.html">
+
                                                                                         <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/FinalPrototype">
                                                                                             2 Columns
+
                                                                                             Overview
 
                                                                                         </a>
 
                                                                                         </a>
 
                                                                                     </li>
 
                                                                                     </li>
 
                                                                                     <li>
 
                                                                                     <li>
                                                                                         <a href="shop-3col-tiles.html">
+
                                                                                         <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/HardawareMicrofluidics">
                                                                                             3 Columns
+
                                                                                             Microfluidics
 
                                                                                         </a>
 
                                                                                         </a>
 
                                                                                     </li>
 
                                                                                     </li>
 
                                                                                     <li>
 
                                                                                     <li>
                                                                                         <a href="shop-4col-tiles.html">
+
                                                                                         <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/HardwareElectronics">
                                                                                             4 Columns
+
                                                                                             Electronics
 
                                                                                         </a>
 
                                                                                         </a>
 
                                                                                     </li>
 
                                                                                     </li>
Line 797: Line 232:
 
                                                                 </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 848: Line 242:
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
 +
                                   
 +
                                   
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger">Portfolio</span>
+
                                         <span class="dropdown__trigger subttt">Experiments</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
Line 855: Line 251:
 
                                                     <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">Titles Outside</span>
+
                                                                 <span class="dropdown__trigger subttt">Protocols</span>
 
                                                                 <div class="dropdown__container">
 
                                                                 <div class="dropdown__container">
 
                                                                     <div class="container">
 
                                                                     <div class="container">
Line 863: Line 262:
 
                                                                                 <ul class="menu-vertical">
 
                                                                                 <ul class="menu-vertical">
 
                                                                                     <li>
 
                                                                                     <li>
                                                                                         <a href="portfolio-one-1col.html">
+
                                                                                         <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/AptamerProtocols">
                                                                                             One Column
+
                                                                                             Aptamer Related
 
                                                                                         </a>
 
                                                                                         </a>
 
                                                                                     </li>
 
                                                                                     </li>
 
                                                                                     <li>
 
                                                                                     <li>
                                                                                         <a href="portfolio-one-2col.html">
+
                                                                                         <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/ProManufacturing">
                                                                                            Two Columns
+
                                                                                             Manufacturing
                                                                                        </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 1,031: Line 280:
 
                                                                 <!--end dropdown container-->
 
                                                                 <!--end dropdown container-->
 
                                                             </li>
 
                                                             </li>
 +
 +
 +
                                                           
 +
                                                           
 
                                                         </ul>
 
                                                         </ul>
 
                                                     </div>
 
                                                     </div>
Line 1,040: Line 293:
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
 +
                                   
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger">Blocks</span>
+
                                         <span class="dropdown__trigger subttt">Human Practices</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 dropdown__content--lg col-lg-8">
+
                                                     <div class="dropdown__content col-lg-2 col-md-4">
                                                        <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="6">
+
                                                         <ul class="menu-vertical">
                                                            <div class="background-image-holder">
+
                                                            <li class="">
                                                                <img alt="background" src="img/inner-6.jpg" />
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Human_Practices">Integrated Human Practice</a>
                                                            </div>
+
                                                               
                                                            <div class="container pos-vertical-center pl-5">
+
                                                            </li>
                                                                <div class="row">
+
                                                            <li class="">
                                                                    <div class="col-lg-10">
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Public_Engagement">Education and<br/> Engagements </a>  
                                                                        <img alt="Logo" src="img/logo-light.png" class="image--xxs" />
+
                                                            </li>
                                                                        <span class="h3 color--white">Over 290 modular interface blocks.</span>
+
                                                                                                                     
                                                                        <a href="#" class="btn btn--primary type--uppercase">
+
                                                            <li class="">
                                                                            <span class="btn__text">
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Collaborations">Collaborations</a>
                                                                                Launch Builder
+
                                                            </li>
                                                                            </span>
+
                                                              
                                                                        </a>
+
                                                         </ul>
                                                                    </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 1,217: Line 319:
 
                                                 <!--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">Elements</span>
+
                                         <span class="dropdown__trigger subttt">Awards</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
 
                                                 <div class="row">
 
                                                 <div class="row">
                                                     <div class="col-md-12 dropdown__content dropdown__content--lg">
+
                                                     <div class="dropdown__content col-lg-2 col-md-4">
                                                        <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="4">
+
                                                        <ul class="menu-vertical">
                                                            <div class="background-image-holder">
+
                                                            <li class="">
                                                                <img alt="background" src="img/dropdown-2.jpg" />
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Applied_Design">Applied Design</a>
                                                            </div>
+
                                                                  
                                                            <div class="container pos-vertical-center pl-5">
+
                                                             </li>
                                                                <div class="row">
+
                                                             <li class="">
                                                                    <div class="col-lg-8">
+
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Entrepreneurship">Entrepreneurship</a>
                                                                        <img alt="Logo" src="img/logo-light.png" class="image--xxs" />
+
                                                               
                                                                        <span class="h3 color--white">Detailed and organised elements</span>
+
                                                            </li>
                                                                        <a href="elements.html" class="btn btn--primary type--uppercase">
+
                                                            <li class="">
                                                                            <span class="btn__text">
+
                                                                <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Hardware">Hardware</a>
                                                                                Explore Elements
+
                                                                  
                                                                            </span>
+
                                                             </li>
                                                                        </a>
+
                                                         
                                                                    </div>
+
                                                             <li class="">
                                                                </div>
+
                                                                 <a class="subtt" href="https://2018.igem.org/Team:Madrid-OLM/Measurement">Measurement</a>
                                                                <!--end of row-->
+
                                                               
                                                            </div>
+
                                                            </li>
                                                        </div>
+
 
                                                        <div class="row justify-content-end">
+
                                                        </ul>
                                                            <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>
+
                                   
                            </div>
+
                                     <li class="dropdown">
                            <!--end module-->
+
                                         <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>  
                            <div class="bar__module">
+
                                     </li>
                                <a class="btn btn--sm type--uppercase" href="#">
+
                                                                     
                                     <span class="btn__text">
+
                                 </ul>      
                                         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 1,465: Line 371:
 
                 <!--end of container-->
 
                 <!--end of container-->
 
             </nav>
 
             </nav>
 +
            <!--end bar-->
 
              
 
              
 
              
 
              

Revision as of 22:42, 16 October 2018

Madrid-OLM