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

Line 41: Line 41:
 
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
     </head>
 
     </head>
−
    <body class=" ">
+
  <body class=" ">
 
         <a id="start"></a>
 
         <a id="start"></a>
−
         <div class="nav-container ">
+
         <div class="nav-container">
 
             <div class="bar bar--sm visible-xs">
 
             <div class="bar bar--sm visible-xs">
 
                 <div class="container">
 
                 <div class="container">
Line 64: Line 64:
 
             </div>
 
             </div>
 
             <!--end bar-->
 
             <!--end bar-->
−
             <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--dark">
+
             <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light">
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">
Line 1,435: Line 1,435:
 
                                     </li>
 
                                     </li>
 
                                 </ul>
 
                                 </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>
 
                             </div>
 
                             <!--end module-->
 
                             <!--end module-->
Line 1,459: Line 1,446:
 
         </div>
 
         </div>
 
         <div class="main-container">
 
         <div class="main-container">
−
             <section class="imagebg height-80 parallax" data-overlay="3">
+
             <section class="imagebg height-100 parallax" data-overlay="3" >
 
                 <div class="background-image-holder background--top">
 
                 <div class="background-image-holder background--top">
−
                     <img alt="image" src="img/work-single-3.jpg" />
+
                     <img alt="image" src="https://static.igem.org/mediawiki/2018/2/21/T--Valencia_UPV--prueba2--1600x1067.jpeg" />
 
                 </div>
 
                 </div>
−
                 <div class="container">
+
                 <div class="container" >
−
                     <div class="row">
+
                     <div class="row" style="vertical-align: middle">
−
                         <div class="col-md-12">
+
                         <div class="col-md-12" style="padding: 200px 0;">
−
                             <h1>Nike Active
+
                             <h1 class="text-center"> <br class="hidden-xs hidden-sm" />Printeria</h1>
−
                                <br class="hidden-xs hidden-sm" />Branding &amp; Identity</h1>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 1,478: Line 1,464:
 
                     <div class="row justify-content-center">
 
                     <div class="row justify-content-center">
 
                         <div class="col-md-10 col-lg-8">
 
                         <div class="col-md-10 col-lg-8">
−
                             <h2 class="text-center">An exercise in collaboration</h2>
+
                             <h2 class="text-center">Printeria</h2>
 
                             <p class="lead">
 
                             <p class="lead">
−
                                 Medium Rare is an elite author known for offering high-quality, high-value products backed by timely and personable support. Recognised and awarded by Envato on multiple occasions for producing consistently outstanding products, it's no wonder over 20,000 customers enjoy using Medium Rare templates.
+
                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a lorem sed sem euismod euismod in in elit. Etiam eu ullamcorper mi, vel elementum neque. Donec eget tincidunt lectus, vel accumsan odio. Aenean cursus ipsum eget mi pulvinar ultrices. Aliquam congue pellentesque purus commodo fringilla. Sed ultrices leo vel metus hendrerit tincidunt.  
 
                             </p>
 
                             </p>
−
                        </div>
 
−
                    </div>
 
−
                    <!--end of row-->
 
−
                </div>
 
−
                <!--end of container-->
 
−
            </section>
 
−
            <section>
 
−
                <div class="container">
 
−
                    <div class="row justify-content-center">
 
−
                        <div class="col-md-12 col-lg-10 text-center">
 
−
                            <div class="video-cover box-shadow border--round">
 
−
                                <div class="background-image-holder">
 
−
                                    <img alt="image" src="img/work-single-1.jpg" />
 
−
                                </div>
 
−
                                <div class="video-play-icon"></div>
 
−
                                <iframe data-src="https://www.youtube.com/embed/6p45ooZOOPo?autoplay=1" allowfullscreen="allowfullscreen"></iframe>
 
−
                            </div>
 
−
                            <!--end video cover-->
 
−
                            <span>A trailer made by Stack to showcase the new Nike Active brand</span>
 
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 1,511: Line 1,478:
 
                     <div class="row justify-content-around">
 
                     <div class="row justify-content-around">
 
                         <div class="col-md-4 col-lg-3">
 
                         <div class="col-md-4 col-lg-3">
−
                             <h3>Strength and heritage</h3>
+
                             <h3>Printeria</h3>
 
                             <p class="lead">
 
                             <p class="lead">
−
                                 Stack is built with customization and ease-of-use at its core &mdash; whether you're a seasoned developer or just starting out, you'll be making attractive sites faster than any traditional HTML template.
+
                                 Vivamus euismod, elit id maximus consectetur, lorem nisi semper enim, ac dignissim ligula justo vel quam. Duis lacinia nunc at dictum aliquam. Vivamus congue, sapien condimentum condimentum tempor, nunc tellus iaculis velit, nec sodales nulla tortor sit amet turpis. Nam a accumsan magna, vel dignissim ante.
 
                             </p>
 
                             </p>
 
                         </div>
 
                         </div>
