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

Revision as of 15:32, 26 June 2018 (view source) Hecizfer (Talk | contribs) ← Older edit		Revision as of 15:42, 26 June 2018 (view source) Hecizfer (Talk | contribs) Newer edit →
Line 1,010:		Line 1,010:
	<!--end dropdown container-->		<!--end dropdown container-->
	</li>		</li>
−	<li class="dropdown">	+	</ul>
−	<span class="dropdown__trigger"></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="container pos-vertical-center pl-5">	+
−	<div class="row">	+
−	<div class="col-lg-10">	+
−	<img alt="Logo" src="img/logo-light.png" class="image--xxs" />	+
−	<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"></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">	+
−	<img alt="background" src="img/dropdown-2.jpg" />	+
−	</div>	+
−	<div class="container pos-vertical-center pl-5">	+
−	<div class="row">	+
−	<div class="col-lg-8">	+
−	<img alt="Logo" src="img/logo-light.png" class="image--xxs" />	+
−	<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>		</div>
	<!--end module-->		<!--end module-->

---

Revision as of 15:42, 26 June 2018

function mr_parallax(){"use strict";function a(a){for(var b=0;b<a.length;b++)if("undefined"!=typeof document.body.style[a[b]])return a[b];return null}function b(){var a,b=0;return f()?(b=jQuery(".viu").find("nav:first").outerHeight(!0),a=jQuery(".viu").find("nav:first").css("position"),("absolute"===a||"fixed"===a)&&(b=0)):b=jQuery(document).find("nav:first").outerHeight(!0),Math.floor(b)}function c(){return/Android/i.test(navigator.userAgent||navigator.vendor||window.opera)?screen.height*window.devicePixelRatio:/iPad|iPhone|iPod/i.test(navigator.userAgent||navigator.vendor||window.opera)?0===window.orientation&&screen.height>screen.width?screen.height:screen.width:Math.max(document.documentElement.clientHeight,window.innerHeight||0)}function d(){p===!1&&(p=!0,h(q.mr_parallaxBackground))}function e(a){var b={};return a&&"[object Function]"===b.toString.call(a)}function f(){return"undefined"==typeof window.mr_variant?!1:!0}var g,h=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,i=["transform","msTransform","webkitTransform","mozTransform","oTransform"],j=a(i),k="translate3d(0,",l="px,0)",m=c(),n=0,o=window,p=(f(),!1),q=this;jQuery(document).ready(function(){q.documentReady()}),jQuery(window).on("load",function(){q.windowLoad()}),this.documentReady=function(a){return m=c(),jQuery("body").hasClass("parallax-2d")&&(k="translate(0,",l="px)"),h&&(q.profileParallaxElements(),q.setupParallax()),e(a)?void a():void 0},this.windowLoad=function(){m=c(),n=b(),window.mr_parallax.profileParallaxElements()},this.setupParallax=function(){f()&&(o=jQuery(".viu").get(0)),"undefined"!=typeof o&&(("undefined"==typeof window.mr||f())&&(o.onscroll=d),window.addEventListener("resize",function(){m=c(),n=b(),q.profileParallaxElements(),q.mr_parallaxBackground()},!1),window.addEventListener("orientationchange",function(){},!1),q.mr_parallaxBackground())},this.profileParallaxElements=function(){var a;g=[],m=c(),n=b();var d=".parallax > .background-image-holder, .parallax ul.slides > li > .background-image-holder, .parallax ul.slides .owl-item > li > .background-image-holder";f()&&(d=".viu .parallax > .background-image-holder, .viu .parallax ul.slides > li > .background-image-holder, .parallax ul.slides .owl-item > li > .background-image-holder"),a=jQuery(d),/Android|iPad|iPhone|iPod/i.test(navigator.userAgent||navigator.vendor||window.opera)&&(a=a.not(".parallax-disable-mobile .background-image-holder, body.parallax-disable-mobile *")),jQuery(a).each(function(a){var b=jQuery(this).closest(".parallax"),c=f()?b.position().top:b.offset().top,d=screen.height,e=screen.width;g.push({section:b.get(0),outerHeight:b.outerHeight(),elemTop:c,elemBottom:c+b.outerHeight(),isFirstSection:b.is(":nth-of-type(1)")?!0:!1,imageHolder:jQuery(this).get(0)}),/iPad|iPhone|iPod/i.test(navigator.userAgent||navigator.vendor||window.opera)&&screen.width<1024&&(0===window.orientation&&d>e?(jQuery(this).css("top","-"+d/2+"px"),jQuery(this).css({"min-height":b.is(":nth-of-type(1)")?1.5*d:1.2*d})):(jQuery(this).css("top","-"+e/2+"px"),jQuery(this).css({"min-height":b.is(":nth-of-type(1)")?1.5*e:1.2*e}))),/iPad|iPhone|iPod/i.test(navigator.userAgent||navigator.vendor||window.opera)&&screen.width>=1024&&(0===window.orientation&&d>e?(jQuery(this).css("top","-"+d/2+"px"),jQuery(this).css({"min-height":b.is(":nth-of-type(1)")?1.5*d:1.2*d})):(jQuery(this).css("top","-"+e/2+"px"),jQuery(this).css({"min-height":b.is(":nth-of-type(1)")?1.5*e:1.2*e}))),/Android/i.test(navigator.userAgent||navigator.vendor||window.opera)&&(jQuery(this).css({top:"-"+d*window.devicePixelRatio/(b.is(":nth-of-type(1)")?8:2)+"px"}),jQuery(this).css({"min-height":b.is(":nth-of-type(1)")?1.5*d:1.2*d})),f()?f()&&(b.is(":nth-of-type(1)")?q.mr_setTranslate3DTransform(jQuery(this).get(0),0===q.mr_getScrollPosition()?0:q.mr_getScrollPosition()/2):q.mr_setTranslate3DTransform(jQuery(this).get(0),(q.mr_getScrollPosition()-c-n)/2)):b.is(":nth-of-type(1)")?q.mr_setTranslate3DTransform(jQuery(this).get(0),0===q.mr_getScrollPosition()?0:q.mr_getScrollPosition()/2):q.mr_setTranslate3DTransform(jQuery(this).get(0),(q.mr_getScrollPosition()+m-c)/2)})},this.mr_parallaxBackground=function(){for(var a,b=g.length,c="undefined"==typeof mr||f()?q.mr_getScrollPosition():mr.scroll.y;b--;)a=g[b],f()?c+m-n>a.elemTop&&c-n<a.elemBottom&&(a.isFirstSection?a.imageHolder.style[j]=k+c/2+l:a.imageHolder.style[j]=k+(c-a.elemTop-n)/2+l):c+m>=a.elemTop&&c<=a.elemBottom&&(a.isFirstSection?a.imageHolder.style[j]=k+c/2+l:a.imageHolder.style[j]=k+(c+m-a.elemTop)/2+l);p=!1},this.mr_setTranslate3DTransform=function(a,b){a.style[j]=k+b+l},this.mr_getScrollPosition=function(){return o!==window?o.scrollTop:0===document.documentElement.scrollTop?document.body.scrollTop:document.documentElement.scrollTop}}window.mr_parallax=new mr_parallax;

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.

---

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.