Difference between revisions of "Team:Valencia UPV/pruebaWeb"

 
(36 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{Valencia_UPV}}
+
{{Valencia_UPV/bootstrapcss}}
−
{{Valencia_UPV/lightboxmincss}}
+
{{Valencia_UPV/stackinterfacecss}}
 
{{Valencia_UPV/sociconcss}}
 
{{Valencia_UPV/sociconcss}}
−
{{Valencia_UPV/stackinterfacecss}}
+
{{Valencia_UPV/lightboxcss}}
−
{{Valencia_UPV/themeaquacss}}
+
{{Valencia_UPV/flickitycss}}
−
{{Valencia_UPV/themecedarcss}}
+
{{Valencia_UPV/iconsmindcss}}
−
{{Valencia_UPV/themecharcoalcss}}
+
{{Valencia_UPV/jquerystepscss}}
−
{{Valencia_UPV/themegreenseacss}}
+
−
{{Valencia_UPV/themeredcss}}
+
−
{{Valencia_UPV/themertlcss}}
+
−
{{Valencia_UPV/themeserpentcss}}
+
−
{{Valencia_UPV/themetangerinecss}}
+
−
{{Valencia_UPV/themeyellercss}}
+
 
{{Valencia_UPV/themecss}}
 
{{Valencia_UPV/themecss}}
−
{{Valencia_UPV/fontkarlacss}}
+
{{Valencia_UPV/customcss}}
−
{{Valencia_UPV/fontmerriweatherptsanscss}}
+
−
{{Valencia_UPV/fontralewaycss}}
+
−
{{Valencia_UPV/fontrobotocss}}
+
−
{{Valencia_UPV/lightboxminjs}}
+
−
{{Valencia_UPV/parallaxjs}}
+
−
{{Valencia_UPV/scriptsjs}}
+
−
{{Valencia_UPV/smoothscrollminjs}}
+
−
{{Valencia_UPV/spectagramminjs}}
+
−
{{Valencia_UPV/twitterfetcherminjs}}
+
−
{{Valencia_UPV/typedminjs}}
+
−
{{Valencia_UPV/ytplayerminjs}}
+
  
  
Line 32: Line 15:
 
<html>
 
<html>
  
 +
<style>
  
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
  
 +