Line 1,522: Line 1,489:
 
                             <hr class="short" />
 
                             <hr class="short" />
 
                             <p>
 
                             <p>
−
                                 Each purchase of Stack includes six months of free support, including access to our dedicated support forum. In addition to support you'll recieve lifetime updates, including new content and bug-fixes.
+
                                 Sed varius commodo iaculis. Sed vitae dictum orci, quis cursus neque. Duis auctor augue nec nibh egestas posuere. Suspendisse eget ex arcu. Nulla elementum nunc sit amet elit lacinia feugiat. Maecenas a gravida libero. Vivamus vitae hendrerit turpis. Maecenas malesuada mi ac diam iaculis elementum.
 
                             </p>
 
                             </p>
 
                         </div>
 
                         </div>
Line 1,535: Line 1,502:
 
                         <div class="col-md-8 col-lg-6">
 
                         <div class="col-md-8 col-lg-6">
 
                             <div class="cta">
 
                             <div class="cta">
−
                                 <h2>Ready to start your project?</h2>
+
                                 <h2>Printeria</h2>
 
                                 <p class="lead">
 
                                 <p class="lead">
−
                                    Each purchase of Stack comes with six months free support &mdash; and a lifetime of free content and bug-fix updates.
+
                                  Sed varius commodo iaculis. Sed vitae dictum orci, quis cursus neque. Duis auctor augue nec nibh egestas posuere. Suspendisse eget ex arcu. Nulla elementum nunc sit amet elit lacinia feugiat.  
 
                                 </p>
 
                                 </p>
−
                                <a class="btn btn--primary type--uppercase" href="#">
 
−
                                    <span class="btn__text">
 
−
                                        Purchase on Envato
 
−
                                    </span>
 
−
                                    <span class="label">$18 USD</span>
 
−
                                </a>
 
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 1,554: Line 1,515:
 
             <footer class="footer-3 text-center-xs space--xs ">
 
             <footer class="footer-3 text-center-xs space--xs ">
 
                 <div class="container">
 
                 <div class="container">
−
                    <div class="row">
 
−
                        <div class="col-md-6">
 
−
                            <img alt="Image" class="logo" src="img/logo-dark.png" />
 
−
                            <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>
 
−
                        <div class="col-md-6 text-right text-center-xs">
 
−
                            <ul class="social-list list-inline list--hover">
 
−
                                <li class="list-inline-item">
 
−
                                    <a href="#">
 
−
                                        <i class="socicon socicon-google icon icon--xs"></i>
 
−
                                    </a>
 
−
                                </li>
 
−
                                <li class="list-inline-item">
 
−
                                    <a href="#">
 
−
                                        <i class="socicon socicon-twitter icon icon--xs"></i>
 
−
                                    </a>
 
−
                                </li>
 
−
                                <li class="list-inline-item">
 
−
                                    <a href="#">
 
−
                                        <i class="socicon socicon-facebook icon icon--xs"></i>
 
−
                                    </a>
 
−
                                </li>
 
−
                                <li class="list-inline-item">
 
−
                                    <a href="#">
 
−
                                        <i class="socicon socicon-instagram icon icon--xs"></i>
 
−
                                    </a>
 
−
                                </li>
 
−
                            </ul>
 
−
                        </div>
 
−
                    </div>
 
−
                    <!--end of row-->
 
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-md-6">
 
                         <div class="col-md-6">

Revision as of 08:10, 26 June 2018


Stack Multipurpose HTML Template

image

Printeria

Printeria

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a lorem sed sem euismod euismod in in elit. Etiam eu ullamcorper mi, vel elementum neque. Donec eget tincidunt lectus, vel accumsan odio. Aenean cursus ipsum eget mi pulvinar ultrices. Aliquam congue pellentesque purus commodo fringilla. Sed ultrices leo vel metus hendrerit tincidunt.

Printeria

Vivamus euismod, elit id maximus consectetur, lorem nisi semper enim, ac dignissim ligula justo vel quam. Duis lacinia nunc at dictum aliquam. Vivamus congue, sapien condimentum condimentum tempor, nunc tellus iaculis velit, nec sodales nulla tortor sit amet turpis. Nam a accumsan magna, vel dignissim ante.

Image

Sed varius commodo iaculis. Sed vitae dictum orci, quis cursus neque. Duis auctor augue nec nibh egestas posuere. Suspendisse eget ex arcu. Nulla elementum nunc sit amet elit lacinia feugiat. Maecenas a gravida libero. Vivamus vitae hendrerit turpis. Maecenas malesuada mi ac diam iaculis elementum.

Printeria

Sed varius commodo iaculis. Sed vitae dictum orci, quis cursus neque. Duis auctor augue nec nibh egestas posuere. Suspendisse eget ex arcu. Nulla elementum nunc sit amet elit lacinia feugiat.