</style>
  
 +
    <body class=" ">
 +
        <a id="start"></a>
 +
        <section class="bar bar-3 bar--sm bg--secondary">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-lg-6">
 +
                        <div class="bar__module">
 +
                            <span class="type--fade">Stack | Multipurpose HTML Template with Variant Page Builder</span>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-lg-6 text-right text-left-xs text-left-sm">
 +
                        <div class="bar__module">
 +
                            <ul class="menu-horizontal">
 +
                                <li>
 +
                                    <div class="modal-instance">
 +
                                        <a href="#" class="modal-trigger">Login</a>
 +
                                        <div class="modal-container">
 +
                                            <div class="modal-content section-modal">
 +
                                                <section class="unpad ">
 +
                                                    <div class="container">
 +
                                                        <div class="row justify-content-center">
 +
                                                            <div class="col-md-6">
 +
                                                                <div class="boxed boxed--lg bg--white text-center feature">
 +
                                                                    <div class="modal-close modal-close-cross"></div>
 +
                                                                    <h3>Login to Your Account</h3>
 +
                                                                    <hr data-title="OR">
 +
                                                                    <div class="feature__body">
 +
                                                                        <form>
 +
                                                                            <div class="row">
 +
                                                                                <div class="col-md-12">
 +
                                                                                    <input type="text" placeholder="Username" />
 +
                                                                                </div>
 +
                                                                                <div class="col-md-12">
 +
                                                                                    <input type="password" placeholder="Password" />
 +
                                                                                </div>
 +
                                                                                <div class="col-md-12">
 +
                                                                                    <button class="btn btn--primary type--uppercase" type="submit">Login</button>
 +
                                                                                </div>
 +
                                                                            </div>
 +
                                                                            <!--end of row-->
 +
                                                                        </form>
 +
                                                                        <span class="type--fine-print block">Dont have an account yet?
 +
                                                                            <a href="#">Create account</a>
 +
                                                                        </span>
 +
                                                                        <span class="type--fine-print block">Forgot your username or password?
 +
                                                                            <a href="#">Recover account</a>
 +
                                                                        </span>
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                            </div>
 +
                                                        </div>
 +
                                                        <!--end of row-->
 +
                                                    </div>
 +
                                                    <!--end of container-->
 +
                                                </section>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <div class="modal-instance">
 +
                                        <a href="#" class="modal-trigger">Create Account</a>
 +
                                        <div class="modal-container">
 +
                                            <div class="modal-content">
 +
                                                <section class="imageblock feature-large bg--white border--round ">
 +
                                                    <div class="imageblock__content col-lg-5 col-md-3 pos-left">
 +
                                                        <div class="background-image-holder">
 +
                                                        </div>
 +
                                                    </div>
 +
                                                    <div class="container">
 +
                                                        <div class="row justify-content-end">
 +
                                                            <div class="col-lg-7">
 +
                                                                <div class="row justify-content-center">
 +
                                                                    <div class="col-lg-10 col-md-11">
 +
                                                                        <h2>Create an account</h2>
 +
                                                                        <p class="lead">Get started with a 14 day free trial, No credit card required &mdash; cancel at any time.</p>
 +
                                                                        <hr data-title="OR">
 +
                                                                        <form>
 +
                                                                            <div class="row">
 +
                                                                                <div class="col-12">
 +
                                                                                    <input type="email" name="Email Address" placeholder="Email Address" />
 +
                                                                                </div>
 +
                                                                                <div class="col-12">
 +
                                                                                    <input type="password" name="Password" placeholder="Password" />
 +
                                                                                </div>
 +
                                                                                <div class="col-12">
 +
                                                                                    <button type="submit" class="btn btn--primary type--uppercase">Create Account</button>
 +
                                                                                </div>
 +
                                                                                <div class="col-12">
 +
                                                                                    <span class="type--fine-print">By signing up, you agree to the
 +
                                                                                        <a href="#">Terms of Service</a>
 +
                                                                                    </span>
 +
                                                                                </div>
 +
                                                                            </div>
 +
                                                                            <!--end row-->
 +
                                                                        </form>
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end of row-->
 +
                                                            </div>
 +
                                                            <!--end of col-->
 +
                                                        </div>
 +
                                                        <!--end of row-->
 +
                                                    </div>
 +
                                                    <!--end of container-->
 +
                                                </section>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="#" data-notification-link="search-box">
 +
                                        <i class="stack-search"></i>
 +
                                    </a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="shop-cart.html">
 +
                                        <i class="stack-basket"></i>
 +
                                    </a>
 +
                                </li>
 +
                                <li class="dropdown dropdown--absolute">
 +
                                    <span class="dropdown__trigger">
 +
                                    </span>
 +
                                    <div class="dropdown__container">
 +
                                        <div class="container">
 +
                                            <div class="row">
 +
                                                <div class="col-lg-1 dropdown__content">
 +
                                                    <ul class="menu-vertical text-left">
 +
                                                        <li>
 +
                                                            <a href="#">ENG</a>
 +
                                                        </li>
 +
                                                        <li>
 +
                                                            <a href="#">GER</a>
 +
                                                        </li>
 +
                                                    </ul>
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="#" data-notification-link="side-menu">
 +
                                        <i class="stack-dot-3"></i>
 +
                                    </a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <!--end of row-->
 +
            </div>
 +
            <!--end of container-->
 +
        </section>
 +
        <!--end bar-->
 +
        <div class="notification pos-right pos-top side-menu bg--white" data-notification-link="side-menu" data-animation="from-right">
 +
            <div class="side-menu__module">
 +
            </div>
 +
            <!--end module-->
 +
            <hr>
 +
            <div class="side-menu__module">
 +
                <span class="type--fine-print float-left">Already have an account?</span>
 +
                <a class="btn type--uppercase float-right" href="#">
 +
                    <span class="btn__text">Login</span>
 +
                </a>
 +
            </div>
 +
            <!--end module-->
 +
            <hr>
 +
            <div class="side-menu__module">
 +
                <ul class="list--loose list--hover">
 +
                    <li>
 +
                        <a href="#">
 +
                            <span class="h5">About Stack</span>
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <span class="h5">Careers</span>
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <span class="h5">Investors</span>
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <span class="h5">Locations</span>
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <span class="h5">Contact</span>
 +
                        </a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
            <!--end module-->
 +
            <hr>
 +
            <div class="side-menu__module">
 +
            </div>
 +
        </div>
 +
        <div class="notification pos-top pos-right search-box bg--white border--bottom" data-animation="from-top" data-notification-link="search-box">
 +
            <form>
 +
                <div class="row justify-content-center">
 +
                    <div class="col-lg-6 col-md-8">
 +
                        <input type="search" name="query" placeholder="Type search query and hit enter" />
 +
                    </div>
 +
                </div>
 +
                <!--end of row-->
 +
            </form>
 +
        </div>
 +
        <!--end of notification-->
 +
        <div class="nav-container ">
 +
            <div class="bar bar--sm visible-xs">
 +
                <div class="container">
 +
                    <div class="row">
 +
                        <div class="col-3 col-md-2">
 +
                            <a href="index.html">
 +
                            </a>
 +
                        </div>
 +
                        <div class="col-9 col-md-10 text-right">
 +
                            <a href="#" class="hamburger-toggle" data-toggle-class="#menu1;hidden-xs">
 +
                                <i class="icon icon--sm stack-interface stack-menu"></i>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </div>
 +
            <!--end bar-->
 +
            <nav id="menu1" class="bar bar--sm bar-1 hidden-xs ">
 +
                <div class="container">
 +
                    <div class="row">
 +
                        <div class="col-lg-1 col-md-2 hidden-xs">
 +
                            <div class="bar__module">
 +
                                <a href="index.html">
 +
 +
                                </a>
 +
                            </div>
 +
                            <!--end module-->
 +
                        </div>
 +
                        <div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm">
 +
                            <div class="bar__module">
 +
                                <ul class="menu-horizontal text-left">
 +
                                    <li class="dropdown">
 +
                                        <span class="dropdown__trigger">Home</span>
 +
                                        <div class="dropdown__container">
 +
                                            <div class="container">
 +
                                                <div class="row">
 +
                                                    <div class="col-md-12 dropdown__content dropdown__content--lg">
 +
                                                        <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="4">
 +
                                                            <div class="background-image-holder">
 +
                                                            </div>
 +
                                                            <div class="container pos-vertical-center pl-5">
 +
                                                                <div class="row">
 +
                                                                    <div class="col-lg-8">
 +
                                                                        <span class="h2 color--white">Beautiful, modular sites in moments.</span>
 +
                                                                        <a href="#" class="btn btn--primary type--uppercase">
 +
                                                                            <span class="label">$18 USD.</span>
 +
                                                                            <span class="btn__text">
 +
                                                                                Purchase Stack Now
 +
                                                                            </span>
 +
                                                                        </a>
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end of row-->
 +
                                                            </div>
 +
                                                        </div>
 +
                                                        <div class="row justify-content-end">
 +
                                                            <div class="col-lg-6">
 +
                                                                <div class="row">
 +
                                                                    <div class="col-lg-4">
 +
                                                                        <h5>Industries</h5>
 +
                                                                        <ul class="menu-vertical">
 +
                                                                            <li>
 +
                                                                                <a href="home-accommodation.html">
 +
                                                                                    Accommodation
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-construction.html">
 +
                                                                                    Construction
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-coworking.html">
 +
                                                                                    Coworking
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-drone-photography.html">
 +
                                                                                    Drone Photography
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-education.html">
 +
                                                                                    Education
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-event.html">
 +
                                                                                    Event
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-fitness.html">
 +
                                                                                    Fitness
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-health-insurance.html">
 +
                                                                                    Insurance
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-knowledge-base.html">
 +
                                                                                    Knowledge Base
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-musician.html">
 +
                                                                                    Musician
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-nonprofit.html">
 +
                                                                                    Nonprofit
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-political.html">
 +
                                                                                    Political
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-restaurant.html">
 +
                                                                                    Restaurant
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-recruitment.html">
 +
                                                                                    Recruitment
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-tourism.html">
 +
                                                                                    Tourism
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-wedding.html">
 +
                                                                                    Wedding
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                        </ul>
 +
                                                                    </div>
 +
                                                                    <div class="col-lg-4">
 +
                                                                        <h5>Landing Pages</h5>
 +
                                                                        <ul class="menu-vertical">
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-1.html">
 +
                                                                                    Landing 1
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-2.html">
 +
                                                                                    Landing 2
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-3.html">
 +
                                                                                    Landing 3
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-4.html">
 +
                                                                                    Landing 4
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-5.html">
 +
                                                                                    Landing 5
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-6.html">
 +
                                                                                    Landing 6
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-7.html">
 +
                                                                                    Landing 7
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-8.html">
 +
                                                                                    Landing 8
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-9.html">
 +
                                                                                    Landing 9
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-landing-10.html">
 +
                                                                                    Landing 10
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-software-1.html">
 +
                                                                                    Software 1
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-software-2.html">
 +
                                                                                    Software 2
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                            <li>
 +
                                                                                <a href="home-software-3.html">
 +
                                                                                    Software 3
 +
                                                                                </a>
 +
                                                                            </li>
 +
                                                                        </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>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                    <li class="dropdown">
 +
                                        <span class="dropdown__trigger">Pages</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 class="dropdown">
 +
                                                                <span class="dropdown__trigger">About</span>
 +
                                                                <div class="dropdown__container">
 +
                                                                    <div class="container">
 +
                                                                        <div class="row">
 +
                                                                            <div class="dropdown__content col-lg-2">
 +
                                                                                <ul class="menu-vertical">
 +
                                                                                    <li>
 +
                                                                                        <a href="page-about-company.html">
 +
                                                                                            About Company
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-about-team.html">
 +
                                                                                            About Team
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-about-me.html">
 +
                                                                                            About Me
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="page-about-history.html">
 +
                                                                                            About History
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger">Careers</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-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 class="dropdown">
 +
                                                                <span class="dropdown__trigger">Contact</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-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 class="dropdown">
 +
                                                                <span class="dropdown__trigger">Pricing</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-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 class="dropdown">
 +
                                                                <span class="dropdown__trigger">Services</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-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>
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                    <li class="dropdown">
 +
                                        <span class="dropdown__trigger">Blog</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 class="dropdown">
 +
                                                                <span class="dropdown__trigger">Articles</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="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 class="dropdown">
 +
                                                                <span class="dropdown__trigger">Post Single</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="blog-post-single.html">
 +
                                                                                            Standard Post
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="blog-post-audio-single.html">
 +
                                                                                            Audio Post
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="blog-post-image-single.html">
 +
                                                                                            Image Post
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="blog-post-video-single.html">
 +
                                                                                            Video Post
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                    <li class="dropdown">
 +
                                        <span class="dropdown__trigger">Shop</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 class="dropdown">
 +
                                                                <span class="dropdown__trigger">Shop Standard</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-2col.html">
 +
                                                                                            2 Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="shop-3col.html">
 +
                                                                                            3 Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="shop-4col.html">
 +
                                                                                            4 Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger">Shop Tiles</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-2col-tiles.html">
 +
                                                                                            2 Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="shop-3col-tiles.html">
 +
                                                                                            3 Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="shop-4col-tiles.html">
 +
                                                                                            4 Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--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>
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                    <li class="dropdown">
 +
                                        <span class="dropdown__trigger">Portfolio</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 class="dropdown">
 +
                                                                <span class="dropdown__trigger">Titles Outside</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-one-1col.html">
 +
                                                                                            One Column
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-one-2col.html">
 +
                                                                                            Two Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-one-3col.html">
 +
                                                                                            Three Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger">Titles Inside</span>
 +
                                                                <div class="dropdown__container">
 +
                                                                    <div class="container">
 +
                                                                        <div class="row">
 +
                                                                            <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                                                <ul class="menu-vertical">
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-two-1col.html">
 +
                                                                                            One Column
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-two-2col.html">
 +
                                                                                            Two Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-two-3col.html">
 +
                                                                                            Three Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger">Titles Hover</span>
 +
                                                                <div class="dropdown__container">
 +
                                                                    <div class="container">
 +
                                                                        <div class="row">
 +
                                                                            <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                                                <ul class="menu-vertical">
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-three-1col.html">
 +
                                                                                            One Column
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-three-2col.html">
 +
                                                                                            Two Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-three-3col.html">
 +
                                                                                            Three Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger">Fullwidth</span>
 +
                                                                <div class="dropdown__container">
 +
                                                                    <div class="container">
 +
                                                                        <div class="row">
 +
                                                                            <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                                                <ul class="menu-vertical">
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-four-2col.html">
 +
                                                                                            Two Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-four-3col.html">
 +
                                                                                            Three Columns
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown separate">
 +
                                                                <span class="dropdown__trigger">Case Studies</span>
 +
                                                                <div class="dropdown__container">
 +
                                                                    <div class="container">
 +
                                                                        <div class="row">
 +
                                                                            <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                                                <ul class="menu-vertical">
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-case-study-1.html">
 +
                                                                                            Case Study 1
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-case-study-2.html">
 +
                                                                                            Case Study 2
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-case-study-3.html">
 +
                                                                                            Case Study 3
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger">Single Projects</span>
 +
                                                                <div class="dropdown__container">
 +
                                                                    <div class="container">
 +
                                                                        <div class="row">
 +
                                                                            <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                                                <ul class="menu-vertical">
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-single-1.html">
 +
                                                                                            Project Single 1
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                    <li>
 +
                                                                                        <a href="portfolio-single-2.html">
 +
                                                                                            Project Single 2
 +
                                                                                        </a>
 +
                                                                                    </li>
 +
                                                                                </ul>
 +
                                                                            </div>
 +
                                                                            <!--end dropdown content-->
 +
                                                                        </div>
 +
                                                                        <!--end row-->
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end dropdown container-->
 +
                                                            </li>
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                    <li class="dropdown">
 +
                                        <span class="dropdown__trigger">Blocks</span>
 +
                                        <div class="dropdown__container">
 +
                                            <div class="container">
 +
                                                <div class="row">
 +
                                                    <div class="dropdown__content dropdown__content--lg col-lg-8">
 +
                                                        <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="6">
 +
                                                            <div class="background-image-holder">
 +
                                                            </div>
 +
                                                            <div class="container pos-vertical-center pl-5">
 +
                                                                <div class="row">
 +
                                                                    <div class="col-lg-10">
 +
                                                                        <span class="h3 color--white">Over 290 modular interface blocks.</span>
 +
                                                                        <a href="#" class="btn btn--primary type--uppercase">
 +
                                                                            <span class="btn__text">
 +
                                                                                Launch Builder
 +
                                                                            </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-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>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                            <!--end container-->
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                    <li class="dropdown">
 +
                                        <span class="dropdown__trigger">Elements</span>
 +
                                        <div class="dropdown__container">
 +
                                            <div class="container">
 +
                                                <div class="row">
 +
                                                    <div class="col-md-12 dropdown__content dropdown__content--lg">
 +
                                                        <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="4">
 +
                                                            <div class="background-image-holder">
 +
                                                            </div>
 +
                                                            <div class="container pos-vertical-center pl-5">
 +
                                                                <div class="row">
 +
                                                                    <div class="col-lg-8">
 +
                                                                        <span class="h3 color--white">Detailed and organised elements</span>
 +
                                                                        <a href="elements.html" class="btn btn--primary type--uppercase">
 +
                                                                            <span class="btn__text">
 +
                                                                                Explore Elements
 +
                                                                            </span>
 +
                                                                        </a>
 +
                                                                    </div>
 +
                                                                </div>
 +
                                                                <!--end of row-->
 +
                                                            </div>
 +
                                                        </div>
 +
                                                        <div class="row justify-content-end">
 +
                                                            <div class="col-lg-2 col-md-4">
 +
                                                                <ul class="menu-vertical">
 +
                                                                    <li>
 +
                                                                        <a href="elements-accordions.html">
 +
                                                                            Accordions
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-alerts.html">
 +
                                                                            Alerts
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-boxes.html">
 +
                                                                            Boxes
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-buttons.html">
 +
                                                                            Buttons
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-colors.html">
 +
                                                                            Colors
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-countdown.html">
 +
                                                                            Countdown
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-dropdowns.html">
 +
                                                                            Dropdowns
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-form-elements.html">
 +
                                                                            Form Elements
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-gradient-backgrounds.html">
 +
                                                                            Gradient Backgrounds
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-grid.html">
 +
                                                                            Grid System
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-image-backgrounds.html">
 +
                                                                            Image Backgrounds
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-instagram.html">
 +
                                                                            Instagram
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                </ul>
 +
                                                            </div>
 +
                                                            <div class="col-lg-2 col-md-4">
 +
                                                                <ul class="menu-vertical">
 +
                                                                    <li>
 +
                                                                        <a href="elements-lightbox.html">
 +
                                                                            Lightbox
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-maps.html">
 +
                                                                            Maps
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-masonry.html">
 +
                                                                            Masonry
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-modals.html">
 +
                                                                            Modals
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-navigation.html">
 +
                                                                            Navigation Bars
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-navigation-inpage.html">
 +
                                                                            Navigation In-Page
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-navigation-sidebar.html">
 +
                                                                            Navigation Sidebar
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-notifications.html">
 +
                                                                            Notifications
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-parallax.html">
 +
                                                                            Parallax
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-pricing.html">
 +
                                                                            Pricing
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-progress-bars.html">
 +
                                                                            Progress Bars
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-radials.html">
 +
                                                                            Radials
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                </ul>
 +
                                                            </div>
 +
                                                            <div class="col-lg-2 col-md-4">
 +
                                                                <ul class="menu-vertical">
 +
                                                                    <li>
 +
                                                                        <a href="elements-scrims-overlays.html">
 +
                                                                            Scrims &amp; Overlays
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-sliders.html">
 +
                                                                            Sliders
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-tables.html">
 +
                                                                            Tables
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-tabs.html">
 +
                                                                            Tabs
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-tooltips.html">
 +
                                                                            Tooltips
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-twitter.html">
 +
                                                                            Twitter Feed
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-typed-text.html">
 +
                                                                            Typed Text
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-typography.html">
 +
                                                                            Typography
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-video-background.html">
 +
                                                                            Video Backgrounds
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-video-inline.html">
 +
                                                                            Video Inline
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                    <li>
 +
                                                                        <a href="elements-wizards.html">
 +
                                                                            Wizards
 +
                                                                        </a>
 +
                                                                    </li>
 +
                                                                </ul>
 +
                                                            </div>
 +
                                                        </div>
 +
                                                        <!--end of row-->
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                            <!--end module-->
 +
                            <div class="bar__module">
 +
                                <a class="btn btn--sm type--uppercase" href="#">
 +
                                    <span class="btn__text">
 +
                                        Try Builder
 +
                                    </span>
 +
                                </a>
 +
                                <a class="btn btn--sm btn--primary type--uppercase" href="#">
 +
                                    <span class="btn__text">
 +
                                        Buy Now
 +
                                    </span>
 +
                                </a>
 +
                            </div>
 +
                            <!--end module-->
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </nav>
 +
            <!--end bar-->
 +
        </div>
 +
        <div class="main-container">
 +
            <section class="imagebg image--light cover cover-blocks bg--secondary">
 +
                    <div class="background-image-holder hidden-xs" style="background-image: url(https://static.igem.org/mediawiki/2018/thumb/4/47/T--Valencia_UPV--pruebaBin.jpg/1600px-T--Valencia_UPV--pruebaBin.jpg); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 +
                    <img src="https://static.igem.org/mediawiki/2018/thumb/4/47/T--Valencia_UPV--pruebaBin.jpg/1600px-T--Valencia_UPV--pruebaBin.jpg">
 +
                </div>
 +
                <div class="container">
 +
                    <div class="row">
 +
                        <div class="col-md-6 col-lg-5 ">
 +
                            <div>
 +
                                <h1>Gradient Backgrounds</h1>
 +
                                <p class="lead">
 +
                                    These modular elements can be readily used and customized across pages and in different blocks.
 +
                                </p>
 +
                                <hr class="short">
 +
                                <p>
 +
                                    Explore all of Stack's modular elements
 +
                                    <br /> at the
 +
                                    <a href="elements.html">Element Index Page &rarr;</a>
 +
                                </p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
            <section>
 +
                <div class="container">
 +
                    <div class="row">
 +
                        <div class="col-md-5">
 +
                            <div class="boxed bg--secondary boxed--lg boxed--border">
 +
                                <h4>Gradient Background</h4>
 +
                                <p>
 +
                                    Stack allows you to easily add an animated gradient background to elements that fades seamlessly between a list of hex colours you define in the
 +
                                    <strong>data-gradients</strong> attribute.
 +
                                </p>
 +
                                <pre>
 +
&lt;section class="imagebg" data-gradient-bg="#4876BD,#5448BD,#8F48BD,#BD48B1"&gt;
 +
CONTENT
 +
&lt;/section&gt;
 +
</pre>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-7">
 +
                            <div class="height-50 imagebg text-center" data-gradient-bg="#4876BD,#5448BD,#8F48BD,#BD48B1">
 +
                                <div class="pos-vertical-center">
 +
                                    <h2>Gradient Backgrounds Rock</h2>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
          <footer class="footer-3 text-center-xs space--xs ">
 +
                <div class="container">
 +
                    <div class="row">
 +
                        <div class="col-md-6">
 +
                            <ul class="list-inline list--hover">
 +
                                <li class="list-inline-item">
 +
                                    <a href="#">
 +
                                        <span class="type--fine-print">Get Started</span>
 +
                                    </a>
 +
                                </li>
 +
                                <li class="list-inline-item">
 +
                                    <a href="#">
 +
                                        <span class="type--fine-print">help@stack.io</span>
 +
                                    </a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    <!--end of row-->
 +
                    <div class="row">
 +
                        <div class="col-md-6">
 +
                            <p class="type--fine-print">
 +
                                Supercharge your web workflow
 +
                            </p>
 +
                        </div>
 +
                        <div class="col-md-6 text-right text-center-xs">
 +
                            <span class="type--fine-print">&copy;
 +
                                <span class="update-year"></span> Stack Inc.</span>
 +
                            <a class="type--fine-print" href="#">Privacy Policy</a>
 +
                            <a class="type--fine-print" href="#">Legal</a>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </footer>
 +
        </div>
 +
        <!--<div class="loader"></div>-->
 +
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active">
 +
            <i class="stack-interface stack-up-open-big"></i>
 +
        </a>
 +
        <script src="jquery311minjs"></script>
 +
        <script src="flickityminjs"></script>
 +
        <script src="easypiechartminjs"></script>
 +
        <script src="parallaxjs"></script>
 +
        <script src="typedminjs"></script>
 +
        <script src="datepickerjs"></script>
 +
        <script src="isotopeminjs"></script>
 +
        <script src="ytplayerminjs"></script>
 +
        <script src="lightboxminjs"></script>
 +
        <script src="granimminjs"></script>
 +
        <script src="jquerystepsminjs"></script>
 +
        <script src="countdownminjs"></script>
 +
        <script src="twitterfetcherminjs"></script>
 +
        <script src="spectragramminjs"></script>
 +
        <script src="smoothscrollminjs"></script>
 +
        <script src="scriptsjs"></script>
  
−
<div class="column full_size" >
+
        <script src="bootstrapcss"></script>
−
<h1> Welcome to iGEM 2018! </h1>
+
        <script src="customcss"></script>
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
        <script src="flickitycss"></script>
−
 
+
        <script src="iconsmindcss"></script>
−
 
+
        <script src="jquerystepscss"></script>
−
<img src="http://placehold.it/1080x320/c4baba/e4dede">
+
        <script src="lightboxcss"></script>
−
 
+
        <script src="sociconcss"></script>
−
<a href="https://2018.igem.org/Team:Valencia_UPV/Description">Description</a>
+
        <script src="stackinterfacecss"></script>
−
+
        <script src="themecss"></script>
−
 
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column full_size" >
+
−
 
+
−
<h3>Before you start</h3>
+
−
<p> Please read the following pages:</p>
+
−
<ul>
+
−
<li>  <a href="https://2018.igem.org/Competition">Competition Hub</a> </li>
+
−
<li> <a href="https://2018.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
−
<li> <a href="https://2018.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column full_size" >
+
−
<h3> Styling your wiki </h3>
+
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column third_size" >
+
−
 
+
−
<h3> Uploading pictures and files </h3>
+
−
<p> You must upload any pictures and files to the iGEM 2018 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. </p>
+
−
 
+
−
 
+
−
<p>When you upload, set the "Destination Filename" to <b> T--YourOfficialTeamName--NameOfFile.jpg</b>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
−
 
+
−
<div class="button_link">
+
−
<a href="https://2018.igem.org/Special:Upload">
+
−
UPLOAD FILES
+
−
</a>
+
−
</div>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="column third_size" >
+
−
<h3> Wiki template information </h3>
+
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2018.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column third_size" >
+
−
<div class="highlight decoration_B_full">
+
−
<h3> Editing your wiki </h3>
+
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
−
<p>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
−
 
+
−
<div class="button_link">
+
−
<a href="https://2018.igem.org/wiki/index.php?title=Team:Valencia_UPV&action=edit">
+
−
EDIT PAGE
+
−
</a>
+
−
</div>
+
−
 
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column two_thirds_size" >
+
−
<h3>Tips</h3>
+
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
−
<ul>
+
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2018.igem.org/Calendar">iGEM 2018 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column third_size">
+
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
 
+
  
 +
    </body>
  
 
</html>
 
</html>

Latest revision as of 15:14, 25 June 2018



Stack | Multipurpose HTML Template with Variant Page Builder
Already have an account? Login

Gradient Backgrounds

These modular elements can be readily used and customized across pages and in different blocks.

Explore all of Stack's modular elements
at the Element Index Page →

Gradient Background

Stack allows you to easily add an animated gradient background to elements that fades seamlessly between a list of hex colours you define in the data-gradients attribute. 

<section class="imagebg" data-gradient-bg="#4876BD,#5448BD,#8F48BD,#BD48B1">
	CONTENT
</section>

Gradient Backgrounds Rock