init commit2

website/Boson/HTML/plugins/rs-plugin/js/extensions/source/revolution.extension.migration.js

@@ -0,0 +1,259 @@
+/*****************************************************************************************************
+ * jquery.themepunch.revmigrate.js - jQuery Plugin for Revolution Slider Migration from 4.x to 5.0   
+ * @version: 1.0.1 (18.08.2015)
+ * @requires jQuery v1.7 or later (tested on 1.9)
+ * @author ThemePunch
+*****************************************************************************************************/
+
+
+(function($) {
+
+var _R = jQuery.fn.revolution;
+
+///////////////////////////////////////////
+// 	EXTENDED FUNCTIONS AVAILABLE GLOBAL  //
+///////////////////////////////////////////
+jQuery.extend(true,_R, {
+
+		// OUR PLUGIN HERE :)
+		migration: function(container,options) {
+			// PREPARE THE NEW OPTIONS
+			options = prepOptions(options);			
+			// PREPARE LAYER ANIMATIONS
+			prepLayerAnimations(container,options);
+			return options;
+		}
+	});
+
+var prepOptions = function(o) {
+	
+	// PARALLAX FALLBACKS
+	if (o.parallaxLevels || o.parallaxBgFreeze) {
+		var p = new Object();		
+		p.type = o.parallax
+		p.levels = o.parallaxLevels;
+		p.bgparallax = o.parallaxBgFreeze == "on" ? "off" : "on";
+
+		p.disable_onmobile = o.parallaxDisableOnMobile;
+		o.parallax = p;				
+	}
+	if (o.disableProgressBar === undefined) 
+		o.disableProgressBar = o.hideTimerBar || "off";
+	
+	// BASIC FALLBACKS
+	if (o.startwidth || o.startheight) {
+		o.gridwidth = o.startwidth;
+		o.gridheight = o.startheight;
+	}
+
+	if (o.sliderType===undefined) 
+		o.sliderType = "standard";
+	
+	if (o.fullScreen==="on") 
+		o.sliderLayout = "fullscreen";
+
+	if (o.fullWidth==="on") 
+		o.sliderLayout = "fullwidth";
+	
+	if (o.sliderLayout===undefined)
+			o.sliderLayout = "auto";
+
+
+	// NAVIGATION ARROW FALLBACKS
+	if (o.navigation===undefined) {
+		var n = new Object();
+		if (o.navigationArrows=="solo" || o.navigationArrows=="nextto") {
+			var a = new Object();
+			a.enable = true;
+			a.style = o.navigationStyle || "";
+			a.hide_onmobile = o.hideArrowsOnMobile==="on" ? true : false; 														
+			a.hide_onleave = o.hideThumbs >0 ? true : false;
+			a.hide_delay = o.hideThumbs>0 ? o.hideThumbs : 200;
+			a.hide_delay_mobile = o.hideNavDelayOnMobile || 1500;
+			a.hide_under = 0;
+			a.tmp = '';
+			a.left = {															
+							h_align:o.soloArrowLeftHalign,
+							v_align:o.soloArrowLeftValign,
+							h_offset:o.soloArrowLeftHOffset,
+							v_offset:o.soloArrowLeftVOffset								
+					 };
+			a.right = {
+							h_align:o.soloArrowRightHalign,
+							v_align:o.soloArrowRightValign,
+							h_offset:o.soloArrowRightHOffset,
+							v_offset:o.soloArrowRightVOffset
+						};
+			n.arrows = a;
+		}
+		if (o.navigationType=="bullet") {
+			var b = new Object();
+			b.style = o.navigationStyle || "";
+			b.enable=true;
+			b.hide_onmobile = o.hideArrowsOnMobile==="on" ? true : false; 														
+			b.hide_onleave = o.hideThumbs >0 ? true : false;
+			b.hide_delay = o.hideThumbs>0 ? o.hideThumbs : 200;
+			b.hide_delay_mobile = o.hideNavDelayOnMobile || 1500;
+			b.hide_under = 0;
+			b.direction="horizontal";
+			b.h_align=o.navigationHAlign || "center";
+			b.v_align=o.navigationVAlign || "bottom";
+			b.space=5;
+			b.h_offset=o.navigationHOffset || 0;
+			b.v_offset=o.navigationVOffset || 20;
+			b.tmp='<span class="tp-bullet-image"></span><span class="tp-bullet-title"></span>';
+			n.bullets = b;
+		}
+		if (o.navigationType=="thumb") {
+			var t = new Object();
+			t.style=o.navigationStyle || "";
+			t.enable=true;
+			t.width=o.thumbWidth || 100;
+			t.height=o.thumbHeight || 50;
+			t.min_width=o.thumbWidth || 100;
+			t.wrapper_padding=2;
+			t.wrapper_color="#f5f5f5";
+			t.wrapper_opacity=1;
+			t.visibleAmount=o.thumbAmount || 3;
+			t.hide_onmobile = o.hideArrowsOnMobile==="on" ? true : false; 														
+			t.hide_onleave = o.hideThumbs >0 ? true : false;
+			t.hide_delay = o.hideThumbs>0 ? o.hideThumbs : 200;
+			t.hide_delay_mobile = o.hideNavDelayOnMobile || 1500;
+			t.hide_under = 0;
+			t.direction="horizontal";
+			t.span=false;
+			t.position="inner";							
+			t.space=2;
+			t.h_align=o.navigationHAlign || "center";
+			t.v_align=o.navigationVAlign || "bottom";
+			t.h_offset=o.navigationHOffset || 0;
+			t.v_offset=o.navigationVOffset || 20;
+			t.tmp='<span class="tp-thumb-image"></span><span class="tp-thumb-title"></span>';
+			n.thumbnails = t;
+		}
+		
+		o.navigation = n;
+
+		o.navigation.keyboardNavigation=o.keyboardNavigation || "on";				
+		o.navigation.onHoverStop=o.onHoverStop || "on";
+		o.navigation.touch = {
+			touchenabled:o.touchenabled || "on",
+			swipe_treshold : o.swipe_treshold ||75,
+			swipe_min_touches : o.swipe_min_touches || 1,
+			drag_block_vertical:o.drag_block_vertical || false
+		};
+
+	}
+	
+	o.fallbacks  = {
+					isJoomla:o.isJoomla || false,
+					panZoomDisableOnMobile: o.parallaxDisableOnMobile || "off",
+					simplifyAll:o.simplifyAll || "on",
+					nextSlideOnWindowFocus:o.nextSlideOnWindowFocus || "off",	
+					disableFocusListener:o.disableFocusListener || true						
+				};
+
+	return o;
+
+}
+	
+var prepLayerAnimations = function(container,opt) {
+			
+	var c = new Object(),
+		cw = container.width(),
+		ch = container.height();
+
+	c.skewfromleftshort = "x:-50;skX:85;o:0";
+	c.skewfromrightshort = "x:50;skX:-85;o:0";
+	c.sfl = "x:-50;o:0";
+	c.sfr = "x:50;o:0";
+	c.sft = "y:-50;o:0";
+	c.sfb = "y:50;o:0";
+	c.skewfromleft = "x:top;skX:85;o:0";
+	c.skewfromright = "x:bottom;skX:-85;o:0";
+	c.lfl = "x:top;o:0";
+	c.lfr = "x:bottom;o:0";
+	c.lft = "y:left;o:0";
+	c.lfb = "y:right;o:0";
+	c.fade = "o:0";
+	var src = (Math.random()*720-360)
+	
+	
+	container.find('.tp-caption').each(function() {		
+		var cp = jQuery(this),
+			rw = Math.random()*(cw*2)-cw,
+			rh = Math.random()*(ch*2)-ch,
+			rs = Math.random()*3,
+			rz = Math.random()*720-360,
+			rx = Math.random()*70-35,
+			ry = Math.random()*70-35,
+			ncc = cp.attr('class');
+		c.randomrotate = "x:{-400,400};y:{-400,400};sX:{0,2};sY:{0,2};rZ:{-180,180};rX:{-180,180};rY:{-180,180};o:0;";	
+		
+		if (ncc.match("randomrotate")) cp.data('transform_in',c.randomrotate) 
+			else
+		if (ncc.match(/\blfl\b/)) cp.data('transform_in',c.lfl) 
+			else
+		if (ncc.match(/\blfr\b/)) cp.data('transform_in',c.lfr) 
+			else
+		if (ncc.match(/\blft\b/)) cp.data('transform_in',c.lft) 
+			else
+		if (ncc.match(/\blfb\b/)) cp.data('transform_in',c.lfb) 
+			else
+		if (ncc.match(/\bsfl\b/)) cp.data('transform_in',c.sfl) 
+			else
+		if (ncc.match(/\bsfr\b/)) cp.data('transform_in',c.sfr) 
+			else
+		if (ncc.match(/\bsft\b/)) cp.data('transform_in',c.sft) 
+			else
+		if (ncc.match(/\bsfb\b/)) cp.data('transform_in',c.sfb) 
+			else
+		if (ncc.match(/\bskewfromleftshort\b/)) cp.data('transform_in',c.skewfromleftshort) 
+			else
+		if (ncc.match(/\bskewfromrightshort\b/)) cp.data('transform_in',c.skewfromrightshort) 
+			else 
+		if (ncc.match(/\bskewfromleft\b/)) cp.data('transform_in',c.skewfromleft) 
+			else
+		if (ncc.match(/\bskewfromright\b/)) cp.data('transform_in',c.skewfromright) 
+			else
+		if (ncc.match(/\bfade\b/)) cp.data('transform_in',c.fade);
+
+		if (ncc.match(/\brandomrotateout\b/)) cp.data('transform_out',c.randomrotate) 
+			else
+		if (ncc.match(/\bltl\b/)) cp.data('transform_out',c.lfl) 
+			else
+		if (ncc.match(/\bltr\b/)) cp.data('transform_out',c.lfr) 
+			else
+		if (ncc.match(/\bltt\b/)) cp.data('transform_out',c.lft) 
+			else
+		if (ncc.match(/\bltb\b/)) cp.data('transform_out',c.lfb) 
+			else
+		if (ncc.match(/\bstl\b/)) cp.data('transform_out',c.sfl) 
+			else
+		if (ncc.match(/\bstr\b/)) cp.data('transform_out',c.sfr) 
+			else
+		if (ncc.match(/\bstt\b/)) cp.data('transform_out',c.sft) 
+			else
+		if (ncc.match(/\bstb\b/)) cp.data('transform_out',c.sfb) 
+			else
+		if (ncc.match(/\bskewtoleftshortout\b/)) cp.data('transform_out',c.skewfromleftshort) 
+			else
+		if (ncc.match(/\bskewtorightshortout\b/)) cp.data('transform_out',c.skewfromrightshort) 
+			else
+		if (ncc.match(/\bskewtoleftout\b/)) cp.data('transform_out',c.skewfromleft) 
+			else
+		if (ncc.match(/\bskewtorightout\b/)) cp.data('transform_out',c.skewfromright) 
+			else
+		if (ncc.match(/\bfadeout\b/)) cp.data('transform_out',c.fade);
+
+		if (cp.data('customin')!=undefined) cp.data('transform_in',cp.data('customin'));
+		if (cp.data('customout')!=undefined) cp.data('transform_out',cp.data('customout'));			
+
+	})
+	
+}
+})(jQuery);					
+
+
+
+

website/Boson/HTML/plugins/rs-plugin/js/extensions/source/revolution.extension.parallax.js

@@ -0,0 +1,392 @@
+/********************************************
+ * REVOLUTION 5.1.6 EXTENSION - PARALLAX
+ * @version: 1.2 (04.01.2016)
+ * @requires jquery.themepunch.revolution.js
+ * @author ThemePunch
+*********************************************/
+(function($) {
+
+var _R = jQuery.fn.revolution,
+	_ISM = _R.is_mobile();
+
+jQuery.extend(true,_R, {	
+	/*callStaticDDDParallax: function(container,opt,li) {
+		// STATIC 3D PARALLAX MOVEMENTS
+	    if (opt.parallax && (opt.parallax.ddd_path=="static" || opt.parallax.ddd_path=="both")) {
+			var coo = {},
+				path = li.data('3dpath');
+			coo.li = li;
+			if (path.split(',').length>1) {
+				coo.h = parseInt(path.split(',')[0],0);
+				coo.v = parseInt(path.split(',')[1],0);				
+				container.trigger('trigger3dpath',coo);
+			}		
+		}
+	},*/
+
+	checkForParallax : function(container,opt) {
+		
+		var _ = opt.parallax;
+
+		if (_ISM && _.disable_onmobile=="on") return false;
+
+		if (_.type=="3D" || _.type=="3d") {			
+			punchgs.TweenLite.set(opt.c,{overflow:_.ddd_overflow});
+			punchgs.TweenLite.set(opt.ul,{overflow:_.ddd_overflow});		
+			if (opt.sliderType!="carousel" && _.ddd_shadow=="on") {
+				opt.c.prepend('<div class="dddwrappershadow"></div>')
+				punchgs.TweenLite.set(opt.c.find('.dddwrappershadow'),{force3D:"auto",transformPerspective:1600,transformOrigin:"50% 50%", width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:0});			
+			}
+		}
+		
+		
+		opt.li.each(function() {
+			var li = jQuery(this);
+							
+			if (_.type=="3D" || _.type=="3d") {
+				li.find('.slotholder').wrapAll('<div class="dddwrapper" style="width:100%;height:100%;position:absolute;top:0px;left:0px;overflow:hidden"></div>');				
+				li.find('.tp-parallax-wrap').wrapAll('<div class="dddwrapper-layer" style="width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:5;overflow:'+_.ddd_layer_overflow+';"></div>');				
+
+				// MOVE THE REMOVED 3D LAYERS OUT OF THE PARALLAX GROUP					
+				li.find('.rs-parallaxlevel-tobggroup').closest('.tp-parallax-wrap').wrapAll('<div class="dddwrapper-layertobggroup" style="position:absolute;top:0px;left:0px;z-index:50;width:100%;height:100%"></div>');
+
+				var dddw = li.find('.dddwrapper'),
+					dddwl = li.find('.dddwrapper-layer'),
+					dddwlbg = li.find('.dddwrapper-layertobggroup');
+
+				
+
+				dddwlbg.appendTo(dddw);
+								
+				if (opt.sliderType=="carousel") {
+					 if (_.ddd_shadow=="on") dddw.addClass("dddwrappershadow");					 
+					 punchgs.TweenLite.set(dddw,{borderRadius:opt.carousel.border_radius});
+				}
+				punchgs.TweenLite.set(li,{overflow:"visible",transformStyle:"preserve-3d",perspective:1600});
+				punchgs.TweenLite.set(dddw,{force3D:"auto",transformOrigin:"50% 50%"});					
+				punchgs.TweenLite.set(dddwl,{force3D:"auto",transformOrigin:"50% 50%",zIndex:5});					
+				punchgs.TweenLite.set(opt.ul,{transformStyle:"preserve-3d",transformPerspective:1600});					
+			}
+						
+		});
+
+		for (var i = 1; i<=_.levels.length;i++)				
+			opt.c.find('.rs-parallaxlevel-'+i).each(function() {					
+				var pw = jQuery(this),
+					tpw = pw.closest('.tp-parallax-wrap');												
+				tpw.data('parallaxlevel',_.levels[i-1])
+				tpw.addClass("tp-parallax-container");								
+			});		
+
+		
+		if (_.type=="mouse" || _.type=="scroll+mouse" || _.type=="mouse+scroll" || _.type=="3D" || _.type=="3d") {
+		
+			container.mouseenter(function(event) {
+				var currslide = container.find('.active-revslide'),
+					t = container.offset().top,
+					l = container.offset().left,
+					ex = (event.pageX-l),
+					ey =  (event.pageY-t);
+				currslide.data("enterx",ex);
+				currslide.data("entery",ey);
+			});
+
+			container.on('mousemove.hoverdir, mouseleave.hoverdir, trigger3dpath',function(event,data) {				
+				var currslide = data && data.li ? data.li : container.find('.active-revslide');
+
+				
+				// CALCULATE DISTANCES
+				if (_.origo=="enterpoint") {
+					var	t = container.offset().top,
+						l = container.offset().left;
+
+					if (currslide.data("enterx")==undefined) currslide.data("enterx",(event.pageX-l));
+					if (currslide.data("entery")==undefined) currslide.data("entery",(event.pageY-t));										
+
+					var mh = currslide.data("enterx") || (event.pageX-l),
+						mv = currslide.data("entery") || (event.pageY-t),
+						diffh = (mh - (event.pageX - l)),
+						diffv = (mv - (event.pageY - t)),
+						s = _.speed/1000 || 0.4;
+				} else {
+					var	t = container.offset().top,
+						l = container.offset().left,
+						diffh = (opt.conw/2 - (event.pageX-l)),
+						diffv = (opt.conh/2 - (event.pageY-t)),
+						s = _.speed/1000 || 3;
+				}
+								
+				/*if (event.type=="trigger3dpath") {
+					diffh = data.h;
+					diffv = data.v;					
+					_.ddd_lasth = diffh;
+					_.ddd_lastv = diffv;
+				}*/
+
+				if (event.type=="mouseleave") {
+					diffh = _.ddd_lasth || 0;
+					diffv = _.ddd_lastv || 0;
+					s = 1.5;									
+				}
+
+				/*if (_.ddd_path=="static") {
+					diffh = _.ddd_lasth || 0;
+					diffv = _.ddd_lastv || 0;							
+				}*/
+				var pcnts = [];
+				currslide.find(".tp-parallax-container").each(function(i){					
+					pcnts.push(jQuery(this));
+				});
+				container.find('.tp-static-layers .tp-parallax-container').each(function(){
+					pcnts.push(jQuery(this));
+				});
+				
+				jQuery.each(pcnts, function() {
+					var pc = jQuery(this),
+						bl = parseInt(pc.data('parallaxlevel'),0),
+						pl = _.type=="3D" || _.type=="3d" ? bl/200 : bl/100,
+						offsh =	 diffh * pl,
+						offsv =	 diffv * pl;		
+						if (_.type=="scroll+mouse" || _.type=="mouse+scroll" ) 
+							punchgs.TweenLite.to(pc,s,{force3D:"auto",x:offsh,ease:punchgs.Power3.easeOut,overwrite:"all"});
+						else
+							punchgs.TweenLite.to(pc,s,{force3D:"auto",x:offsh,y:offsv,ease:punchgs.Power3.easeOut,overwrite:"all"});
+				});
+
+				if (_.type=="3D" || _.type=="3d") {
+					var sctor = '.tp-revslider-slidesli .dddwrapper, .dddwrappershadow, .tp-revslider-slidesli .dddwrapper-layer';
+					if (opt.sliderType==="carousel") sctor = ".tp-revslider-slidesli .dddwrapper, .tp-revslider-slidesli .dddwrapper-layer";
+					opt.c.find(sctor).each(function() {										
+						var t = jQuery(this),
+							pl = _.levels[_.levels.length-1]/200,										
+							offsh =	diffh * pl,
+							offsv =	diffv * pl,
+							offrv = opt.conw == 0 ? 0 :  Math.round((diffh / opt.conw * pl)*100) || 0,
+							offrh = opt.conh == 0 ? 0 : Math.round((diffv / opt.conh * pl)*100) || 0,										
+							li = t.closest('li'),
+							zz = 0,
+							itslayer = false;
+
+							if (t.hasClass("dddwrapper-layer")) {
+								zz = _.ddd_z_correction || 65;
+								itslayer = true;
+							}
+
+						if (t.hasClass("dddwrapper-layer")) {
+							offsh=0;
+							offsv=0;
+						}
+												
+						if (li.hasClass("active-revslide") || opt.sliderType!="carousel")
+							if (_.ddd_bgfreeze!="on" || (itslayer))								
+								punchgs.TweenLite.to(t,s,{rotationX:offrh, rotationY:-offrv, x:offsh, z:zz,y:offsv,ease:punchgs.Power3.easeOut,overwrite:"all"});								  	
+							else 								
+								punchgs.TweenLite.to(t,0.5,{force3D:"auto",rotationY:0, rotationX:0, z:0,ease:punchgs.Power3.easeOut,overwrite:"all"});
+						else 
+							punchgs.TweenLite.to(t,0.5,{force3D:"auto",rotationY:0,z:0,x:0,y:0, rotationX:0, z:0,ease:punchgs.Power3.easeOut,overwrite:"all"});
+																	
+						if (event.type=="mouseleave")
+						 	punchgs.TweenLite.to(jQuery(this),3.8,{z:0, ease:punchgs.Power3.easeOut});
+					});
+				}					
+			});
+
+			if (_ISM)
+				window.ondeviceorientation = function(event) {
+					var y = Math.round(event.beta  || 0)-70,
+						x = Math.round(event.gamma || 0);
+
+					var currslide = container.find('.active-revslide');
+
+					if (jQuery(window).width() > jQuery(window).height()){
+							var xx = x;
+							x = y;
+							y = xx;
+					}
+
+					var cw = container.width(),
+						ch = container.height(),
+						diffh = (360/cw * x),
+				  		diffv = (180/ch * y),
+				  		s = _.speed/1000 || 3,				  	
+				  		pcnts = [];
+					
+					currslide.find(".tp-parallax-container").each(function(i){					
+						pcnts.push(jQuery(this));
+					});
+					container.find('.tp-static-layers .tp-parallax-container').each(function(){
+						pcnts.push(jQuery(this));
+					});
+
+				  	jQuery.each(pcnts, function() {
+						var pc = jQuery(this),
+							bl = parseInt(pc.data('parallaxlevel'),0),
+							pl = bl/100,
+							offsh =	 diffh * pl*2,
+							offsv =	 diffv * pl*4;									
+							punchgs.TweenLite.to(pc,s,{force3D:"auto",x:offsh,y:offsv,ease:punchgs.Power3.easeOut,overwrite:"all"});	
+					});
+					
+					if (_.type=="3D" || _.type=="3d") {
+						var sctor = '.tp-revslider-slidesli .dddwrapper, .dddwrappershadow, .tp-revslider-slidesli .dddwrapper-layer';
+						if (opt.sliderType==="carousel") sctor = ".tp-revslider-slidesli .dddwrapper, .tp-revslider-slidesli .dddwrapper-layer";
+						opt.c.find(sctor).each(function() {			
+							var t = jQuery(this),
+								pl = _.levels[_.levels.length-1]/200
+								offsh =	diffh * pl,
+								offsv =	diffv * pl*3,
+								offrv = opt.conw == 0 ? 0 :  Math.round((diffh / opt.conw * pl)*500) || 0,
+								offrh = opt.conh == 0 ? 0 : Math.round((diffv / opt.conh * pl)*700) || 0,
+								li = t.closest('li'),
+								zz = 0,
+								itslayer = false;
+
+							if (t.hasClass("dddwrapper-layer")) {
+								zz = _.ddd_z_correction || 65;
+								itslayer = true;
+							}
+
+							if (t.hasClass("dddwrapper-layer")) {
+								offsh=0;
+								offsv=0;
+							}
+												
+							if (li.hasClass("active-revslide") || opt.sliderType!="carousel")
+								if (_.ddd_bgfreeze!="on" || (itslayer))								
+									punchgs.TweenLite.to(t,s,{rotationX:offrh, rotationY:-offrv, x:offsh, z:zz,y:offsv,ease:punchgs.Power3.easeOut,overwrite:"all"});								  	
+								else 								
+									punchgs.TweenLite.to(t,0.5,{force3D:"auto",rotationY:0, rotationX:0, z:0,ease:punchgs.Power3.easeOut,overwrite:"all"});
+							else 
+								punchgs.TweenLite.to(t,0.5,{force3D:"auto",rotationY:0,z:0,x:0,y:0, rotationX:0, z:0,ease:punchgs.Power3.easeOut,overwrite:"all"});
+																	
+							if (event.type=="mouseleave")
+							 	punchgs.TweenLite.to(jQuery(this),3.8,{z:0, ease:punchgs.Power3.easeOut});
+						});
+					}
+				}			 
+		}
+				
+		_R.scrollTicker(opt,container);
+		
+
+	},
+	
+	scrollTicker : function(opt,container) {
+		var faut;
+
+		if (opt.scrollTicker!=true) {
+			opt.scrollTicker = true;		
+			if (_ISM) {		
+				punchgs.TweenLite.ticker.fps(150);
+				punchgs.TweenLite.ticker.addEventListener("tick",function() {_R.scrollHandling(opt);},container,false,1);
+			} else {				
+				jQuery(window).on('scroll mousewheel DOMMouseScroll', function() {				
+					_R.scrollHandling(opt,true);					
+				});
+			}		
+				
+		}		
+		_R.scrollHandling(opt, true);
+	},
+
+
+
+	//	-	SET POST OF SCROLL PARALLAX	-
+	scrollHandling : function(opt,fromMouse) {	
+	
+		opt.lastwindowheight = opt.lastwindowheight || jQuery(window).height();
+
+		var t = opt.c.offset().top,
+			st = jQuery(window).scrollTop(),					
+			b = new Object(),
+			_v = opt.viewPort,
+			_ = opt.parallax;
+
+		
+		if (opt.lastscrolltop==st && !opt.duringslidechange && !fromMouse) return false;
+		//if (opt.lastscrolltop==st) return false;
+
+		
+
+		function saveLastScroll(opt,st) {			
+			opt.lastscrolltop = st;			
+		}
+		punchgs.TweenLite.delayedCall(0.2,saveLastScroll,[opt,st]);
+
+		b.top = (t-st);		
+		b.h = opt.conh==0 ? opt.c.height() : opt.conh;		
+		b.bottom = (t-st) + b.h;
+
+		var proc = b.top<0 ? b.top / b.h : b.bottom>opt.lastwindowheight ? (b.bottom-opt.lastwindowheight) / b.h : 0;
+		opt.scrollproc = proc;
+
+		if (_R.callBackHandling)
+			_R.callBackHandling(opt,"parallax","start");
+
+		
+
+		if (_v.enable) {
+			var area = 1-Math.abs(proc);
+			area = area<0 ? 0 : area;
+			// To Make sure it is not any more in %			
+			if (!jQuery.isNumeric(_v.visible_area))
+			 if (_v.visible_area.indexOf('%')!==-1) 
+				_v.visible_area = parseInt(_v.visible_area)/100;
+			
+
+		 	if (1-_v.visible_area<=area) {
+				if (!opt.inviewport) {
+					opt.inviewport = true;
+					_R.enterInViewPort(opt);
+				}
+			} else {
+				if (opt.inviewport) {
+					opt.inviewport = false;
+					_R.leaveViewPort(opt);
+				}
+			}
+		}
+
+			
+		// SCROLL BASED PARALLAX EFFECT 
+		if (_ISM && opt.parallax.disable_onmobile=="on") return false;
+
+		var pt = new punchgs.TimelineLite();
+		pt.pause();
+
+		if (_.type!="3d" && _.type!="3D") {
+			if (_.type=="scroll" || _.type=="scroll+mouse" || _.type=="mouse+scroll") 
+				opt.c.find(".tp-parallax-container").each(function(i) {
+					var pc = jQuery(this),
+						pl = parseInt(pc.data('parallaxlevel'),0)/100,
+						offsv =	proc * -(pl*opt.conh) || 0;
+					pc.data('parallaxoffset',offsv);					
+					pt.add(punchgs.TweenLite.set(pc,{force3D:"auto",y:offsv}),0);
+				});		
+
+			opt.c.find('.tp-revslider-slidesli .slotholder, .tp-revslider-slidesli .rs-background-video-layer').each(function() {			
+				var t = jQuery(this),
+					l = t.data('bgparallax') || opt.parallax.bgparallax;				
+					l = l == "on" ? 1 : l;						
+					if (l!== undefined || l !== "off") {
+
+						var pl = opt.parallax.levels[parseInt(l,0)-1]/100,
+						offsv =	proc * -(pl*opt.conh) || 0;		
+						if (jQuery.isNumeric(offsv))																					
+							pt.add(punchgs.TweenLite.set(t,{position:"absolute",top:"0px",left:"0px",backfaceVisibility:"hidden",force3D:"true",y:offsv+"px"}),0);								
+					}
+			});
+		}
+
+		if (_R.callBackHandling)
+			_R.callBackHandling(opt,"parallax","end");		
+		
+		pt.play(0);
+	}
+		
+});
+
+
+
+//// END OF PARALLAX EFFECT	
+})(jQuery);

website/Boson/HTML/plugins/rs-plugin/js/jquery.themepunch.enablelog.js

@@ -0,0 +1 @@
+window.tplogs = true;

website/Boson/HTML/plugins/rs-plugin/js/source/jquery.themepunch.enablelog.js

@@ -0,0 +1 @@
+window.tplogs = true;

website/Boson/HTML/plugins/rs-plugin/php/facebook/class-facebook.php

@@ -0,0 +1,89 @@
+<?php 
+
+/**
+ * Facebook
+ *
+ * with help of the API this class delivers album images from Facebook
+ *
+ * @package    socialstreams
+ * @subpackage socialstreams/facebook
+ * @author     ThemePunch <info@themepunch.com>
+ */
+
+class TP_facebook {
+	/**
+	 * Get User ID from its URL
+	 *
+	 * @since    1.0.0
+	 * @param    string    $user_url URL of the Page
+	 */
+	public function get_user_from_url($user_url){
+		$theid = str_replace("https", "", $user_url);
+		$theid = str_replace("http", "", $theid);
+		$theid = str_replace("://", "", $theid);
+		$theid = str_replace("www.", "", $theid);
+		$theid = str_replace("facebook", "", $theid);
+		$theid = str_replace(".com", "", $theid);
+		$theid = str_replace("/", "", $theid);
+		$theid = explode("?", $theid);
+		return $theid[0];
+	}
+
+	/**
+	 * Get Photosets List from User
+	 *
+	 * @since    1.0.0
+	 * @param    string    $user_id 	Facebook User id (not name)
+	 * @param    int       $item_count 	number of photos to pull
+	 */
+	public function get_photo_sets($user_id,$item_count=10){
+		//photoset params
+		$url = "https://graph.facebook.com/$user_id/albums";
+		$photo_sets_list = json_decode(file_get_contents($url));
+		return $photo_sets_list->data;
+	}
+
+	/**
+	 * Get Photoset Photos
+	 *
+	 * @since    1.0.0
+	 * @param    string    $photo_set_id 	Photoset ID
+	 * @param    int       $item_count 	number of photos to pull
+	 */
+	public function get_photo_set_photos($photo_set_id,$item_count=10){
+		$url = "https://graph.facebook.com/v2.0/$photo_set_id?fields=photos";
+		$photo_set_photos = json_decode(file_get_contents($url));
+		return $photo_set_photos->photos->data;
+	}
+
+	/**
+	 * Get Feed
+	 *
+	 * @since    1.0.0
+	 * @param    string    $user 	User ID
+	 * @param    int       $item_count 	number of itmes to pull
+	 */
+	public function get_post_feed($user,$app_id,$app_secret,$item_count=10){
+		$oauth = file_get_contents("https://graph.facebook.com/oauth/access_token?type=client_cred&client_id=".$app_id."&client_secret=".$app_secret);
+		$url = "https://graph.facebook.com/$user/feed?".$oauth."&fields=id,from,message,picture,link,name,icon,privacy,type,status_type,object_id,application,created_time,updated_time,is_hidden,is_expired,likes,comments";
+		$feed = json_decode(file_get_contents($url));
+		return $feed->data;
+	}
+
+	/**
+	 * Decode URL from feed
+	 *
+	 * @since    1.0.0
+	 * @param    string    $url 	facebook Output Data
+	 */
+	public static function decode_facebook_url($url) {
+		$url = str_replace('u00253A',':',$url);
+		$url = str_replace('\u00255C\u00252F','/',$url);
+		$url = str_replace('u00252F','/',$url);
+		$url = str_replace('u00253F','?',$url);
+		$url = str_replace('u00253D','=',$url);
+		$url = str_replace('u002526','&',$url);
+		return $url;
+	}
+}
+?>

website/Boson/HTML/plugins/rs-plugin/php/flickr/class-flickr.php

@@ -0,0 +1,265 @@
+<?php 
+
+/**
+ * Flickr
+ *
+ * with help of the API this class delivers all kind of Images from flickr
+ *
+ * @package    socialstreams
+ * @subpackage socialstreams/flickr
+ * @author     ThemePunch <info@themepunch.com>
+ */
+
+class TP_flickr {
+
+	/**
+	 * API key
+	 *
+	 * @since    1.0.0
+	 * @access   private
+	 * @var      string    $api_key    flickr API key
+	 */
+	private $api_key;
+
+	/**
+	 * API params
+	 *
+	 * @since    1.0.0
+	 * @access   private
+	 * @var      array    $api_param_defaults    Basic params to call with API
+	 */
+	private $api_param_defaults;
+
+	/**
+	 * Basic URL
+	 *
+	 * @since    1.0.0
+	 * @access   private
+	 * @var      string    $url    Url to fetch user from
+	 */
+	private $flickr_url;
+
+	/**
+	 * Initialize the class and set its properties.
+	 *
+	 * @since    1.0.0
+	 * @param      string    $api_key	flickr API key.
+	 */
+	public function __construct($api_key) {
+		$this->api_key = $api_key;
+		$this->api_param_defaults = array(
+		  'api_key' => $this->api_key,
+		  'format' => 'json',
+		  'nojsoncallback' => 1,
+		);
+	}
+
+	/**
+	 * Calls Flicker API with set of params, returns json
+	 *
+	 * @since    1.0.0
+	 * @param    array    $params 	Parameter build for API request
+	 */
+	private function call_flickr_api($params){
+		//build url
+		$encoded_params = array();
+		foreach ($params as $k => $v){
+		  $encoded_params[] = urlencode($k).'='.urlencode($v);
+		}
+
+		//call the API and decode the response
+		$url = "https://api.flickr.com/services/rest/?".implode('&', $encoded_params);
+		$rsp = json_decode(file_get_contents($url));
+		return $rsp;
+	}
+
+	/**
+	 * Get User ID from its URL
+	 *
+	 * @since    1.0.0
+	 * @param    string    $user_url URL of the Gallery
+	 */
+	public function get_user_from_url($user_url){
+		//gallery params
+		$user_params = $this->api_param_defaults + array(
+			'method'  => 'flickr.urls.lookupUser',
+  			'url' => $user_url,
+		);
+		
+		//set User Url
+		$this->flickr_url = $user_url;
+
+		//get gallery info
+		$user_info = $this->call_flickr_api($user_params);
+		return $user_info->user->id;
+	}
+
+	/**
+	 * Get Group ID from its URL
+	 *
+	 * @since    1.0.0
+	 * @param    string    $group_url URL of the Gallery
+	 */
+	public function get_group_from_url($group_url){
+		//gallery params
+		$group_params = $this->api_param_defaults + array(
+			'method'  => 'flickr.urls.lookupGroup',
+  			'url' => $group_url,
+		);
+		
+		//set User Url
+		$this->flickr_url = $group_url;
+
+		//get gallery info
+		$group_info = $this->call_flickr_api($group_params);
+		return $group_info->group->id;
+	}
+
+	/**
+	 * Get Public Photos
+	 *
+	 * @since    1.0.0
+	 * @param    string    $user_id 	flicker User id (not name)
+	 * @param    int       $item_count 	number of photos to pull
+	 */
+	public function get_public_photos($user_id,$item_count=10){
+		//public photos params
+		$public_photo_params = $this->api_param_defaults + array(
+			'method'  => 'flickr.people.getPublicPhotos',
+  			'user_id' => $user_id,
+  			'extras'  => 'description, license, date_upload, date_taken, owner_name, icon_server, original_format, last_update, geo, tags, machine_tags, o_dims, views, media, path_alias, url_sq, url_t, url_s, url_q, url_m, url_n, url_z, url_c, url_l, url_o',
+  			'per_page'=> $item_count,
+  			'page' => 1
+		);
+		
+		//get photo list
+		$public_photos_list = $this->call_flickr_api($public_photo_params);
+		return $public_photos_list->photos->photo;
+	}
+
+	/**
+	 * Get Photosets List from User
+	 *
+	 * @since    1.0.0
+	 * @param    string    $user_id 	flicker User id (not name)
+	 * @param    int       $item_count 	number of photos to pull
+	 */
+	public function get_photo_sets($user_id,$item_count=10){
+		//photoset params
+		$photo_set_params = $this->api_param_defaults + array(
+			'method'  => 'flickr.photosets.getList',
+  			'user_id' => $user_id,
+  			'per_page'=> $item_count,
+  			'page'    => 1
+		);
+		
+		//get photoset list
+		$photo_sets_list = $this->call_flickr_api($photo_set_params);
+		return $photo_sets_list->photosets->photoset;
+	}
+
+	/**
+	 * Get Photoset Photos
+	 *
+	 * @since    1.0.0
+	 * @param    string    $photo_set_id 	Photoset ID
+	 * @param    int       $item_count 	number of photos to pull
+	 */
+	public function get_photo_set_photos($photo_set_id,$item_count=10){
+		//photoset photos params
+		$photo_set_params = $this->api_param_defaults + array(
+			'method'  		=> 'flickr.photosets.getPhotos',
+  			'photoset_id' 	=> $photo_set_id,
+  			'per_page'		=> $item_count,
+  			'page'    		=> 1,
+  			'extras'		=> 'license, date_upload, date_taken, owner_name, icon_server, original_format, last_update, geo, tags, machine_tags, o_dims, views, media, path_alias, url_sq, url_t, url_s, url_q, url_m, url_n, url_z, url_c, url_l, url_o'
+		);
+		
+		//get photo list
+		$photo_set_photos = $this->call_flickr_api($photo_set_params);
+		return $photo_set_photos->photoset->photo;
+	}
+
+	/**
+	 * Get Groop Pool Photos
+	 *
+	 * @since    1.0.0
+	 * @param    string    $group_id 	Photoset ID
+	 * @param    int       $item_count 	number of photos to pull
+	 */
+	public function get_group_photos($group_id,$item_count=10){
+		//photoset photos params
+		$group_pool_params = $this->api_param_defaults + array(
+			'method'  		=> 'flickr.groups.pools.getPhotos',
+  			'group_id' 	=> $group_id,
+  			'per_page'		=> $item_count,
+  			'page'    		=> 1,
+  			'extras'		=> 'license, date_upload, date_taken, owner_name, icon_server, original_format, last_update, geo, tags, machine_tags, o_dims, views, media, path_alias, url_sq, url_t, url_s, url_q, url_m, url_n, url_z, url_c, url_l, url_o'
+		);
+		
+		//get photo list
+		$group_pool_photos = $this->call_flickr_api($group_pool_params);
+		return $group_pool_photos->photos->photo;
+	}
+
+	/**
+	 * Get Gallery ID from its URL
+	 *
+	 * @since    1.0.0
+	 * @param    string    $gallery_url URL of the Gallery
+	 * @param    int       $item_count 	number of photos to pull
+	 */
+	public function get_gallery_from_url($gallery_url){
+		//gallery params
+		$gallery_params = $this->api_param_defaults + array(
+			'method'  => 'flickr.urls.lookupGallery',
+  			'url' => $gallery_url,
+		);
+		
+		//get gallery info
+		$gallery_info = $this->call_flickr_api($gallery_params);
+		return $gallery_info->gallery->id;
+	}
+
+	/**
+	 * Get Gallery Photos
+	 *
+	 * @since    1.0.0
+	 * @param    string    $gallery_id 	flicker Gallery id (not name)
+	 * @param    int       $item_count 	number of photos to pull
+	 */
+	public function get_gallery_photos($gallery_id,$item_count=10){
+		//gallery photos params
+		$gallery_photo_params = $this->api_param_defaults + array(
+			'method'  => 'flickr.galleries.getPhotos',
+  			'gallery_id' => $gallery_id,
+  			'extras'  => 'description, license, date_upload, date_taken, owner_name, icon_server, original_format, last_update, geo, tags, machine_tags, o_dims, views, media, path_alias, url_sq, url_t, url_s, url_q, url_m, url_n, url_z, url_c, url_l, url_o',
+  			'per_page'=> $item_count,
+  			'page' => 1
+		);
+		
+		//get photo list
+		$gallery_photos_list = $this->call_flickr_api($gallery_photo_params);
+		return $gallery_photos_list->photos->photo;
+	}
+
+	/**
+	 * Encode the flickr ID for URL (base58)
+	 *
+	 * @since    1.0.0
+	 * @param    string    $num 	flickr photo id
+	 */
+	public static function base_encode($num, $alphabet='123456789abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ') {
+		$base_count = strlen($alphabet);
+		$encoded = '';
+		while ($num >= $base_count) {
+			$div = $num/$base_count;
+			$mod = ($num-($base_count*intval($div)));
+			$encoded = $alphabet[$mod] . $encoded;
+			$num = intval($div);
+		}
+		if ($num) $encoded = $alphabet[$num] . $encoded;
+		return $encoded;
+	}
+}
+?>

website/Boson/HTML/plugins/rs-plugin/php/instagram/class-instagram.php

@@ -0,0 +1,48 @@
+<?php 
+
+/**
+ * Instagram
+ *
+ * with help of the API this class delivers all kind of Images from instagram
+ *
+ * @package    socialstreams
+ * @subpackage socialstreams/instagram
+ * @author     ThemePunch <info@themepunch.com>
+ */
+
+class TP_instagram {
+
+	/**
+	 * API key
+	 *
+	 * @since    1.0.0
+	 * @access   private
+	 * @var      string    $api_key    Instagram API key
+	 */
+	private $api_key;
+
+	/**
+	 * Initialize the class and set its properties.
+	 *
+	 * @since    1.0.0
+	 * @param      string    $api_key	Instagram API key.
+	 */
+	public function __construct($api_key) {
+		$this->api_key = $api_key;
+	}
+
+	/**
+	 * Get Instagram Pictures
+	 *
+	 * @since    1.0.0
+	 * @param    string    $user_id 	Instagram User id (not name)
+	 */
+	public function get_public_photos($search_user_id){
+		//call the API and decode the response
+		$url = "https://api.instagram.com/v1/users/".$search_user_id."/media/recent?access_token=".$this->api_key."&client_id=".$search_user_id;
+		$rsp = json_decode(file_get_contents($url));
+		return $rsp->data;
+	}
+
+}
+?>

website/Boson/HTML/plugins/rs-plugin/php/twitter/RestApi.php

@@ -0,0 +1,93 @@
+<?php
+/**
+ * @author   Albert Kozlowski <vojant@gmail.com>
+ * @license  MIT License
+ * @link     https://github.com/vojant/Twitter-php
+ */
+
+namespace TwitterPhp;
+
+use \TwitterPhp\Connection\Application;
+use \TwitterPhp\Connection\User;
+
+require_once 'connection/ConnectionAbstract.php';
+require_once 'connection/Application.php';
+require_once 'connection/User.php';
+
+/**
+ * Class TwitterRestApiException
+ */
+class RestApiException extends \Exception {};
+
+/**
+ * Class RestApi
+ * @package TwitterPhp
+ */
+class RestApi
+{
+    /**
+     * @var string
+     */
+    private $_consumerKey;
+
+    /**
+     * @var string
+     */
+    private $_consumerSecret;
+
+    /**
+     * @var string
+     */
+    private $_accessToken;
+
+    /**
+     * @var string
+     */
+    private $_accessTokenSecret;
+
+
+    /**
+     * @param string $consumerKey
+     * @param string $consumerSecret
+     * @param null|string $accessToken
+     * @param null|string $accessTokenSecret
+     * @throws TwitterRestApiException
+     */
+    public function __construct($consumerKey,$consumerSecret,$accessToken = null,$accessTokenSecret = null)
+    {
+        if (!function_exists('curl_init')) {
+            throw new TwitterRestApiException('You must have the cURL extension enabled to use this library');
+        }
+        $this->_consumerKey = $consumerKey;
+        $this->_consumerSecret = $consumerSecret;
+        $this->_accessToken = $accessToken;
+        $this->_accessTokenSecret = $accessTokenSecret;
+    }
+
+    /**
+     * Connect to Twitter API as application.
+     * @link https://dev.twitter.com/docs/auth/application-only-auth
+     *
+     * @return \TwitterPhp\Connection\Application
+     */
+    public function connectAsApplication()
+    {
+        return new Application($this->_consumerKey,$this->_consumerSecret);
+    }
+
+    /**
+     * Connect to Twitter API as user.
+     * @link https://dev.twitter.com/docs/auth/oauth/single-user-with-examples
+     *
+     * @return \TwitterPhp\Connection\User
+     * @throws TwitterRestApiException
+     */
+    public function connectAsUser()
+    {
+        if (!$this->_accessToken || !$this->_accessTokenSecret) {
+            throw new TwitterRestApiException('Missing ACCESS_TOKEN OR ACCESS_TOKEN_SECRET');
+        }
+        return new User($this->_consumerKey,$this->_consumerSecret,$this->_accessToken,$this->_accessTokenSecret);
+    }
+
+}

website/Boson/HTML/plugins/rs-plugin/php/twitter/class-twitter.php

@@ -0,0 +1,122 @@
+<?php 
+include 'RestApi.php';
+/**
+ * Twitter
+ *
+ * with help of the API this class delivers all kind of tweeted images from twitter
+ *
+ * @package    socialstreams
+ * @subpackage socialstreams/twitter
+ * @author     ThemePunch <info@themepunch.com>
+ */
+
+class TP_twitter {
+
+  /**
+   * Consumer Key
+   *
+   * @since    1.0.0
+   * @access   private
+   * @var      string    $consumer_key    Consumer Key
+   */
+  private $consumer_key;
+
+  /**
+   * Consumer Secret
+   *
+   * @since    1.0.0
+   * @access   private
+   * @var      string    $consumer_secret    Consumer Secret
+   */
+  private $consumer_secret;
+
+  /**
+   * Access Token
+   *
+   * @since    1.0.0
+   * @access   private
+   * @var      string    $access_token    Access Token
+   */
+  private $access_token;
+
+  /**
+   * Access Token Secret
+   *
+   * @since    1.0.0
+   * @access   private
+   * @var      string    $access_token_secret    Access Token Secret
+   */
+  private $access_token_secret;
+
+  /**
+   * Initialize the class and set its properties.
+   *
+   * @since    1.0.0
+   * @param      string    $api_key flickr API key.
+   */
+  public function __construct($consumer_key,$consumer_secret,$access_token,$access_token_secret) {
+    $this->consumer_key         =   $consumer_key;
+    $this->consumer_secret      =   $consumer_secret;
+    $this->access_token         =   $access_token;
+    $this->access_token_secret  =   $access_token_secret;
+  }
+
+  /**
+   * Get Tweets
+   *
+   * @since    1.0.0
+   * @param    string    $twitter_account   Twitter account without trailing @ char
+   */
+  public function get_public_photos($twitter_account){
+    $twitter = new \TwitterPhp\RestApi($this->consumer_key,$this->consumer_secret,$this->access_token,$this->access_token_secret);
+    /*
+     * Connect as application
+     * https://dev.twitter.com/docs/auth/application-only-auth
+     */
+    $connection = $twitter->connectAsApplication();
+
+    /*
+     * Collection of the most recent Tweets posted by the user indicated by the screen_name, without replies
+     * https://dev.twitter.com/docs/api/1.1/get/statuses/user_timeline
+     */
+    $tweets = $connection->get('/statuses/user_timeline',array('screen_name' => $twitter_account,  'entities' => 1, 'trim_user' => 0 , 'exclude_replies' => 'true'));
+    //var_dump($tweets);
+    return $tweets;
+  }
+
+
+  /**
+   * Find Key in array and return value (multidim array possible)
+   *
+   * @since    1.0.0
+   * @param    string    $key   Needle
+   * @param    array     $form  Haystack
+   */
+  public static function array_find_element_by_key($key, $form) {
+      if (array_key_exists($key, $form)) {
+        $ret =& $form[$key];
+        return $ret;
+      }
+      foreach ($form as $k => $v) {
+        if (is_array($v)) {
+          $ret =TP_twitter::array_find_element_by_key($key, $form[$k]);
+          if ($ret) {
+            return $ret;
+          }
+        }
+      }
+      return FALSE;
+  }
+
+  /**
+   * Prepare output array $stream
+   *
+   * @since    1.0.0
+   * @param    string    $tweets  Twitter Output Data
+   */
+  public static function makeClickableLinks($s) {
+    return preg_replace('@(https?://([-\w\.]+[-\w])+(:\d+)?(/([\w/_\.#-]*(\?\S+)?[^\.\s])?)?)@', '<a href="$1" target="_blank">$1</a>', $s);
+  }
+  
+}
+?>

website/Boson/HTML/plugins/rs-plugin/php/twitter/connection/Application.php

@@ -0,0 +1,80 @@
+<?php
+namespace TwitterPhp\Connection;
+
+use TwitterPhp\RestApiException;
+
+class Application extends Base
+{
+    /**
+     * @var string
+     */
+    private $_consumerKey;
+
+    /**
+     * @var string
+     */
+    private $_consumerSecret;
+
+    /**
+     * @var string
+     */
+    private $_bearersToken = null;
+
+    /**
+     * @param string $consumerKey
+     * @param string $consumerSecret
+     */
+    public function __construct($consumerKey,$consumerSecret)
+    {
+        $this->_consumerKey = $consumerKey;
+        $this->_consumerSecret = $consumerSecret;
+    }
+
+    /**
+     * @param string $url
+     * @param array $parameters
+     * @param $method
+     * @return array
+     */
+    protected function _buildHeaders($url,array $parameters = null,$method)
+    {
+        return $headers = array(
+                    "Authorization: Bearer " . $this->_getBearerToken()
+                );
+    }
+
+    /**
+     * Get Bearer token
+     *
+     * @link https://dev.twitter.com/docs/auth/application-only-auth
+     *
+     * @throws \TwitterPhp\RestApiException
+     * @return string
+     */
+    private function _getBearerToken() {
+        if (!$this->_bearersToken) {
+            $token = urlencode($this->_consumerKey) . ':' . urlencode($this->_consumerSecret);
+            $token = base64_encode($token);
+
+            $headers = array(
+                "Authorization: Basic " . $token
+            );
+
+            $options = array (
+                CURLOPT_URL => self::TWITTER_API_AUTH_URL,
+                CURLOPT_HTTPHEADER => $headers,
+                CURLOPT_POST => 1,
+                CURLOPT_POSTFIELDS => "grant_type=client_credentials"
+            );
+
+            $response = $this->_callApi($options);
+
+            if (isset($response["token_type"]) && $response["token_type"] == 'bearer') {
+                $this->_bearersToken = $response["access_token"];
+            } else {
+                throw new RestApiException('Error while getting access token');
+            }
+        }
+        return $this->_bearersToken;
+    }
+}

website/Boson/HTML/plugins/rs-plugin/php/twitter/connection/ConnectionAbstract.php

@@ -0,0 +1,120 @@
+<?php
+namespace TwitterPhp\Connection;
+
+/**
+ * Class Base
+ * @package TwitterPhp
+ * @subpackage Connection
+ */
+abstract class Base
+{
+    /**
+     * Url for Twitter api
+     */
+    const TWITTER_API_URL = 'https://api.twitter.com';
+
+    /**
+     * Twitter URL that authenticates bearer tokens
+     */
+    const TWITTER_API_AUTH_URL = 'https://api.twitter.com/oauth2/token/';
+
+    /**
+     * Version of Twitter api
+     */
+    const TWITTER_API_VERSION = '1.1';
+
+    /**
+     * Timeout value for curl connections
+     */
+    const DEFAULT_TIMEOUT = 10;
+
+    /**
+     * METHOD GET
+     */
+    const METHOD_GET = 'GET';
+
+    /**
+     * METHOD POST
+     */
+    const METHOD_POST = 'POST';
+
+    /**
+     * @param string $url
+     * @param array $parameters
+     * @param $method
+     * @return array
+     */
+    abstract protected function _buildHeaders($url,array $parameters = null,$method);
+
+
+    /**
+     * Do GET request to Twitter api
+     *
+     * @link https://dev.twitter.com/docs/api/1.1
+     *
+     * @param $resource
+     * @param array $parameters
+     * @return mixed
+     */
+    public function get($resource, array $parameters = array())
+    {
+        $url = $this->_prepareUrl($resource);
+        $headers = $this->_buildHeaders($url,$parameters,self::METHOD_GET);
+        $url = $url . '?' . http_build_query($parameters);
+        $curlParams = array (
+            CURLOPT_URL => $url,
+            CURLOPT_HTTPHEADER => $headers
+        );
+
+        return $this->_callApi($curlParams);
+    }
+
+    /**
+     * Do POST request to Twitter api
+     *
+     * @link https://dev.twitter.com/docs/api/1.1
+     *
+     * @param $resource
+     * @param array $parameters
+     * @return mixed
+     */
+    public function post($resource, array $parameters = array())
+    {
+        $url = $this->_prepareUrl($resource);
+        $headers = $this->_buildHeaders($url,$parameters,self::METHOD_POST);
+        $curlParams = array (
+            CURLOPT_URL => $url,
+            CURLOPT_POST => 1,
+            CURLOPT_POSTFIELDS => $parameters,
+            CURLOPT_HTTPHEADER => $headers
+        );
+
+        return $this->_callApi($curlParams);
+    }
+
+    /**
+     * Call Twitter api
+     *
+     * @param array $params
+     * @return array
+     */
+    protected function _callApi(array $params)
+    {
+        $curl = curl_init();
+        curl_setopt_array($curl,$params);
+        curl_setopt($curl, CURLOPT_HEADER, 0);
+        curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
+        curl_setopt($curl, CURLOPT_CONNECTTIMEOUT, self::DEFAULT_TIMEOUT);
+        $response = curl_exec($curl);
+        return json_decode($response,true);
+    }
+
+    /**
+     * @param string $resource
+     * @return string
+     */
+    private function _prepareUrl($resource)
+    {
+        return self::TWITTER_API_URL . '/' . self::TWITTER_API_VERSION . '/' . ltrim($resource,'/') . '.json';
+    }
+}

website/Boson/HTML/plugins/rs-plugin/php/twitter/connection/User.php

@@ -0,0 +1,92 @@
+<?php
+namespace TwitterPhp\Connection;
+
+class User extends Base
+{
+    /**
+     * @var string
+     */
+    private $_consumerKey;
+
+    /**
+     * @var string
+     */
+    private $_consumerSecret;
+
+    /**
+     * @var string
+     */
+    private $_accessToken;
+
+    /**
+     * @var string
+     */
+    private $_accessTokenSecret;
+
+    /**
+     * @param string $consumerKey
+     * @param string $consumerSecret
+     * @param string $accessToken
+     * @param string $accessTokenSecret
+     */
+    public function __construct($consumerKey,$consumerSecret,$accessToken,$accessTokenSecret)
+    {
+        $this->_consumerKey = $consumerKey;
+        $this->_consumerSecret = $consumerSecret;
+        $this->_accessToken = $accessToken;
+        $this->_accessTokenSecret = $accessTokenSecret;
+    }
+
+    /**
+     * @param string $url
+     * @param array $parameters
+     * @param $method
+     * @return array
+     */
+    protected function _buildHeaders($url,array $parameters = null,$method)
+    {
+        $oauthHeaders = array(
+            'oauth_version' => '1.0',
+            'oauth_consumer_key' => $this->_consumerKey,
+            'oauth_nonce' => time(),
+            'oauth_signature_method' => 'HMAC-SHA1',
+            'oauth_token' => $this->_accessToken,
+            'oauth_timestamp' => time()
+        );
+
+        $data = $oauthHeaders;
+        if ($method == self::METHOD_GET) {
+            $data = array_merge($oauthHeaders,$parameters);
+        }
+        $oauthHeaders['oauth_signature'] = $this->_buildOauthSignature($url,$data,$method);
+        ksort($oauthHeaders);
+        $oauthHeader = array();
+
+        foreach($oauthHeaders as $key => $value) {
+            $oauthHeader[] = $key . '="' . rawurlencode($value) . '"';
+        }
+
+        $headers[] = 'Authorization: OAuth ' . implode(', ', $oauthHeader);
+        return $headers;
+    }
+
+    /**
+     * @param $url
+     * @param array $params
+     * @param $method
+     * @return string
+     */
+    private function _buildOauthSignature($url,array $params,$method)
+    {
+        ksort($params);
+        $sortedParams = array();
+
+        foreach($params as $key=>$value) {
+            $sortedParams[] = $key . '=' . $value;
+        }
+
+        $signatureBaseString =  $method . "&" . rawurlencode($url) . '&' . rawurlencode(implode('&', $sortedParams));
+        $compositeKey = rawurlencode($this->_consumerSecret) . '&' . rawurlencode($this->_accessTokenSecret);
+        return base64_encode(hash_hmac('sha1', $signatureBaseString, $compositeKey, true));
+    }
+}

website/Boson/HTML/plugins/rs-plugin/php/vimeo/class-vimeo.php

@@ -0,0 +1,74 @@
+<?php 
+
+/**
+ * Vimeo
+ *
+ * with help of the API this class delivers all kind of Images/Videos from Vimeo
+ *
+ * @package    socialstreams
+ * @subpackage socialstreams/vimeo
+ * @author     ThemePunch <info@themepunch.com>
+ */
+
+class TP_vimeo {
+	/**
+	 * Stream Array
+	 *
+	 * @since    1.0.0
+	 * @access   private
+	 * @var      array    $stream    Stream Data Array
+	 */
+	private $stream;
+
+	/**
+	 * Get Vimeo User Videos
+	 *
+	 * @since    1.0.0
+	 */
+	public function get_vimeo_videos($type,$value){
+		//call the API and decode the response
+		if($type=="user"){
+			$url = "https://vimeo.com/api/v2/".$value."/videos.json";
+		}
+		else{
+			$url = "https://vimeo.com/api/v2/".$type."/".$value."/videos.json";
+		}
+		
+		$rsp = json_decode(file_get_contents($url));
+		
+		return $rsp;
+	}
+
+	/**
+	 * Prepare output array $stream for Vimeo videos
+	 *
+	 * @since    1.0.0
+	 * @param    string    $videos 	Vimeo Output Data
+	 */
+	private function vimeo_output_array($videos,$count){
+		foreach ($videos as $video) {
+			if($count-- == 0) break;
+
+			$stream = array();
+
+			$image_url = @array(
+				'thumbnail_small' 	=> 	array($video->thumbnail_small),
+				'thumbnail_medium' 	=> 	array($video->thumbnail_medium),
+				'thumbnail_large' 	=> 	array($video->thumbnail_large),
+			);
+
+			$stream['custom-image-url'] = $image_url; //image for entry
+			$stream['custom-type'] = 'vimeo'; //image, vimeo, youtube, soundcloud, html
+			$stream['custom-vimeo'] = $video->id;
+			$stream['post_url'] = $video->url;
+			$stream['post_link'] = $video->url;
+			$stream['title'] = $video->title;
+			$stream['content'] = $video->description;
+			$stream['date_modified'] = $video->upload_date;
+			$stream['author_name'] = $video->user_name;
+			
+			$this->stream[] = $stream;
+		}
+	}
+}
+?>

website/Boson/HTML/plugins/rs-plugin/php/youtube/class-youtube.php

@@ -0,0 +1,85 @@
+<?php 
+
+/**
+ * Youtube
+ *
+ * with help of the API this class delivers all kind of Images/Videos from youtube
+ *
+ * @package    socialstreams
+ * @subpackage socialstreams/youtube
+ * @author     ThemePunch <info@themepunch.com>
+ */
+
+class TP_youtube {
+
+	/**
+	 * API key
+	 *
+	 * @since    1.0.0
+	 * @access   private
+	 * @var      string    $api_key    Youtube API key
+	 */
+	private $api_key;
+
+	/**
+	 * Channel ID
+	 *
+	 * @since    1.0.0
+	 * @access   private
+	 * @var      string    $channel_id    Youtube Channel ID
+	 */
+	private $channel_id;
+
+	/**
+	 * Initialize the class and set its properties.
+	 *
+	 * @since    1.0.0
+	 * @param      string    $api_key	Youtube API key.
+	 */
+	public function __construct($api_key,$channel_id) {
+		$this->api_key = $api_key;
+		$this->channel_id = $channel_id;
+	}
+
+
+	/**
+	 * Get Youtube Playlists
+	 *
+	 * @since    1.0.0
+	 */
+	public function get_playlists(){
+		//call the API and decode the response
+		$url = "https://www.googleapis.com/youtube/v3/playlists?part=snippet&channelId=".$this->channel_id."&key=".$this->api_key;
+		$rsp = json_decode(file_get_contents($url));
+		return $rsp->items;
+	}
+
+	/**
+	 * Get Youtube Playlist Items
+	 *
+	 * @since    1.0.0
+	 * @param    string    $playlist_id 	Youtube Playlist ID
+	 * @param    integer    $count 	Max videos count
+	 */
+	public function show_playlist_videos($playlist_id,$count=50){
+		//call the API and decode the response
+		$url = "https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&playlistId=".$playlist_id."&maxResults=".$count."&fields=items%2Fsnippet&key=".$this->api_key;
+		$rsp = json_decode(file_get_contents($url));
+		return $rsp->items;
+	}
+
+	/**
+	 * Get Youtube Channel Items
+	 *
+	 * @since    1.0.0
+	 * @param    integer    $count 	Max videos count
+	 */
+	public function show_channel_videos($count=50){
+		//call the API and decode the response
+		$url = "https://www.googleapis.com/youtube/v3/search?part=snippet&channelId=".$this->channel_id."&maxResults=".$count."&key=".$this->api_key."&order=date";
+		echo $url;
+		$rsp = json_decode(file_get_contents($url));
+		return $rsp->items;
+	}
+}
+?>

website/Boson/HTML/plugins/wow-slider/scripts/fullscreen.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2015 by original authors @ fontello.com</metadata>
+<defs>
+<font id="ws-fullscreen" horiz-adv-x="1000" >
+<font-face font-family="ws-fullscreen" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="glyph" unicode="&#xe800;" d="m857 82l-144 143-88-88 143-144-143-143h375v375z m-482 768h-375v-375l143 143 142-141 89 88-142 142z m0-713l-88 88-144-143-143 143v-375h375l-143 143z m625 713h-375l143-143-142-142 89-88 142 141 143-143z" horiz-adv-x="1000" />
+<glyph glyph-name="glyph-1" unicode="&#xe801;" d="m768-7l144-143 88 88-143 144 143 143h-375v-375z m-768 482h375v375l-143-143-142 142-88-89 141-142z m0-537l88-88 144 143 143-143v375h-375l143-143z m625 537h375l-143 143 142 142-89 89-142-142-143 143z" horiz-adv-x="1000" />
+</font>
+</defs>
+</svg>

website/Boson/HTML/plugins/wow-slider/scripts/script-basic.js

@@ -0,0 +1,32 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"basic", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1000, 
+	height:450, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:false, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:1,
+	gestures:2,
+	
+	
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-basic_linear.js

@@ -0,0 +1,32 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_basic_linear(j,g,a){var c=jQuery;var f=c(this);var e=a.find(".ws_list");var i=c("<div>").addClass("ws_effect ws_basic_linear").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}).appendTo(a);var b=c("<div>").css({position:"absolute",display:"none","z-index":2,width:"200%",height:"100%",transform:"translate3d(0,0,0)"}).appendTo(i);var h=c("<div>").css({position:"absolute",left:"auto",top:"auto",width:"50%",height:"100%",overflow:"hidden"}),d=h.clone();b.append(h,d);this.go=function(k,n,m){b.stop(1,1);if(m==undefined){m=(!!((k-n+1)%g.length)^j.revers?"left":"right")}else{m=m?"left":"right"}var o=c(g[n]);var l={width:o.width()||j.width,height:o.height()||j.height};o.clone().css(l).appendTo(h).css(m,0);c(g[k]).clone().css(l).appendTo(d).show();if(m=="right"){h.css("left","50%");d.css("left",0)}else{h.css("left",0);d.css("left","50%")}var q={},p={};q[m]=0;p[m]=-a.width();if(j.support.transform){if(m=="right"){q.left=q.right;p.left=-p.right}q={translate:[q.left,0,0]};p={translate:[p.left,0,0]}}e.hide();wowAnimate(b.css({left:"auto",right:"auto",top:0}).css(m,0).show(),q,p,j.duration,"easeInOutExpo",function(){f.trigger("effectEnd");b.hide().find("div").html("")})}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"basic_linear", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1000, 
+	height:450, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:false, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:1,
+	gestures:2 
+	
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-blast.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_blast(q,j,m){var e=jQuery;var i=e(this);var f=m.find(".ws_list");var a=q.distance||1;var g=e("<div>").addClass("ws_effect ws_blast");var c=e("<div>").addClass("ws_zoom").appendTo(g);var k=e("<div>").addClass("ws_parts").appendTo(g);m.css({overflow:"visible"}).append(g);g.css({position:"absolute",left:0,top:0,width:"100%",height:"100%","z-index":8});var d=q.cols;var p=q.rows;var l=[];var b=[];function h(u,r,s,t){if(q.support.transform&&q.support.transition){if(typeof r.left==="number"||typeof r.top==="number"){r.transform="translate3d("+(typeof r.left==="number"?r.left:0)+"px,"+(typeof r.top==="number"?r.top:0)+"px,0)"}delete r.left;delete r.top;if(s){r.transition="all "+s+"ms ease-in-out"}else{r.transition=""}u.css(r);if(t){u.on("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",function(){t();u.off("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd")})}}else{delete r.transfrom;delete r.transition;if(s){u.animate(r,{queue:false,duration:q.duration,complete:t?t:0})}else{u.stop(1).css(r)}}}function n(r){var w=Math.max((q.width||g.width())/(q.height||g.height())||3,3);d=d||Math.round(w<1?3:3*w);p=p||Math.round(w<1?3/w:3);for(var u=0;u<d*p;u++){var v=u%d;var t=Math.floor(u/d);e([b[u]=document.createElement("div"),l[u]=document.createElement("div")]).css({position:"absolute",overflow:"hidden"}).appendTo(k).append(e("<img>").css({position:"absolute"}))}l=e(l);b=e(b);o(l,r);o(b,r,true);var s={position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"};c.css(s).append(e("<img>").css(s))}function o(t,u,s,r,w,z){var v=g.width();var x=g.height();var y={left:e(window).scrollLeft(),top:e(window).scrollTop(),width:e(window).width(),height:e(window).height()};e(t).each(function(F){var E=F%d;var C=Math.floor(F/d);if(s){var I=a*v*(2*Math.random()-1)+v/2;var G=a*x*(2*Math.random()-1)+x/2;var H=g.offset();H.left+=I;H.top+=G;if(H.left<y.left){I-=H.left+y.left}if(H.top<y.top){G-=H.top+y.top}var D=(y.left+y.width)-H.left-v/d;if(0>D){I+=D}var B=(y.top+y.height)-H.top-x/p;if(0>B){G+=B}}else{var I=v*E/d;var G=x*C/p}e(this).find("img").css({left:-(v*E/d)+u.marginLeft,top:-(x*C/p)+u.marginTop,width:u.width,height:u.height});var A={left:I,top:G,width:v/d,height:x/p};if(w){e.extend(A,w)}if(r){h(e(this),A,q.duration,(F===0&&z)?z:0)}else{h(e(this),A)}})}this.go=function(s,u){var v=e(j[u]),r={width:v.width(),height:v.height(),marginTop:parseFloat(v.css("marginTop")),marginLeft:parseFloat(v.css("marginLeft"))};if(!l.length){n(r)}l.find("img").attr("src",j.get(u).src);h(l,{opacity:1,zIndex:3});b.find("img").attr("src",j.get(s).src);h(b,{opacity:0,zIndex:2});c.find("img").attr("src",j.get(u).src);h(c.find("img"),{transform:"scale(1)"});g.show();f.hide();o(b,r,false,true,{opacity:1});o(l,r,true,true,{opacity:0},function(){i.trigger("effectEnd");g.hide()});h(c.find("img"),{transform:"scale(2)"},q.duration,0);var t=b;b=l;l=t}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"blast", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1000, 
+	height:450, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:false, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:1,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-blinds.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_blinds(m,l,a){var g=jQuery;var k=g(this);var c=m.parts||3;var j=g(".ws_list",a);var h=g("<div>").addClass("ws_effect ws_blinds").css({position:"absolute",width:"100%",height:"100%",left:0,top:0,"z-index":8}).hide().appendTo(a);var d=g("<div>").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}).appendTo(h);var e=[];var b=document.addEventListener;for(var f=0;f<c;f++){e[f]=g("<div>").css({position:b?"relative":"absolute",display:b?"inline-block":"block",height:"100%",width:(100/c+0.001).toFixed(3)+"%",border:"none",margin:0,overflow:"hidden",top:0,left:b?0:((100*f/c).toFixed(3)+"%")}).appendTo(h)}this.go=function(r,p,o){if(o==undefined){o=p>r?1:0}h.find("img").stop(true,true);h.show();var s=g(l[p]);var t={width:s.width()||m.width,height:s.height()||m.height};var u=s.clone().css(t).appendTo(d);u.from={left:0};u.to={left:(!o?1:-1)*u.width()*0.5};if(m.support.transform){u.from={translate:[u.from.left,0,0]};u.to={translate:[u.to.left,0,0]}}j.hide();wowAnimate(u,u.from,u.to,m.duration,m.duration*0.1,"swing");for(var q=0;q<e.length;q++){var n=e[q];var v=g(l[r]).clone().css({position:"absolute",top:0}).css(t).appendTo(n);v.from={left:(!o?-1:1)*v.width()-n.position().left};v.to={left:-n.position().left};if(m.support.transform){v.from={translate:[v.from.left,0,0]};v.to={translate:[v.to.left,0,0]}}wowAnimate(v,v.from,v.to,(m.duration/(e.length+1))*(o?(e.length-q+1):(q+2)),"swing",((!o&&q==e.length-1||o&&!q)?function(){k.trigger("effectEnd");h.hide().find("img").remove();u.remove()}:false))}}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"blinds", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-bubbles.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_bubbles(b,l,n){var e=jQuery;var f=e(this);var i=b.noCanvas||!document.createElement("canvas").getContext;var k=b.width,p=b.height;var g=e("<div>").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}).addClass("ws_effect ws_bubbles").appendTo(n);if(!i){var a=e("<canvas>").css({position:"absolute",left:0,top:0,width:"100%",height:"100%"}).appendTo(g);var o=a.get(0).getContext("2d")}var j={easeOutBack:function(u,v,h,z,y,w){if(w==undefined){w=1.70158}return z*((v=v/y-1)*v*((w+1)*v+w)+1)+h},easeOutBackCubic:function(u,v,h,A,z,w){var y=(v/=z)*v;return h+A*(-1.5*y*v*y+2*y*y+4*y*v+-9*y+5.5*v)},easeOutCubic:function(u,v,h,y,w){return y*((v=v/w-1)*v*v+1)+h},easeOutExpo:function(u,v,h,y,w){return(v==w)?h+y:y*(-Math.pow(2,-10*v/w)+1)+h}};var s=[["#bbbbbb",0.5,0.5],["#b3b3b3",0.2,0.2],["#b6b6b6",0.5,0.2],["#b9b9b9",0.8,0.2],["#cccccc",0.2,0.8],["#c3c3c3",0.5,0.8],["#c6c6c6",0.8,0.8]];var c=[[[0.5,0.5,0.7,0.15],[0.5,0.5,0.6,0.3],[0.5,0.5,0.5,0.45],[0.5,0.5,0.4,0.6],[0.5,0.5,0.3,0.75],[0.5,0.5,0.2,0.9],[0.5,0.5,0.1,1]],[[0.5,0.5,0.7,1],[0.5,0.5,0.6,0.9],[0.5,0.5,0.5,0.75],[0.5,0.5,0.4,0.6],[0.5,0.5,0.3,0.45],[0.5,0.5,0.2,0.3],[0.5,0.5,0.1,0.15]]];var m=[[[0.5,0.5,0,1],[0.5,0.5,0,0.9],[0.5,0.5,0,0.75],[0.5,0.5,0,0.6],[0.5,0.5,0,0.45],[0.5,0.5,0,0.3],[0.5,0.5,0,0.15]],[[0.5,0.5,0,0.15],[0.5,0.5,0,0.3],[0.5,0.5,0,0.45],[0.5,0.5,0,0.6],[0.5,0.5,0,0.75],[0.5,0.5,0,0.9],[0.5,0.5,0,1]],[[0.5,7.5,0.7,0.75],[0.5,7.5,0.6,0.15],[0.5,7.5,0.5,1],[0.5,7.5,0.4,0.3],[0.5,7.5,0.3,0.45],[0.5,7.5,0.2,0.6],[0.5,7.5,0.1,0.9]],[[0.5,7.5,0.7,1],[0.5,7.5,0.6,0.9],[0.5,7.5,0.5,0.75],[0.5,7.5,0.4,0.6],[0.5,7.5,0.3,0.45],[0.5,7.5,0.2,0.3],[0.5,7.5,0.1,0.15]]];function d(u){if(Object.prototype.toString.call(u)==="[object Array]"){return u[Math.floor(Math.random()*(u.length))]}else{var h;var t=0;for(var v in u){if(Math.random()<1/++t){h=v}}return/linear|swing/g.test(h)?d(u):h}}function q(B,A,v,z,t){B.clearRect(0,0,k,p);for(var u=0,y=v.length;u<y;u++){var h=Math.max(0,Math.min(1,A-v[u][3]*(1-A)));if(t&&j[t]){h=j[t](1,h,0,1,1,1)}var w=k;if(k/p<=1.8&&k/p>0.7){w*=2}else{if(k/p<=0.7){w=p*2}}var x=v[u][2]*h*w;if(z){x=(v[u][2]+(z[u][2]-v[u][2])*h)*w}x=Math.max(0,x);B.beginPath();B.arc((v[u][0]+((z?z[u][0]:0.5)-v[u][0])*h)*k,(v[u][1]+((z?z[u][1]:0.5)-v[u][1])*h)*p,x,0,2*Math.PI,false);B.fillStyle=s[u][0];B.fill()}}this.go=function(B,w){if(i){n.find(".ws_list").css("transform","translate3d(0,0,0)").stop(true).animate({left:(B?-B+"00%":(/Safari/.test(navigator.userAgent)?"0%":0))},b.duration,"easeInOutExpo",function(){f.trigger("effectEnd")})}else{k=n.width();p=n.height();a.attr({width:k,height:p});var z=l.get(w);for(var x=0,A=s.length;x<A;x++){var u=Math.abs(s[x][1]),h=Math.abs(s[x][2]);s[x][0]=r(z,{x:u*k,y:h*p,w:2,h:2})||s[x][0]}var t=d(c);var v=d(m);var y=d(j);wowAnimate(function(C){q(o,C,t,0,y)},0,1,b.duration/2,function(){n.find(".ws_list").css({left:(B?-B+"00%":(/Safari/.test(navigator.userAgent)?"0%":0))});y=d(j);wowAnimate(function(C){q(o,1-C,v,t,y)},0,1,b.duration/2,function(){o.clearRect(0,0,k,p);f.trigger("effectEnd")})})}};function r(C,t){t=t||{};var E=1,w=t.exclude||[],B;var y=document.createElement("canvas"),v=y.getContext("2d"),u=y.width=C.naturalWidth,I=y.height=C.naturalHeight;v.drawImage(C,0,0,C.naturalWidth,C.naturalHeight);try{B=v.getImageData(t.x?t.x:0,t.y?t.y:0,t.w?t.w:C.width,t.h?t.h:C.height)["data"]}catch(D){return false}var x=(t.w?t.w:C.width*t.h?t.h:C.height)||B.length,z={},G="",F=[],h={dominant:{name:"",count:0}};var A=0;while(A<x){F[0]=B[A];F[1]=B[A+1];F[2]=B[A+2];G=F.join(",");if(G in z){z[G]=z[G]+1}else{z[G]=1}if(w.indexOf(["rgb(",G,")"].join(""))===-1){var H=z[G];if(H>h.dominant.count){h.dominant.name=G;h.dominant.count=H}}A+=E*4}return["rgb(",h.dominant.name,")"].join("")}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+ 
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"bubbles", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-carousel.js

@@ -0,0 +1,33 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+jQuery.extend(jQuery.easing,{easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a}});function ws_carousel(d,l,o){var f=jQuery,h=f(this),p=f(".ws_list",o).css("opacity",0),s=(/iPhone|iPod|iPad|Android|BlackBerry/).test(navigator.userAgent),m=l.length,r=70,g=80,b=60,t=90,x=2,u=[];var i=f("<div>").addClass("ws_effect ws_carousel").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden",perspective:2000}).appendTo(o);var q=[];function k(y,A){for(var z=0;z<y;z++){var B=A?(l.length-y+z):z;while(B<0){B+=y-l.length}while(B>l.length-1){B-=y-l.length}q.push({item:f("<div>").append(f(l[B]).clone().css({outline:"1px solid transparent"})).css({position:"absolute",overflow:"hidden",top:0,left:0,width:"100%",height:"100%"}).appendTo(i),id:B});if(d.images){u.push(!d.images[B].noimage)}}}k(x,true);k(l.length);k(x);function e(){var z=f(l[0]);z={width:z.width(),height:z.height(),marginTop:parseFloat(z.css("marginTop")),marginLeft:parseFloat(z.css("marginLeft"))};for(var y in q){if(q[y]&&q[y].item){f(q[y].item).find("img").css(z)}}}function w(C){C*=-1;var y=[];for(var z in q){var B={};var A=x-z;y.push(A!=C?C-A:0)}return y}function c(B,A,y,z){wowAnimate(function(C){n(B,A,C)},0,1,y,z)}function v(A,z,y){return A+(z-A)*y}function a(z,y){if(d.support.transform){z.css({transform:"scale("+y.scale+") translate3d("+y.offset+"%,0,0) rotateY("+y.rotate+"deg)",zIndex:y.zIndex})}else{z.css({left:(100*(1-y.scale)/2+y.offset*0.85)+"%",top:(100*(1-y.scale)/2)+"%",width:(100*y.scale)+"%"})}}function n(F,G,E,C){if(!C){E=f.easing.easeInOutQuart(1,E,0,1,1,1)}for(var D in F){var A=v(F[D],G[D],E)*t;var H=r/100;var B=0;var z=F[D]*(F[D]>0?-1:1);var y=A>0?-1:1;if(E>0.5){z=G[D]*(G[D]>0?-1:1)}if(F[D]===0){H=v(g,r,E)/100;B=v(0,y*b,E)}if(G[D]===0){H=v(r,g,E)/100;B=v(y*b,0,E)}if(G[D]!==0&&F[D]!==0){B=y*b}if(q[D]&&q[D].item){a(q[D].item,{scale:H,offset:A,rotate:B,zIndex:z})}}}var j=w(d.startSlide);c(j,j,0);e();f(window).on("load resize",e);this.go=function(z,B){e();p.css("opacity",0);if(d.images&&!u[z+x]){var A=z+x;u[A]=true;function y(C){return C.find("img").attr("src",d.images[z].src)}y(q[A].item);if(z<x){y(q[q.length-z].item)}if(z+x>=l.length){y(q[z+x-l.length].item)}}if(window.XMLHttpRequest){if(B==l.length-1&&z==0){z=B+1}if(B==0&&z==l.length-1){z=-1}c(w(B),w(z),d.duration,function(){h.trigger("effectEnd")})}else{p.stop(true).animate({left:(z?-z+"00%":(/Safari/.test(navigator.userAgent)?"0%":0))},d.duration,"easeInOutExpo",function(){h.trigger("effectEnd")})}};this.step=function(A,y){var z=A+(y<0?1:-1);if(y<0){y*=-1}n(w(A),w(z),y,true)}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"carousel", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2,
+	
+	
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-carousel_basic.js

@@ -0,0 +1,33 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+jQuery.extend(jQuery.easing,{easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a}});function ws_carousel_basic(d,l,o){var f=jQuery,h=f(this),p=f(".ws_list",o).css("opacity",0),s=(/iPhone|iPod|iPad|Android|BlackBerry/).test(navigator.userAgent),m=l.length,r=90,g=100,b=60,t=90,x=2,u=[];var i=f("<div>").addClass("ws_effect ws_carousel_basic").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden",perspective:2000}).appendTo(o);var q=[];function k(y,A){for(var z=0;z<y;z++){var B=A?(l.length-y+z):z;while(B<0){B+=y-l.length}while(B>l.length-1){B-=y-l.length}q.push({item:f("<div>").append(f(l[B]).clone().css({outline:"1px solid transparent"})).css({position:"absolute",overflow:"hidden",top:0,left:0,width:"100%",height:"100%"}).appendTo(i),id:B});if(d.images){u.push(!d.images[B].noimage)}}}k(x,true);k(l.length);k(x);function e(){var z=f(l[0]);z={width:z.width(),height:z.height(),marginTop:parseFloat(z.css("marginTop")),marginLeft:parseFloat(z.css("marginLeft"))};for(var y in q){if(q[y]&&q[y].item){f(q[y].item).find("img").css(z)}}}function w(C){C*=-1;var y=[];for(var z in q){var B={};var A=x-z;y.push(A!=C?C-A:0)}return y}function c(B,A,y,z){wowAnimate(function(C){n(B,A,C)},0,1,y,z)}function v(A,z,y){return A+(z-A)*y}function a(z,y){if(d.support.transform){z.css({transform:"scale("+y.scale+") translate3d("+y.offset+"%,0,0) rotateY("+y.rotate+"deg)",zIndex:y.zIndex})}else{z.css({left:(100*(1-y.scale)/2+y.offset*0.85)+"%",top:(100*(1-y.scale)/2)+"%",width:(100*y.scale)+"%"})}}function n(F,G,E,C){if(!C){E=f.easing.easeInOutQuart(1,E,0,1,1,1)}for(var D in F){var A=v(F[D],G[D],E)*t;var H=r/100;var B=0;var z=F[D]*(F[D]>0?-1:1);var y=A>0?-1:1;if(E>0.5){z=G[D]*(G[D]>0?-1:1)}if(F[D]===0){H=v(g,r,E)/100;B=v(0,y*b,E)}if(G[D]===0){H=v(r,g,E)/100;B=v(y*b,0,E)}if(G[D]!==0&&F[D]!==0){B=y*b}if(q[D]&&q[D].item){a(q[D].item,{scale:H,offset:A,rotate:B,zIndex:z})}}}var j=w(d.startSlide);c(j,j,0);e();f(window).on("load resize",e);this.go=function(z,B){e();if(d.images&&!u[z+x]){var A=z+x;u[A]=true;function y(C){return C.find("img").attr("src",d.images[z].src)}y(q[A].item);if(z<x){y(q[q.length-z].item)}if(z+x>=l.length){y(q[z+x-l.length].item)}}if(window.XMLHttpRequest){if(B==l.length-1&&z==0){z=B+1}if(B==0&&z==l.length-1){z=-1}c(w(B),w(z),d.duration,function(){h.trigger("effectEnd")})}else{p.stop(true).animate({left:(z?-z+"00%":(/Safari/.test(navigator.userAgent)?"0%":0))},d.duration,"easeInOutExpo",function(){h.trigger("effectEnd")})}};this.step=function(A,y){var z=A+(y<0?1:-1);if(y<0){y*=-1}n(w(A),w(z),y,true)}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"carousel_basic", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2
+	
+	
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-cube.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_cube(p,k,b){var e=jQuery,j=e(this),a=/WOW Slider/g.test(navigator.userAgent),l=!(/iPhone|iPod|iPad|Android|BlackBerry/).test(navigator.userAgent)&&!a,g=e(".ws_list",b),c=p.perspective||2000,d={position:"absolute",backgroundSize:"cover",left:0,top:0,width:"100%",height:"100%",backfaceVisibility:"hidden"};var o={domPrefixes:" Webkit Moz ms O Khtml".split(" "),testDom:function(r){var q=this.domPrefixes.length;while(q--){if(typeof document.body.style[this.domPrefixes[q]+r]!=="undefined"){return true}}return false},cssTransitions:function(){return this.testDom("Transition")},cssTransforms3d:function(){var r=(typeof document.body.style.perspectiveProperty!=="undefined")||this.testDom("Perspective");if(r&&/AppleWebKit/.test(navigator.userAgent)){var t=document.createElement("div"),q=document.createElement("style"),s="Test3d"+Math.round(Math.random()*99999);q.textContent="@media (-webkit-transform-3d){#"+s+"{height:3px}}";document.getElementsByTagName("head")[0].appendChild(q);t.id=s;document.body.appendChild(t);r=t.offsetHeight===3;q.parentNode.removeChild(q);t.parentNode.removeChild(t)}return r},webkit:function(){return/AppleWebKit/.test(navigator.userAgent)&&!/Chrome/.test(navigator.userAgent)}};var f=(o.cssTransitions()&&o.cssTransforms3d()),m=o.webkit();var i=e("<div>").css(d).css({transformStyle:"preserve-3d",perspective:(m&&!a?"none":c),zIndex:8});e("<div>").addClass("ws_effect ws_cube").css(d).append(i).appendTo(b);if(!f&&p.fallback){return new p.fallback(p,k,b)}function n(q,r,t,s){return"inset "+(-s*q*1.2/90)+"px "+(t*r*1.2/90)+"px "+(q+r)/20+"px rgba("+((t<s)?"0,0,0,.6":(t>s)?"255,255,255,0.8":"0,0,0,.0")+")"}var h;this.go=function(B,y){var t=e(k[y]);t={width:t.width(),height:t.height(),marginTop:parseFloat(t.css("marginTop")),marginLeft:parseFloat(t.css("marginLeft"))};function s(S,F,H,I,G,E,Q,R,P,O){S.parent().css("perspective",c);var N=S.width(),K=S.height();F.front.css({transform:"translate3d(0,0,0) rotateY(0deg) rotateX(0deg)"});F.back.css({opacity:1,transform:"translate3d(0,0,0) rotateY("+Q+"deg) rotateX("+E+"deg)"});if(l){var J=e("<div>").css(d).css("boxShadow",n(N,K,0,0)).appendTo(F.front);var M=e("<div>").css(d).css("boxShadow",n(N,K,E,Q)).appendTo(F.back)}if(m&&!/WOW Slider/g.test(navigator.userAgent)){S.css({transform:"translateZ(-"+H+"px)"})}var L=setTimeout(function(){var w="all "+p.duration+"ms cubic-bezier(0.645, 0.045, 0.355, 1.000)";F.front.css({transition:w,boxShadow:l?n(N,K,R,P):"",transform:"rotateX("+R+"deg) rotateY("+P+"deg)",zIndex:0});F.back.css({transition:w,boxShadow:l?n(N,K,0,0):"",transform:"rotateY(0deg) rotateX(0deg)",zIndex:20});if(l){J.css({transition:w,boxShadow:n(N,K,R,P)});M.css({transition:w,boxShadow:n(N,K,0,0)})}L=setTimeout(O,p.duration)},20);return{stop:function(){clearTimeout(L);O()}}}if(f){if(h){h.stop()}var C=b.width(),z=b.height();var x={left:[C/2,C/2,0,0,90,0,-90],right:[C/2,-C/2,0,0,-90,0,90],down:[z/2,0,-z/2,90,0,-90,0],up:[z/2,0,z/2,-90,0,90,0]}[p.direction||["left","right","down","up"][Math.floor(Math.random()*4)]];var D=e("<img>").css(t),v=e("<img>").css(t).attr("src",k.get(B).src);var q=e("<div>").css({overflow:"hidden",transformOrigin:"50% 50% -"+x[0]+"px",zIndex:20}).css(d).append(D).appendTo(i);var r=e("<div>").css({overflow:"hidden",transformOrigin:"50% 50% -"+x[0]+"px",zIndex:0}).css(d).append(v).appendTo(i);D.on("load",function(){g.hide()});D.attr("src",k.get(y).src).load();i.parent().show();h=new s(i,{front:q,back:r},x[0],x[1],x[2],x[3],x[4],x[5],x[6],function(){j.trigger("effectEnd");i.empty().parent().hide();h=0})}else{i.css({position:"absolute",display:"none",zIndex:2,width:"100%",height:"100%"});i.stop(1,1);var u=(!!((B-y+1)%k.length)^p.revers?"left":"right");var q=e("<div>").css({position:"absolute",left:"0%",right:"auto",top:0,width:"100%",height:"100%"}).css(u,0).append(e(k[y]).clone().css({width:100*t.width/b.width()+"%",height:100*t.height/b.height()+"%",marginLeft:100*t.marginLeft/b.width()+"%"})).appendTo(i);var A=e("<div>").css({position:"absolute",left:"100%",right:"auto",top:0,width:"0%",height:"100%"}).append(e(k[B]).clone().css({width:100*t.width/b.width()+"%",height:100*t.height/b.height()+"%",marginLeft:100*t.marginLeft/b.width()+"%"})).appendTo(i);i.css({left:"auto",right:"auto",top:0}).css(u,0).show();i.show();g.hide();A.animate({width:"100%",left:0},p.duration,"easeInOutExpo",function(){e(this).remove()});q.animate({width:0},p.duration,"easeInOutExpo",function(){j.trigger("effectEnd");i.empty().hide()})}}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"cube", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1000, 
+	height:450, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:false, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:1,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-cube_over.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+jQuery.extend(jQuery.easing,{easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a}});function ws_cube_over(m,k,b){var e=jQuery,j=e(this),a=/WOW Slider/g.test(navigator.userAgent),g=e(".ws_list",b),c=m.perspective||/MSIE|Trident/g.test(navigator.userAgent)?1000:2000,d={position:"absolute",backgroundSize:"cover",left:0,top:0,width:"100%",height:"100%",backfaceVisibility:"hidden"};var l=/AppleWebKit/.test(navigator.userAgent)&&!/Chrome/.test(navigator.userAgent);var i=e("<div>").css(d).css({transformStyle:"preserve-3d",perspective:(l&&!a?"none":c),zIndex:8});e("<div>").addClass("ws_effect ws_cube_over").css(d).append(i).appendTo(b);if(!m.support.transform&&m.fallback){return new m.fallback(m,k,b)}var h;this.go=function(y,u){var q=e(k[u]);q={width:q.width(),height:q.height(),marginTop:parseFloat(q.css("marginTop")),marginLeft:parseFloat(q.css("marginLeft"))};function p(C,G,F,H){C.parent().css("perspective",c);var D=C.width(),E=C.height();wowAnimate(C,{scale:1,translate:[0,0,(l&&!a)?F:0]},{scale:0.85,translate:[0,0,(l&&!a)?F:0]},m.duration*0.4,"easeInOutBack",function(){wowAnimate(C,{scale:0.85,translate:[0,0,(l&&!a)?F:0]},{scale:1,translate:[0,0,(l&&!a)?F:0]},m.duration*0.4,m.duration-m.duration*0.8,"easeInOutBack",H)});wowAnimate(G.front.item,{rotateY:0,rotateX:0},{rotateY:G.front.rotateY,rotateX:G.front.rotateX},m.duration,"easeInOutBack");wowAnimate(G.back.item,{rotateY:G.back.rotateY,rotateX:G.back.rotateX},{rotateY:0,rotateX:0},m.duration,"easeInOutBack");wowAnimate(G.side.item,{rotateY:G.side.rotateY,rotateX:G.side.rotateX},{rotateY:-G.side.rotateY,rotateX:-G.side.rotateX},m.duration,"easeInOutBack")}if(m.support.transform&&m.support.perspective){if(h){h.stop()}var A=b.width(),v=b.height();var t={left:[A/2,0,0,180,0,-180],right:[A/2,0,0,-180,0,180],down:[v/2,-v/2,180,0,-180,0],up:[v/2,v/2,-180,0,180,0]}[m.direction||["left","right","down","up"][Math.floor(Math.random()*4)]];var B=e("<img>").css(q),s=e("<img>").css(q).attr("src",k.get(y).src);var n=e("<div>").css({overflow:"hidden",transformOrigin:"50% 50% -"+t[0]+"px"}).css(d).append(B).appendTo(i);var o=e("<div>").css({overflow:"hidden",transformOrigin:"50% 50% -"+t[0]+"px"}).css(d).append(s).appendTo(i);var z=e('<div class="ws_cube_side">').css({transformOrigin:"50% 50% -"+t[0]+"px",background:m.staticColor?"":f(s[0],{exclude:["0,0,0","255,255,255"]})}).css(d).appendTo(i);B.on("load",function(){g.hide()});B.attr("src",k.get(u).src).load();i.parent().show();h=new p(i,{front:{item:n,rotateY:t[5],rotateX:t[4]},back:{item:o,rotateY:t[3],rotateX:t[2]},side:{item:z,rotateY:t[3]/2,rotateX:t[2]/2}},-t[0],function(){j.trigger("effectEnd");i.empty().parent().hide();h=0})}else{i.css({position:"absolute",display:"none",zIndex:2,width:"100%",height:"100%"});i.stop(1,1);var r=(!!((y-u+1)%k.length)^m.revers?"left":"right");var n=e("<div>").css({position:"absolute",left:"0%",right:"auto",top:0,width:"100%",height:"100%"}).css(r,0).append(e(k[u]).clone().css({width:100*q.width/b.width()+"%",height:100*q.height/b.height()+"%",marginLeft:100*q.marginLeft/b.width()+"%"})).appendTo(i);var x=e("<div>").css({position:"absolute",left:"100%",right:"auto",top:0,width:"0%",height:"100%"}).append(e(k[y]).clone().css({width:100*q.width/b.width()+"%",height:100*q.height/b.height()+"%",marginLeft:100*q.marginLeft/b.width()+"%"})).appendTo(i);i.css({left:"auto",right:"auto",top:0}).css(r,0).show();i.show();g.hide();x.animate({width:"100%",left:0},m.duration,"easeInOutExpo",function(){e(this).remove()});n.animate({width:0},m.duration,"easeInOutExpo",function(){j.trigger("effectEnd");i.empty().hide()})}};function f(x,o){o=o||{};var z=1,r=o.exclude||[],w;var t=document.createElement("canvas"),q=t.getContext("2d"),p=t.width=x.naturalWidth,D=t.height=x.naturalHeight;q.drawImage(x,0,0,x.naturalWidth,x.naturalHeight);try{w=q.getImageData(o.x?o.x:0,o.y?o.y:0,o.w?o.w:x.width,o.h?o.h:x.height)["data"]}catch(y){console.log("error:unable to access image data: "+y);return"#ccc"}var s=(o.w?o.w:x.width*o.h?o.h:x.height)||w.length,u={},B="",A=[],n={dominant:{name:"",count:0}};var v=0;while(v<s){A[0]=w[v];A[1]=w[v+1];A[2]=w[v+2];B=A.join(",");if(B in u){u[B]=u[B]+1}else{u[B]=1}if(r.indexOf(["rgb(",B,")"].join(""))===-1){var C=u[B];if(C>n.dominant.count){n.dominant.name=B;n.dominant.count=C}}v+=z*4}return["rgb(",n.dominant.name,")"].join("")}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"cube_over", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1000, 
+	height:450, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:false, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:1,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-domino.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+jQuery.extend(jQuery.easing,{easeInOutSine:function(j,i,b,c,d){return -c/2*(Math.cos(Math.PI*i/d)-1)+b}});function ws_domino(m,i,k){$=jQuery;var h=$(this);var c=m.columns||5,l=m.rows||2,d=m.centerRow||2,g=m.centerColumn||2;var f=$("<div>").addClass("ws_effect ws_domino").css({position:"absolute",width:"100%",height:"100%",top:0,overflow:"hidden"}).appendTo(k);var b=$("<div>").addClass("ws_zoom").appendTo(f);var j=$("<div>").addClass("ws_parts").appendTo(f);var e=k.find(".ws_list");var a;this.go=function(y,x){function z(){j.find("img").stop(1,1);j.empty();b.empty();a=0}z();var s=$(i.get(x));s={width:s.width(),height:s.height(),marginTop:parseFloat(s.css("marginTop")),marginLeft:parseFloat(s.css("marginLeft"))};var D=$(i.get(x)).clone().appendTo(b).css({position:"absolute",top:0,left:0}).css(s);var p=f.width();var o=f.height();var w=Math.floor(p/c);var v=Math.floor(o/l);var t=p-w*(c-1);var E=o-v*(l-1);function I(L,K){return Math.random()*(K-L+1)+L}e.hide();var u=[];for(var C=0;C<l;C++){u[C]=[];for(var B=0;B<c;B++){var q=m.duration*(1-Math.abs((d*g-C*B)/(2*l*c)));var F=B<c-1?w:t;var n=C<l-1?v:E;u[C][B]=$("<div>").css({width:F,height:n,position:"absolute",top:C*v,left:B*w,overflow:"hidden"});var H=I(C-2,C+2);var G=I(B-2,B+2);u[C][B].appendTo(j);var J=$(i.get(y)).clone().appendTo(u[C][B]).css(s);var A={top:-H*v,left:-G*w,opacity:0};var r={top:-C*v,left:-B*w,opacity:1};if(m.support.transform&&m.support.transition){A.translate=[A.left,A.top,0];r.translate=[r.left,r.top,0];delete A.top;delete A.left;delete r.top;delete r.left}wowAnimate(J.css({position:"absolute"}),A,r,q,"easeInOutSine",function(){a++;if(a==l*c){z();e.stop(1,1);h.trigger("effectEnd")}})}}wowAnimate(D,{scale:1},{scale:1.6},m.duration,m.duration*0.2,"easeInOutSine")}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"domino", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1000, 
+	height:450, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:false, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:1,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-dribbles.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+jQuery.extend(jQuery.easing,{easeOutBackCubic:function(e,f,a,j,i,g){var h=(f/=i)*f;return a+j*(-1.5*h*f*h+2*h*h+4*h*f+-9*h+5.5*f)}});function ws_dribbles(p,k,a){var e=jQuery;var j=e(this);var n=p.noCanvas||!document.createElement("canvas").getContext;var m=p.width,f=p.height;var i=e("<div>").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}).addClass("ws_effect ws_dribbles").appendTo(a);if(!n){var c=e("<canvas>").css({position:"absolute",left:0,top:0,width:"100%",height:"100%"}).appendTo(i);var o=c.get(0).getContext("2d")}var l=[["#bbbbbb",0.1,0.3,0.18],["#b3b3b3",0.9,0.8,0.15],["#b6b6b6",0.68,0.4,0.2],["#b9b9b9",0.25,0.4,0.15],["#cccccc",0.11,0.7,0.15],["#c3c3c3",0.18,0.1,0.15],["#c6c6c6",0.4,0.2,0.15],["#c9c9c9",0.55,-0.04,0.18],["#d3d3d3",0,0.95,0.13],["#d6d6d6",0.5,0.8,0.22],["#d9d9d9",0.9,0.1,0.18],["#eeeeee",0.3,0.9,0.18],["#e3e3e3",0.93,0.5,0.14],["#e6e6e6",0.7,0.9,0.15]];var d=[[[0.1,0.3,0,1],[0.9,0.8,0.15,0.85],[0.68,0.4,0,0.9],[0.25,0.4,0.21,0.79],[0.11,0.7,0.3,0.7],[0.18,0.1,0.45,0.55],[0.4,0.2,0,0.75],[0.55,-0.04,0.48,0.52],[0,0.95,0.21,0.79],[0.5,0.8,0.1,0.9],[0.9,0.1,0.25,0.75],[0.3,0.9,0.18,0.82],[0.93,0.5,0.4,0.6],[0.7,0.9,0.13,0.87]],[[-0.3,-0.2,0.06,1],[-0.1,-0.3,0.12,1],[-0.2,-0.5,0,1],[-0.1,-0.3,0.24,1],[-0.3,-0.4,0.4,1],[-0.5,-0.1,0.76,1],[-0.2,-0.1,0.62,1],[-0.3,-0.3,0.48,1],[-0.4,-0.1,0.05,1],[-0.5,-0.2,0.6,1],[-0.3,-0.25,0.75,1],[-0.1,-0.4,0.3,1],[-0.2,-0.35,0.95,1],[-0.15,-0.25,0.2,1]],[[1.3,1.2,0.06,1],[1.1,1.3,0.12,1],[1.2,1.5,0,1],[1.1,1.3,0.24,1],[1.3,1.4,0.4,1],[1.5,1.1,0.76,1],[1.2,1.1,0.62,1],[1.3,1.3,0.48,1],[1.4,1.1,0.05,1],[1.5,1.2,0.6,1],[1.3,1.25,0.75,1],[1.1,1.4,0.3,1],[1.2,1.35,0.95,1],[1.15,1.25,0.2,1]],[[0.1,1.3,0,1],[0.9,1.34,0.15,0.85],[0.68,1.23,0,0.9],[0.25,1.5,0.21,0.79],[0.11,1.2,0.3,0.7],[0.18,1.4,0.16,0.84],[0.4,1.17,0,0.75],[0.55,1.2,0,0.52],[0,1.5,0.21,0.79],[0.5,1.45,0,0.9],[0.9,1.34,0.25,0.75],[0.3,1.6,0.18,0.82],[0.93,1.2,0.09,0.91],[0.7,1.15,0.13,0.87]],[[0.1,-0.3,0,1],[0.9,-0.34,0.15,0.85],[0.68,-0.23,0,0.9],[0.25,-0.5,0.21,0.79],[0.11,-0.2,0.3,0.7],[0.18,-0.4,0.16,0.84],[0.4,-0.17,0,0.75],[0.55,-0.2,0,0.52],[0,-0.5,0.21,0.79],[0.5,-0.45,0,0.9],[0.9,-0.34,0.25,0.75],[0.3,-0.6,0.18,0.82],[0.93,-0.2,0.09,0.91],[0.7,-0.15,0.13,0.87]],[[-0.2,-0.1,0,1],[1.3,1.1,0.15,0.85],[0.48,1.4,0,0.9],[1.2,1.6,0.21,0.79],[1.11,-0.15,0.3,0.7],[0.28,1.3,0.16,0.84],[-0.1,-0.4,0,0.75],[0.15,1.3,0,0.52],[-0.5,0.85,0.21,0.79],[-0.2,0.7,0,0.9],[1.4,0.2,0.25,0.75],[1.1,1.5,0.18,0.82],[-0.43,-0.2,0.09,0.91],[0.7,1.5,0.13,0.87]]];function b(y,w,t,q){y.clearRect(0,0,m,f);for(var r=0,v=t.length;r<v;r++){var s=2-t[r][3];var x=t[r][2]*(1-w);var h=Math.max(0,Math.min(1,w*s-x));if(q&&e.easing[q]){h=e.easing[q](1,h,0,1,1,1)}var u=m;if(m/f<=1.8&&m/f>0.7){u*=2}else{if(m/f<=0.7){u=f*2}}y.beginPath();y.arc((t[r][0]+(l[r][1]-t[r][0])*h)*m,(t[r][1]+(l[r][2]-t[r][1])*h)*f,l[r][3]*h*u,0,2*Math.PI,false);y.fillStyle=l[r][0];y.fill()}}this.go=function(x,s){if(n){a.find(".ws_list").css("transform","translate3d(0,0,0)").stop(true).animate({left:(x?-x+"00%":(/Safari/.test(navigator.userAgent)?"0%":0))},p.duration,"easeInOutExpo",function(){j.trigger("effectEnd")})}else{m=a.width();f=a.height();var u=Math.floor(Math.random()*(d.length));var y=d[u];var r=d[Math.floor(Math.random()*(d.length))];c.attr({width:m,height:f});var v=k.get(u==0?s:x);for(var t=0,w=l.length;t<w;t++){var q=Math.abs(l[t][1]),h=Math.abs(l[t][2]);l[t][0]=g(v,{x:q*m,y:h*f,w:2,h:2})||l[t][0]}wowAnimate(function(z){b(o,z,y,"easeOutBackCubic")},0,1,p.duration/2,function(){a.find(".ws_list").css({left:(x?-x+"00%":(/Safari/.test(navigator.userAgent)?"0%":0))});wowAnimate(function(z){b(o,1-z,r,"easeOutBackCubic")},0,1,p.duration/2,function(){o.clearRect(0,0,m,f);j.trigger("effectEnd")})})}};function g(z,q){q=q||{};var B=1,t=q.exclude||[],y;var v=document.createElement("canvas"),s=v.getContext("2d"),r=v.width=z.naturalWidth,F=v.height=z.naturalHeight;s.drawImage(z,0,0,z.naturalWidth,z.naturalHeight);try{y=s.getImageData(q.x?q.x:0,q.y?q.y:0,q.w?q.w:z.width,q.h?q.h:z.height)["data"]}catch(A){return false}var u=(q.w?q.w:z.width*q.h?q.h:z.height)||y.length,w={},D="",C=[],h={dominant:{name:"",count:0}};var x=0;while(x<u){C[0]=y[x];C[1]=y[x+1];C[2]=y[x+2];D=C.join(",");if(D in w){w[D]=w[D]+1}else{w[D]=1}if(t.indexOf(["rgb(",D,")"].join(""))===-1){var E=w[D];if(E>h.dominant.count){h.dominant.name=D;h.dominant.count=E}}x+=B*4}return["rgb(",h.dominant.name,")"].join("")}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"dribbles", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-fade.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_fade(c,a,b){var e=jQuery,g=e(this),d=e(".ws_list",b),h={position:"absolute",left:0,top:0,width:"100%",height:"100%",maxHeight:"none",maxWidth:"none",transform:"translate3d(0,0,0)"},f=e("<div>").addClass("ws_effect ws_fade").css(h).css("overflow","hidden").appendTo(b);this.go=function(i,j){var k=e(a.get(i)),m={width:k.width(),height:k.height()};k=k.clone().css(h).css(m).appendTo(f);if(!c.noCross){var l=e(a.get(j)).clone().css(h).css(m).appendTo(f);wowAnimate(l,{opacity:1},{opacity:0},c.duration,function(){l.remove()})}wowAnimate(k,{opacity:0},{opacity:1},c.duration,function(){g.trigger("effectEnd");k.remove()})}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"fade", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1000, 
+	height:450, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:false, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:1,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	// onBeforeStep:function(i, c) {
+        // return (i+1 + Math.floor((c-1)*Math.random()))
+    // }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-fly.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_fly(c,a,b){var e=jQuery;var f=e(this);var h={position:"absolute",left:0,top:0,width:"100%",height:"100%",transform:"translate3d(0,0,0)"};var d=b.find(".ws_list");var g=e("<div>").addClass("ws_effect ws_fly").css(h).css({overflow:"visible"}).appendTo(b);this.go=function(p,m,l){if(l==undefined){l=!!c.revers}else{l=!l}var k=-(c.distance||g.width()/4),n=Math.min(-k,Math.max(0,e(window).width()-g.offset().left-g.width())),i=(l?n:k),q=(l?k:n);var j=e(a.get(m));j={width:j.width(),height:j.height()};var r=e("<div>").css(h).css({"z-index":1,overflow:"hidden"}).html(e(a.get(m)).clone().css(j)).appendTo(g);var o=e("<div>").css(h).css({"z-index":3,overflow:"hidden"}).html(e(a.get(p)).clone().css(j)).appendTo(g).show();wowAnimate(o,{opacity:0},{opacity:1},c.duration);wowAnimate(o,{left:i},{left:0},2*c.duration/3);d.hide();wowAnimate(r,{left:0,opacity:1},{left:q,opacity:0},2*c.duration/3,c.duration/3,function(){r.remove();f.trigger("effectEnd");o.remove()})}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"fly", 
+	duration:13*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1000, 
+	height:450, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:false, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:1,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-kenburns.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_kenburns(d,l,m){var e=jQuery;var g=e(this);var f=document.createElement("canvas").getContext;var i=e("<div>").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}).addClass("ws_effect ws_kenburns").appendTo(m);var o=d.paths||[{from:[0,0,1],to:[0,0,1.2]},{from:[0,0,1.2],to:[0,0,1]},{from:[1,0,1],to:[1,0,1.2]},{from:[0,1,1.2],to:[0,1,1]},{from:[1,1,1],to:[1,1,1.2]},{from:[0.5,1,1],to:[0.5,1,1.3]},{from:[1,0.5,1.2],to:[1,0.5,1]},{from:[1,0.5,1],to:[1,0.5,1.2]},{from:[0,0.5,1.2],to:[0,0.5,1]},{from:[1,0.5,1.2],to:[1,0.5,1]},{from:[0.5,0.5,1],to:[0.5,0.5,1.2]},{from:[0.5,0.5,1.3],to:[0.5,0.5,1]},{from:[0.5,1,1],to:[0.5,0,1.15]}];function c(h){return o[h?Math.floor(Math.random()*(f?o.length:Math.min(5,o.length))):0]}var k=d.width,p=d.height;var j,b;var a,r;function n(){a=e('<div style="width:100%;height:100%"></div>').css({"z-index":8,position:"absolute",left:0,top:0}).appendTo(i)}n();function s(w,t,h){var u={width:100*w[2]+"%"};u[t?"right":"left"]=-100*(w[2]-1)*(t?(1-w[0]):w[0])+"%";u[h?"bottom":"top"]=-100*(w[2]-1)*(h?(1-w[1]):w[1])+"%";if(!f){for(var v in u){if(/\%/.test(u[v])){u[v]=(/right|left|width/.test(v)?k:p)*parseFloat(u[v])/100+"px"}}}return u}function q(w,z,A){var t=e(w);t={width:t.width(),height:t.height(),marginTop:t.css("marginTop"),marginLeft:t.css("marginLeft")};if(f){if(b){b.stop(1)}b=j}if(r){r.remove()}r=a;n();if(A){a.hide();r.stop(true,true)}if(f){var y,x;var u,h;u=e('<canvas width="'+k+'" height="'+p+'"/>');u.css({position:"absolute",left:0,top:0}).css(t).appendTo(a);y=u.get(0).getContext("2d");h=u.clone().appendTo(a);x=h.get(0).getContext("2d");j=wowAnimate(function(B){var D=[z.from[0]*(1-B)+B*z.to[0],z.from[1]*(1-B)+B*z.to[1],z.from[2]*(1-B)+B*z.to[2]];x.drawImage(w,-k*(D[2]-1)*D[0],-p*(D[2]-1)*D[1],k*D[2],p*D[2]);y.clearRect(0,0,k,p);var C=y;y=x;x=C},0,1,d.duration+d.delay*2)}else{k=t.width;p=t.height;var v=e('<img src="../../wow-slider/engine1/'+w.src+'"/>').css({position:"absolute",left:"auto",right:"auto",top:"auto",bottom:"auto"}).appendTo(a).css(s(z.from,z.from[0]>0.5,z.from[1]>0.5)).animate(s(z.to,z.from[0]>0.5,z.from[1]>0.5),{easing:"linear",queue:false,duration:(1.5*d.duration+d.delay)})}if(A){a.fadeIn(d.duration)}}if(d.effect.length==1){e(function(){l.each(function(h){e(this).css({visibility:"hidden"});if(h==d.startSlide){q(this,c(h),0)}})})}this.go=function(h,t){setTimeout(function(){g.trigger("effectEnd")},d.duration);q(l.get(h),c(h),1)}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"kenburns", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1000, 
+	height:450, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:false, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:1,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-lines.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+jQuery.extend(jQuery.easing,{easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeOutBackCubic:function(e,f,a,j,i,g){var h=(f/=i)*f;return a+j*(-1.5*h*f*h+2*h*h+4*h*f+-9*h+5.5*f)},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a}});function ws_lines(d,l,m){var e=jQuery;var f=e(this);var i=d.noCanvas||!document.createElement("canvas").getContext;var k=d.width,r=d.height;var g=e("<div>").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}).addClass("ws_effect ws_lines").appendTo(m);if(!i){var b=e("<canvas>").css({position:"absolute",left:0,top:0,width:"100%",height:"100%"}).appendTo(g);var o=b.get(0).getContext("2d")}var s=[["rgb(187,187,187)",0.1,0.3],["rgb(179,179,179)",0.9,0.8],["rgb(182,182,182)",0.68,0.4],["rgb(185,185,185)",0.25,0.4],["rgb(204,204,204)",0.11,0.7],["rgb(195,195,195)",0.18,0.1],["rgb(198,198,198)",0.4,0.2],["rgb(201,201,201)",0.55,-0.04],["rgb(211,211,211)",0,0.95],["rgb(214,214,214)",0.5,0.8],["rgb(217,217,217)",0.9,0.1]];var a=[[0.5,0.4,0.3,0.2,0.1,0,0.1,0.2,0.3,0.4,0.5],[0,0.1,0.2,0.3,0.4,0.5,0.4,0.3,0.2,0.1,0],[0,0.05,0.1,0.15,0.2,0.25,0.3,0.35,0.4,0.45,0.5],[0.5,0.45,0.4,0.35,0.3,0.25,0.2,0.15,0.1,0.05,0],[0.7,0.3,0,0.1,0.5,0.3,0.4,0.1,0.6,0.2,0],];var q=["from-top","from-bottom","width-from-center","height-from-center","fill-half-fill-full"];var j=["easeOutExpo","easeOutCubic","easeOutBackCubic","easeOutBack"];var p=[45,-45,0,180,90,-90];function n(h){h.save();h.setTransform(1,0,0,1,0,0);h.clearRect(0,0,k,r);h.restore()}function c(G,D,I,w,C,y,z){var u=k;var E=r;if(z==45||z==-45){u=E=Math.sqrt(k*k+r*r)}if(z==90||z==-90){u=r;E=k}var B=(u-k)/2;var v=(E-r)/2;n(G);for(var x=0,A=I.length;x<A;x++){var F=I[x]*(1-D);var h=Math.max(0,Math.min(1,D-F));G.beginPath();G.fillStyle=s[x][0];if(w){G.fillStyle=s[x][0].replace(/rgb/g,"rgba").replace(/\)/g,","+Math.min(D+0.1,1)+")")}var H={x:0,y:0,w:0,h:0};switch(C){case"from-top":if(y&&e.easing[y]){h=e.easing[y](1,h,0,1,1,1)}H.w=Math.ceil(0.5+u/A);H.h=E;H.x=(A-x-1)*u/A-B;H.y=-1.5*E*(1-h)-v;break;case"from-bottom":if(y&&e.easing[y]){h=e.easing[y](1,h,0,1,1,1)}H.w=Math.ceil(0.5+u/A);H.h=E;H.x=(A-x-1)*u/A-B;H.y=1.5*E*(1-h)-v;break;case"width-from-center":if(y&&e.easing[y]){h=e.easing[y](1,h,0,1,1,1)}H.w=Math.ceil(0.5+u/A)*h;H.h=E;H.x=(A-x-1)*u/A+(1-h)*u/A/2-B;H.y=-v;break;case"height-from-center":if(y&&e.easing[y]){h=e.easing[y](1,h,0,1,1,1)}H.w=Math.ceil(0.5+u/A);H.h=E*h;H.x=(A-x-1)*u/A-B;H.y=(1-h)*E/2-v;break;case"fill-half-fill-full":if(h<0.5){if(y&&e.easing[y]){h=e.easing[y](0.5,h,0,0.5,0.5,0.5)}}H.w=Math.ceil(0.5+u/A);H.h=E*h;H.x=(A-x-1)*u/A-B;H.y=(1-h)*E/2-v;break}G.fillRect(H.x,H.y,H.w,H.h)}}this.go=function(C,x){if(i){m.find(".ws_list").css("transform","translate3d(0,0,0)").stop(true).animate({left:(C?-C+"00%":(/Safari/.test(navigator.userAgent)?"0%":0))},d.duration,"easeInOutExpo",function(){f.trigger("effectEnd")})}else{k=m.width();r=m.height();var w=a[Math.floor(Math.random()*(a.length))];var E=a[Math.floor(Math.random()*(a.length))];b.attr({width:k,height:r});var A=l.get(x);for(var y=0,B=s.length;y<B;y++){var v=Math.abs(s[y][1]),h=Math.abs(s[y][2]);s[y][0]=t(A,{x:v*k,y:h*r,w:2,h:2})||s[y][0]}var D=q[Math.floor(Math.random()*(q.length))];var z=j[Math.floor(Math.random()*(j.length))];var u=p[Math.floor(Math.random()*(p.length))];o.translate(k/2,r/2);o.rotate(u*Math.PI/180);o.translate(-k/2,-r/2);wowAnimate(function(F){c(o,F,w,true,D,z,u)},0,1,d.duration/2,function(){m.find(".ws_list").css({left:(C?-C+"00%":(/Safari/.test(navigator.userAgent)?"0%":0))});D=q[Math.floor(Math.random()*(q.length))];z=j[Math.floor(Math.random()*(j.length))];wowAnimate(function(F){c(o,1-F,E,false,D,z,u)},0,1,d.duration/2,d.duration*0.15,function(){n(o);f.trigger("effectEnd")})})}};function t(D,u){u=u||{};var F=1,x=u.exclude||[],C;var z=document.createElement("canvas"),w=z.getContext("2d"),v=z.width=D.naturalWidth,J=z.height=D.naturalHeight;w.drawImage(D,0,0,D.naturalWidth,D.naturalHeight);try{C=w.getImageData(u.x?u.x:0,u.y?u.y:0,u.w?u.w:D.width,u.h?u.h:D.height)["data"]}catch(E){return false}var y=(u.w?u.w:D.width*u.h?u.h:D.height)||C.length,A={},H="",G=[],h={dominant:{name:"",count:0}};var B=0;while(B<y){G[0]=C[B];G[1]=C[B+1];G[2]=C[B+2];H=G.join(",");if(H in A){A[H]=A[H]+1}else{A[H]=1}if(x.indexOf(["rgb(",H,")"].join(""))===-1){var I=A[H];if(I>h.dominant.count){h.dominant.name=H;h.dominant.count=I}}B+=F*4}return["rgb(",h.dominant.name,")"].join("")}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"lines", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-page.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+jQuery.extend(jQuery.easing,{easeOutOneBounce:function(e,i,c,a,d,g){var j=0.8;var b=0.2;var f=j*j;if(i<0.0001){return 0}else{if(i<j){return i*i/f}else{return 1-b*b+(i-j-b)*(i-j-b)}}},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}}});function ws_page(c,b,a){var e=jQuery;var h=c.angle||17;var g=e(this);var f=e("<div>").addClass("ws_effect ws_page").css({position:"absolute",width:"100%",height:"100%",top:"0%",overflow:"hidden"});var d=a.find(".ws_list");f.hide().appendTo(a);this.go=function(l,j){function o(){f.find("div").stop(1,1);f.hide();f.empty()}o();d.hide();var k=e("<div>").css({position:"absolute",left:0,top:0,width:"100%",height:"100%",overflow:"hidden","z-index":9}).append(e(b.get(l)).clone()).appendTo(f);var i=e("<div>").css({position:"absolute",left:0,top:0,width:"100%",height:"100%",overflow:"hidden",outline:"1px solid transparent","z-index":10,"transform-origin":"top left","backface-visibility":"hidden"}).append(e(b.get(j)).clone()).appendTo(f);f.show();if(c.responsive<3){k.find("img").css("width","100%");i.find("img").css("width","100%")}var q=i;var p=q.width(),m=q.height();var n=!document.addEventListener;wowAnimate(q,{rotate:0},{rotate:h},n?0:2*c.duration/3,"easeOutOneBounce",function(){wowAnimate(q,{top:0},{top:"100%"},(n?2:1)*c.duration/3)});wowAnimate(k,{top:"-100%"},{top:"-30%"},n?0:c.duration/2,function(){wowAnimate(k,{top:"-30%"},{top:0},(n?2:1)*c.duration/2,"easeOutBounce",function(){q.hide();o();g.trigger("effectEnd")})})}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+ 
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"page", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-parallax.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_parallax(k,g,a){var c=jQuery;var f=c(this);var d=a.find(".ws_list");var b=k.parallax||0.25;var e=c("<div>").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}).addClass("ws_effect ws_parallax").appendTo(a);function j(l){return Math.round(l*1000)/1000}var i=c("<div>").css({position:"absolute",left:0,top:0,overflow:"hidden",width:"100%",height:"100%",transform:"translate3d(0,0,0)"}).appendTo(e);var h=i.clone().appendTo(e);this.go=function(l,r,p){var s=c(g.get(r));s={width:s.width(),height:s.height(),marginTop:s.css("marginTop"),marginLeft:s.css("marginLeft")};p=p?1:-1;var n=c(g.get(r)).clone().css(s).appendTo(i);var o=c(g.get(l)).clone().css(s).appendTo(h);var m=a.width()||k.width;var q=a.height()||k.height;d.hide();wowAnimate(function(v){v=c.easing.swing(v);var x=j(p*v*m),u=j(p*(-m+v*m)),t=j(-p*m*b*v),w=j(p*m*b*(1-v));if(k.support.transform){i.css("transform","translate3d("+x+"px,0,0)");n.css("transform","translate3d("+t+"px,0,0)");h.css("transform","translate3d("+u+"px,0,0)");o.css("transform","translate3d("+w+"px,0,0)")}else{i.css("left",x);n.css("margin-left",t);h.css("left",u);o.css("margin-left",w)}},0,1,k.duration,function(){e.hide();n.remove();o.remove();f.trigger("effectEnd")})}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+ 
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"parallax", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-photo.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_photo(a,g,j){var c=jQuery,e=c(this),l=c(".ws_list",j),n=(/iPhone|iPod|iPad|Android|BlackBerry/).test(navigator.userAgent),h=g.length,w=a.imagesCount||30,m=30,d=80,q=[];var f=c("<div>").addClass("ws_effect ws_photo").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden",backgroundColor:"#DDDDDD"}).appendTo(j);if(!n){var o=c("<div>").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.6)",zIndex:4}).appendTo(f)}var r=Math.max(w,g.length);for(var t=0,p=0;t<r;t++){if(p>=g.length){p-=g.length}c("<div>").addClass("ws_photoItem").css({width:"100%",height:"100%",overflow:"hidden"}).append(c("<div>").css({overflow:"hidden",position:"absolute"}).append(c(g[p]).clone())).appendTo(f);if(a.images&&t<g.length){q.push(!a.images[p].noimage)}p++}var s=f.children(".ws_photoItem");function u(k,i){return parseFloat(Math.random()*(i-k)+k)}function v(K,D,i,B,z,J){if(!K[0].wowParams){K[0].wowParams={}}if(B&&D){var L=d,G=50-L/2,F=50-L/2,A=0,E=5}else{var L=m,G=u(-10,90),F=u(-10,90),A=u(-30,30),E=B?(D?5:(i?3:2)):(D?3:(i?4:2))}var I={top:K[0].wowParams.y||0,left:K[0].wowParams.x||0,width:K[0].wowParams.size||0,height:K[0].wowParams.size||0};var H={top:F,left:G,width:L,height:L};if(a.support.transform){I={translate:[(50-I.width/2-I.left)+"%",(50-I.width/2-I.top)+"%",0],rotate:K[0].wowParams.angle||0,scale:I.width/100};H={translate:[(50-H.width/2-H.left),(50-H.width/2-H.top),0],rotate:A||0,scale:H.width/100}}else{for(var C in I){I[C]=I[C]+"%"}}wowAnimate(K.css({position:"absolute",zIndex:E}),I,H,z,"swing",J||0);K[0].wowParams={size:L,x:G,y:F,angle:A,zIndex:E}}s.each(function(i){v(c(this),a.startSlide==i,false,true,0)});function b(){if(a.support.transform){var i=c(g[0]);i={width:i.width(),height:i.height(),marginTop:parseFloat(i.css("marginTop")),marginLeft:parseFloat(i.css("marginLeft"))};c(s).find("img").css(i)}else{c(s).find("img").css({width:"100%"})}}b();c(window).on("load resize",b);this.go=function(i,y){b();if(a.images&&!q[i]){q[i]=true;var k=i;for(;;){c(s[k]).find("img").attr("src",a.images[k%g.length].src);if(k>r){break}k+=g.length}}if(window.XMLHttpRequest){var x=a.duration*0.5;s.each(function(z){v(c(this),i==z,y==z,false,x)});if(!n){wowAnimate(o,{opacity:1},{opacity:0},x*0.7,"swing")}setTimeout(function(){s.each(function(z){v(c(this),i==z,y==z,true,x,(y==z?function(){e.trigger("effectEnd")}:0))});if(!n){wowAnimate(o,{opacity:0},{opacity:1},x*0.7,"swing")}},x)}else{l.stop(true).animate({left:(i?-i+"00%":(/Safari/.test(navigator.userAgent)?"0%":0))},a.duration,"easeInOutExpo",function(){e.trigger("effectEnd")})}}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+ 
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"photo", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-rotate.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_rotate(i,h,a){var d=jQuery;var g=d(this);var e=d(".ws_list",a);var b={position:"absolute",left:0,top:0};var f=d("<div>").addClass("ws_effect ws_rotate").css(b).css({height:"100%",width:"100%",overflow:"hidden"}).appendTo(a);var c;this.go=function(j,k){var m=d(h[0]);m={width:m.width(),height:m.height(),marginTop:parseFloat(m.css("marginTop")),marginLeft:parseFloat(m.css("marginLeft")),maxHeight:"none",maxWidth:"none",};if(c){c.stop(true,true)}c=d(h.get(j)).clone().css(b).css(m).appendTo(f);if(!i.noCross){var l=d(h.get(k)).clone().css(b).css(m).appendTo(f);wowAnimate(l,{opacity:1,rotate:0,scale:1},{opacity:0,rotate:i.rotateOut||180,scale:i.scaleOut||10},i.duration,"easeInOutExpo",function(){l.remove()})}wowAnimate(c,{opacity:1,rotate:-(i.rotateIn||180),scale:i.scaleIn||10},{opacity:1,rotate:0,scale:1},i.duration,"easeInOutExpo",function(){c.remove();c=0;g.trigger("effectEnd")})}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"rotate", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1000, 
+	height:450, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:false, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:1,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-shift.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+jQuery.extend(jQuery.easing,{easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a}});function ws_shift(k,i,c){var d=jQuery;var h=d(this);var b=c.find("li");var f=c.find(".ws_list");var e={position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"};var g=d("<div>").addClass("ws_effect ws_shift").css(e).appendTo(c);var a=d("<div>").css(e).css({display:"none",zIndex:4}).appendTo(g);var j=d("<div>").css(e).css({display:"none",zIndex:3}).appendTo(g);this.go=function(l,p,n){var m=c.width();var o=c.height();a.append(d(i.get(l)).clone());j.append(d(i.get(p)).clone());if(k.responsive<3){a.find("img").css("width","100%");j.find("img").css("width","100%")}f.stop(true,true).hide().css({left:-l+"00%"});var q={left:[{left:-m},{left:0}],right:[{left:m},{left:0}],down:[{top:o},{top:0}],up:[{top:-o},{top:0}]}[k.direction||["left","right","down","up"][Math.floor(Math.random()*4)]];if(k.support.transform){if(q[0].left){q[0]={translate:[q[0].left,0,0]}}else{q[0]={translate:[0,q[0].top,0]}}q[1]={translate:[0,0,0]}}a.show();j.show();wowAnimate(a,q[0],q[1],k.duration,"easeInOutCubic",function(){f.show();a.hide().html("");j.hide().html("");h.trigger("effectEnd")});wowAnimate(j,{scale:1,translate:[0,0,0]},{scale:0.5,translate:[0,0,0]},k.duration,"easeInOutCubic")}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"shift", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-slices.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_slices(k,h,i){var b=jQuery;var f=b(this);function g(q,p,o,m,l,n){if(k.support.transform){if(p.top){p.translate=[0,p.top||0,0]}if(o.top){o.translate=[0,o.top||0,0]}delete p.top;delete o.top}wowAnimate(q,p,o,m,l,"swing",n)}var e=function(r,x){var q=b.extend({},{effect:"random",slices:15,animSpeed:500,pauseTime:3000,startSlide:0,container:null,onEffectEnd:0},x);var t={currentSlide:0,currentImage:"",totalSlides:0,randAnim:"",stop:false};var o=b(r);o.data("wow:vars",t);if(!/absolute|relative/.test(o.css("position"))){o.css("position","relative")}var m=x.container||o;var p=o.children();t.totalSlides=p.length;if(q.startSlide>0){if(q.startSlide>=t.totalSlides){q.startSlide=t.totalSlides-1}t.currentSlide=q.startSlide}if(b(p[t.currentSlide]).is("img")){t.currentImage=b(p[t.currentSlide])}else{t.currentImage=b(p[t.currentSlide]).find("img:first")}if(b(p[t.currentSlide]).is("a")){b(p[t.currentSlide]).css("display","block")}for(var s=0;s<q.slices;s++){var w=Math.round(m.width()/q.slices);var v=b('<div class="wow-slice"></div>').css({left:w*s+"px",overflow:"hidden",width:((s==q.slices-1)?(m.width()-(w*s)):w)+"px",position:"absolute"}).appendTo(m);b("<img>").css({position:"absolute",left:0,top:0,transform:"translate3d(0,0,0)"}).appendTo(v)}var n=0;this.sliderRun=function(y,z){if(t.busy){return false}q.effect=z||q.effect;t.currentSlide=y-1;u(o,p,q,false);return true};var l=function(){if(q.onEffectEnd){q.onEffectEnd(t.currentSlide)}m.hide();b(".wow-slice",m).css({transition:"",transform:""});t.busy=0};var u=function(y,z,C,E){var F=y.data("wow:vars");if((!F||F.stop)&&!E){return false}F.busy=1;F.currentSlide++;if(F.currentSlide==F.totalSlides){F.currentSlide=0}if(F.currentSlide<0){F.currentSlide=(F.totalSlides-1)}F.currentImage=b(z[F.currentSlide]);if(!F.currentImage.is("img")){F.currentImage=F.currentImage.find("img:first")}var A=b(h[F.currentSlide]);A={width:A.width(),heiht:A.height(),marginTop:A.css("marginTop"),marginLeft:A.css("marginLeft")};b(".wow-slice",m).each(function(J){var L=b(this),I=b("img",L);var K=Math.round(m.width()/C.slices);I.width(m.width());I.attr("src",F.currentImage.attr("src"));I.css({left:-K*J+"px"}).css(A);L.css({height:"100%",opacity:0,left:K*J,width:((J==C.slices-1)?(m.width()-(K*J)):K)})});m.show();if(C.effect=="random"){var G=new Array("sliceDownRight","sliceDownLeft","sliceUpRight","sliceUpLeft","sliceUpDownRight","sliceUpDownLeft","fold","fade");F.randAnim=G[Math.floor(Math.random()*(G.length+1))];if(F.randAnim==undefined){F.randAnim="fade"}}if(C.effect.indexOf(",")!=-1){var G=C.effect.split(",");F.randAnim=b.trim(G[Math.floor(Math.random()*G.length)])}if(C.effect=="sliceDown"||C.effect=="sliceDownRight"||F.randAnim=="sliceDownRight"||C.effect=="sliceDownLeft"||F.randAnim=="sliceDownLeft"){var B=0;var H=b(".wow-slice",m);if(C.effect=="sliceDownLeft"||F.randAnim=="sliceDownLeft"){H=H._reverse()}H.each(function(I){g(b(this),{top:"-100%",opacity:0},{top:"0%",opacity:1},C.animSpeed,100+B,(I==C.slices-1)?l:0);B+=50})}else{if(C.effect=="sliceUp"||C.effect=="sliceUpRight"||F.randAnim=="sliceUpRight"||C.effect=="sliceUpLeft"||F.randAnim=="sliceUpLeft"){var B=0;var H=b(".wow-slice",m);if(C.effect=="sliceUpLeft"||F.randAnim=="sliceUpLeft"){H=H._reverse()}H.each(function(I){g(b(this),{top:"100%",opacity:0},{top:"0%",opacity:1},C.animSpeed,100+B,(I==C.slices-1)?l:0);B+=50})}else{if(C.effect=="sliceUpDown"||C.effect=="sliceUpDownRight"||F.randAnim=="sliceUpDownRight"||C.effect=="sliceUpDownLeft"||F.randAnim=="sliceUpDownLeft"){var B=0;var H=b(".wow-slice",m);if(C.effect=="sliceUpDownLeft"||F.randAnim=="sliceUpDownLeft"){H=H._reverse()}H.each(function(I){g(b(this),{top:((I%2)?"-":"")+"100%",opacity:0},{top:"0%",opacity:1},C.animSpeed,100+B,(I==C.slices-1)?l:0);B+=50})}else{if(C.effect=="fold"||F.randAnim=="fold"){var B=0;var H=b(".wow-slice",m);var D=H.width();H.each(function(I){g(b(this),{width:0,opacity:0},{width:D,opacity:1},C.animSpeed,100+B,(I==C.slices-1)?l:0);B+=50})}else{if(C.effect=="fade"||F.randAnim=="fade"){var H=b(".wow-slice",m);b(".wow-slice",m).each(function(I){b(this).css("height","100%");b(this).animate({opacity:"1.0"},(C.animSpeed*2),(I==C.slices-1)?l:0)})}}}}}}};b.fn._reverse=[].reverse;var a=b("li",i);var c=b("ul",i);var d=b("<div>").addClass("ws_effect ws_slices").css({left:0,top:0,"z-index":8,overflow:"hidden",width:"100%",height:"100%",position:"absolute"}).appendTo(i);var j=new e(c,{keyboardNav:false,caption:0,effect:"sliceDownRight,sliceDownLeft,sliceUpRight,sliceUpLeft,sliceUpDownRight,sliceUpDownLeft,sliceUpDownRight,sliceUpDownLeft,fold,fold,fold",animSpeed:k.duration,startSlide:k.startSlide,container:d,onEffectEnd:function(l){f.trigger("effectEnd")}});this.go=function(m,l){var n=j.sliderRun(m);if(k.fadeOut){c.fadeOut(k.duration)}}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"slices", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-stack.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_stack(d,a,b){var e=jQuery;var g=e(this);var c=e("li",b);var f=e("<div>").addClass("ws_effect ws_stack").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}).appendTo(b);this.go=function(q,j,i){var k=(d.revers?1:-1)*b.width();c.each(function(s){if(i&&s!=j){this.style.zIndex=(Math.max(0,this.style.zIndex-1))}});var p=e(".ws_list",b);var h=e("<div>").css({position:"absolute",left:0,top:0,width:"100%",height:"100%",overflow:"hidden",zIndex:4}).append(e(a.get(i?q:j)).clone()),r=e("<div>").css({position:"absolute",left:0,top:0,width:"100%",height:"100%",overflow:"hidden",zIndex:4}).append(e(a.get(i?j:q)).clone());if(d.responsive<3){h.find("img").css("width","100%");r.find("img").css("width","100%")}if(i){r.appendTo(f);h.appendTo(f)}else{h.insertAfter(p);r.insertAfter(p)}if(!i){p.stop(true,true).hide().css({left:-q+"00%"});if(d.fadeOut){p.fadeIn(d.duration)}else{p.show()}}else{if(d.fadeOut){p.fadeOut(d.duration)}}var o={left:i?k:0};var m={left:i?0:-k*0.5};var n={left:i?0:k};var l={left:(i?1:0)*b.width()*0.5};if(d.support.transform){o={translate:[o.left,0,0]};m={translate:[m.left,0,0]};n={translate:[n.left,0,0]};l={translate:[l.left,0,0]}}wowAnimate(h,o,n,d.duration,d.duration*(i?0:0.1),"easeInOutExpo",function(){g.trigger("effectEnd");h.remove();r.remove()});wowAnimate(r,m,l,d.duration,d.duration*(i?0.1:0),"easeInOutExpo")}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"stack", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-stack_vertical.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+function ws_stack_vertical(d,a,b){var e=jQuery;var g=e(this);var c=e("li",b);var f=e("<div>").addClass("ws_effect ws_stack_vertical").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}).appendTo(b);this.go=function(q,j,i){var k=(d.revers?1:-1)*b.height();c.each(function(s){if(i&&s!=j){this.style.zIndex=(Math.max(0,this.style.zIndex-1))}});var p=e(".ws_list",b);var h=e("<div>").css({position:"absolute",left:0,top:0,width:"100%",height:"100%",overflow:"hidden",zIndex:4}).append(e(a.get(i?q:j)).clone()),r=e("<div>").css({position:"absolute",left:0,top:0,width:"100%",height:"100%",overflow:"hidden",zIndex:4}).append(e(a.get(i?j:q)).clone());if(d.responsive<3){h.find("img").css("width","100%");r.find("img").css("width","100%")}if(i){r.appendTo(f);h.appendTo(f)}else{h.insertAfter(p);r.insertAfter(p)}if(!i){p.stop(true,true).hide().css({left:-q+"00%"});if(d.fadeOut){p.fadeIn(d.duration)}else{p.show()}}else{if(d.fadeOut){p.fadeOut(d.duration)}}var o={top:i?k:0};var m={top:i?0:-k*0.5};var n={top:i?0:k};var l={top:(i?1:0)*b.height()*0.5};if(d.support.transform){o={translate:[0,o.top,0]};m={translate:[0,m.top,0]};n={translate:[0,n.top,0]};l={translate:[0,l.top,0]}}wowAnimate(h,o,n,d.duration,d.duration*(i?0:0.1),"easeInOutExpo",function(){g.trigger("effectEnd");h.remove();r.remove()});wowAnimate(r,m,l,d.duration,d.duration*(i?0.1:0),"easeInOutExpo")}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"stack_vertical", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-turn.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+jQuery.extend(jQuery.easing,{easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a}});function ws_turn(d,a,b){var f=jQuery;var h=f(this);var c=f("li",b);var e=f(".ws_list",b);var g=f("<div>").addClass("ws_effect ws_turn").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden",perspective:500}).appendTo(b);this.go=function(q,l){var s=b.height();var j=b.width();var k={left:["0% 50%",{rotateY:90,translate:[0,0,0.1]},{left:-j}],right:["100% 50%",{rotateY:-90,translate:[0,0,0.1]},{left:j}],up:["50% 0%",{rotateX:-90,translate:[0,0,0.1]},{top:-s}],down:["50% 100%",{rotateX:90,translate:[0,0,0.1]},{top:s}]}[d.direction||["left","right","down","up"][Math.floor(Math.random()*4)]];var i=f("<div>").css({position:"absolute",left:0,top:0,width:"100%",height:"100%",overflow:"hidden",transformOrigin:k[0],transformStyle:"preserve-3d",outline:"1px solid transparent",zIndex:5}).append(f(a.get(q)).clone()),r=f("<div>").css({position:"absolute",left:0,top:0,width:"100%",height:"100%",overflow:"hidden",background:"#000",zIndex:4}).append(f(a.get(l)).clone());g.css({perspectiveOrigin:k[0]});if(d.responsive<3){i.find("img").css("width","100%");r.find("img").css("width","100%")}r.appendTo(g);i.appendTo(g);e.stop(true,true).hide().css({left:-q+"00%"});var p=k[2];var o={top:0,left:0};var n={opacity:1};var m={opacity:0.2};if(d.support.transform){p=k[1];o={rotateX:0,rotateY:0,translate:[0,0,0]}}wowAnimate(i,p,o,d.duration,"easeInOutQuart",function(){h.trigger("effectEnd");i.remove();r.remove()});wowAnimate(r.find("img"),n,m,d.duration,"easeInOutQuart")}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"turn", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/plugins/wow-slider/scripts/script-tv.js

@@ -0,0 +1,36 @@
+/**
+ * WOWslider
+ * 
+ * http://wowslider.com
+*/
+jQuery.extend(jQuery.easing,{easeOutBack2:function(f,g,e,j,i){var h=(g/=i)*g;var a=h*g;return e+j*(5*a*h+-15*h*h+19*a+-14*h+6*g)},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a}});function ws_tv(m,i,b){var d=jQuery;var g=d(this);var k=m.noCanvas||!document.createElement("canvas").getContext;var j=m.width,e=m.height;var f=d("<div>").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}).addClass("ws_effect ws_tv").appendTo(b);if(!k){var c=d("<canvas>").css({position:"absolute",left:0,top:0,width:"100%",height:"100%"}).appendTo(f);var l=c.get(0).getContext("2d")}function a(n,h,o){return n+(h-n)*o}this.go=function(h,o){if(k){b.find(".ws_list").css("transform","translate3d(0,0,0)").stop(true).animate({left:(h?-h+"00%":(/Safari/.test(navigator.userAgent)?"0%":0))},m.duration,"easeInOutExpo",function(){g.trigger("effectEnd")})}else{j=b.width();e=b.height();c.attr({width:j,height:e});var n=d(i.get(h)).clone().css({opacity:0,zIndex:2,maxHeight:"none"}).appendTo(f);wowAnimate(function(p){l.clearRect(0,0,j,e);var r=j;if(p>=0.95){r*=1-(p-0.95)/(1-0.95)}l.fillStyle="#111";l.fillRect(0,0,j,e);var q=l.createLinearGradient(0,p*e/2,0,e-p*e/2);q.addColorStop(0,"#111");q.addColorStop(a(0,0.5,p),"#fff");q.addColorStop(0.5,"#fff");q.addColorStop(a(1,0.5,p),"#fff");q.addColorStop(1,"#111");l.fillStyle=q;l.fillRect((j-r)/2,p*e/2,r,e*(1-p))},0,1,m.duration*0.3,"easeOutCubic",function(){wowAnimate(n,{scale:[0.9,0],opacity:0.5},{scale:[1,1],opacity:1},m.duration*0.3,m.duration*0.4,"easeOutBack2",function(){b.find(".ws_list").css({left:(h?-h+"00%":(/Safari/.test(navigator.userAgent)?"0%":0))});g.trigger("effectEnd");setTimeout(function(){l.fillStyle="#111";l.clearRect(0,0,j,e);n.remove()},1)})})}}};
+
+/* ---------------------------------------------------------------------------
+ * WOWslider Settings 
+ * -------------------------------------------------------------------------- */
+
+jQuery("#wowslider-container1").wowSlider( {
+    effect:"tv", 
+	duration:20*100, // change effect transition time
+	delay:20*100, // change delay on each slide
+	width:1600, 
+	height:800, 
+	autoPlay:true, // autoplay slides on load
+	playPause:false, // show a play & pause button
+	stopOnHover:false, 
+	loop:false, 
+	bullets:0, 
+	caption:false, // use a caption on slides
+	controls:true, // use left, right arrows
+	fullScreen:true, // show a fullscreen button
+	
+	responsive:3,
+	gestures:2, 
+	
+	// remove next 3 lines to remove "random" slide order
+	onBeforeStep:function(i, c) {
+        return (i+1 + Math.floor((c-1)*Math.random()))
+    }
+}
+
+);

website/Boson/HTML/portfolio-2-columns.html

@@ -0,0 +1,530 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+	
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Filtering -->
+	<script src="js/jquery.isotope.min.js"></script>
+	<script src="js/filter.js"></script>
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+</head>
+
+<body>
+
+<div class="main">
+   
+            
+         <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Portfolio: 2 Columns</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Portfolio: 2 Columns</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<ul class="b-filter-list">
+				<li data-filter="*" class="active">All</li>
+				<li data-filter=".webdesign">Web Design</li>
+				<li data-filter=".photography">Photography</li>
+				<li data-filter=".identity">Identity</li>
+				<li data-filter=".tehnology">Tehnology</li>
+			</ul>
+			<div class="b-filter-select">
+				<div class="filter-current">
+					 All categories
+				</div>
+				<ul>
+					<li data-filter="*" class="active">All</li>
+					<li data-filter=".webdesign">Web Design</li>
+					<li data-filter=".photography">Photography</li>
+					<li data-filter=".identity">Identity</li>
+					<li data-filter=".tehnology">Tehnology</li>
+				</ul>
+			</div>
+			<div class="row m-block port b-works">
+				<div class="row-item col-md-6 identity photography tehnology">
+					<div class="work">
+						<a href="#" class="work-image">
+							<img src="img/port/smiling.jpg" alt="">
+							<div class="link-overlay icon-chevron-right">
+							</div>
+						</a>
+						<a href="#" class="work-name">Smiling</a>
+						<div class="tags">
+							Photography, Tehnology
+						</div>
+					</div>
+				</div>
+				<div class="row-item col-md-6 photography webdesign">
+					<div class="work">
+						<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/surfer.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Surfer</a>
+						<div class="tags">
+							Photography, Webdesign
+						</div>
+					</div>
+				</div>
+				<div class="row-item col-md-6 identity">
+					<div class="work">
+						<a href="http://vimeo.com/67500403" rel="prettyPhoto" class="work-image">
+							<img src="img/port/architecture.jpg" alt="">
+							<div class="link-overlay icon-play">
+							</div>
+						</a>
+						<a href="#" class="work-name">Architecture</a>
+						<div class="tags">
+							Identity
+						</div>
+					</div>
+				</div>							
+				<div class="row-item col-md-6 tehnology">
+					<div class="work">
+						<a href="img/port/yacht-sailing-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/yacht-sailing.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Yacht Sailing</a>
+						<div class="tags">
+							Tehnology
+						</div>
+					</div>
+				</div>				
+				<div class="row-item col-md-6 photography webdesign identity">
+					<div class="work">
+						<a href="http://vimeo.com/67500403" rel="prettyPhoto" class="work-image">
+							<img src="img/port/golf.jpg" alt="">
+							<div class="link-overlay icon-play">
+							</div>
+						</a>
+						<a href="#" class="work-name">Golf</a>
+						<div class="tags">
+							Webdesign Identity
+						</div>
+					</div>
+				</div>				
+				<div class="row-item col-md-6 tehnology">
+					<div class="work">
+						<a href="#" rel="prettyPhoto" class="work-image">
+							<img src="img/port/spring-flowers.jpg" alt="">
+							<div class="link-overlay icon-chevron-right">
+							</div>
+						</a>
+						<a href="#" class="work-name">Spring Flowers</a>
+						<div class="tags">
+							Tehnology
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+	
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+				
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						
+						<!-- Success Message -->
+						<div class="form-message">
+						</div>
+						
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+			
+				<!-- Copyright Text -->
+			<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+	
+</div>
+<!-- END MAIN 
+============================================= -->
+
+</script>
+
+</body>
+</html>

website/Boson/HTML/portfolio-3-columns.html

@@ -0,0 +1,579 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+	
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+		<script src="js/main2.js"></script>
+	<!-- Filtering -->
+	<script src="js/jquery.isotope.min.js"></script>
+	<script src="js/filter.js"></script>
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+</head>
+
+<body>
+
+<div class="main">
+	  
+            
+         <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Portfolio: 3 Columns</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Portfolio: 3 Columns</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<ul class="b-filter-list">
+				<li data-filter="*" class="active">All</li>
+				<li data-filter=".webdesign">Web Design</li>
+				<li data-filter=".photography">Photography</li>
+				<li data-filter=".identity">Identity</li>
+				<li data-filter=".tehnology">Tehnology</li>
+			</ul>
+			<div class="b-filter-select">
+				<div class="filter-current">
+					 All categories
+				</div>
+				<ul>
+					<li data-filter="*" class="active">All</li>
+					<li data-filter=".webdesign">Web Design</li>
+					<li data-filter=".photography">Photography</li>
+					<li data-filter=".identity">Identity</li>
+					<li data-filter=".tehnology">Tehnology</li>
+				</ul>
+			</div>
+			<div class="row m-block port b-works">
+				<div class="row-item col-md-4 identity photography tehnology">
+					<div class="work">
+						<a href="#" class="work-image">
+							<img src="img/port/smiling.jpg" alt="">
+							<div class="link-overlay icon-chevron-right">
+							</div>
+						</a>
+						<a href="#" class="work-name">Smiling</a>
+						<div class="tags">
+							Photography, Tehnology
+						</div>
+					</div>
+				</div>
+				<div class="row-item col-md-4 photography webdesign">
+					<div class="work">
+						<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/surfer.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Surfer</a>
+						<div class="tags">
+							Photography, Webdesign
+						</div>
+					</div>
+				</div>
+				<div class="row-item col-md-4 identity">
+					<div class="work">
+						<a href="http://vimeo.com/67500403" rel="prettyPhoto" class="work-image">
+							<img src="img/port/architecture.jpg" alt="">
+							<div class="link-overlay icon-play">
+							</div>
+						</a>
+						<a href="#" class="work-name">Architecture</a>
+						<div class="tags">
+							Identity
+						</div>
+					</div>
+				</div>							
+				<div class="row-item col-md-4 tehnology">
+					<div class="work">
+						<a href="img/port/yacht-sailing-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/yacht-sailing.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Yacht Sailing</a>
+						<div class="tags">
+							Tehnology
+						</div>
+					</div>
+				</div>				
+				<div class="row-item col-md-4 photography webdesign identity">
+					<div class="work">
+						<a href="http://vimeo.com/67500403" rel="prettyPhoto" class="work-image">
+							<img src="img/port/golf.jpg" alt="">
+							<div class="link-overlay icon-play">
+							</div>
+						</a>
+						<a href="#" class="work-name">Golf</a>
+						<div class="tags">
+							Webdesign Identity
+						</div>
+					</div>
+				</div>				
+				<div class="row-item col-md-4 tehnology">
+					<div class="work">
+						<a href="#" rel="prettyPhoto" class="work-image">
+							<img src="img/port/spring-flowers.jpg" alt="">
+							<div class="link-overlay icon-chevron-right">
+							</div>
+						</a>
+						<a href="#" class="work-name">Spring Flowers</a>
+						<div class="tags">
+							Tehnology
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+	
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+				
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						
+						<!-- Success Message -->
+						<div class="form-message">
+						</div>
+						
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+			
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+	
+</div>
+<!-- END MAIN 
+============================================= -->
+
+	<!-- STYLE SWITCHER 
+	============================================= -->
+	<div class="b-settings-panel">
+        <div class="settings-section">
+            <span>
+                Boxed 
+            </span>
+			<div class="b-switch">
+            <div class="switch-handle"></div>
+            </div>
+            <span>
+                Wide 
+            </span>
+        </div>
+		
+		<hr class="dashed" style="margin: 15px 0px;">
+		
+        <h5>Main Background</h5>
+        <div class="settings-section bg-list">
+            <div class="bg-wood_pattern"></div>
+            <div class="bg-shattered"></div>
+            <div class="bg-vichy"></div>
+            <div class="bg-random-grey-variations"></div>
+            <div class="bg-irongrip "></div>
+            <div class="bg-gplaypattern"></div>
+            <div class="bg-diamond_upholstery"></div>
+            <div class="bg-denim"></div>
+            <div class="bg-crissXcross"></div>
+            <div class="bg-climpek"></div>
+        </div>
+		
+		<hr class="dashed" style="margin: 15px 0px;">
+		
+        <h5>Color Scheme</h5>
+        <div class="settings-section color-list">
+			<div data-src="css/color-scheme/grass-green.css" style="background: #64be33"></div>
+			<div data-src="css/color-scheme/green.css" style="background: #2bba57"></div>
+            <div data-src="css/color-scheme/turquoise.css" style="background: #2eafbb"></div>
+            <div data-src="css/color-scheme/blue.css" style="background: #5489de"></div>
+            <div data-src="css/color-scheme/klein-blue.css" style="background: #4874cd"></div>
+            <div data-src="css/color-scheme/purple.css" style="background: #7e47da"></div>
+            <div data-src="css/color-scheme/pink.css" style="background: #ea5192"></div>
+            <div data-src="css/color-scheme/red.css" style="background: #e34735"></div>
+            <div data-src="css/color-scheme/orange.css" style="background: #ff6029"></div>
+        </div>
+        <div class="btn-settings"></div>
+    </div>
+	<!-- END STYLE SWITCHER 
+	============================================= -->
+<script src="js/menu-target.js"></script>
+
+</body>
+</html>

website/Boson/HTML/portfolio-4-columns.html

@@ -0,0 +1,555 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+	
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+		<script src="js/main2.js"></script>
+	<!-- Filtering -->
+	<script src="js/jquery.isotope.min.js"></script>
+	<script src="js/filter.js"></script>
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+</head>
+
+<body>
+
+<div class="main">
+
+	  
+            
+         <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Portfolio: 4 Columns</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Portfolio: 4 Columns</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<ul class="b-filter-list">
+				<li data-filter="*" class="active">All</li>
+				<li data-filter=".webdesign">Web Design</li>
+				<li data-filter=".photography">Photography</li>
+				<li data-filter=".identity">Identity</li>
+				<li data-filter=".tehnology">Tehnology</li>
+			</ul>
+			<div class="b-filter-select">
+				<div class="filter-current">
+					 All categories
+				</div>
+				<ul>
+					<li data-filter="*" class="active">All</li>
+					<li data-filter=".webdesign">Web Design</li>
+					<li data-filter=".photography">Photography</li>
+					<li data-filter=".identity">Identity</li>
+					<li data-filter=".tehnology">Tehnology</li>
+				</ul>
+			</div>
+			<div class="row m-block port b-works">
+				<div class="row-item col-md-3 identity photography tehnology">
+					<div class="work">
+						<a href="#" class="work-image">
+						<img src="img/port/smiling.jpg" alt="">
+						<div class="link-overlay icon-chevron-right">
+						</div>
+						</a>
+						<a href="#" class="work-name">Smiling</a>
+						<div class="tags">
+							Photography, Tehnology
+						</div>
+					</div>
+				</div>
+				<div class="row-item col-md-3 photography webdesign">
+					<div class="work">
+						<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/surfer.jpg" alt="">
+							<div class="link-overlay icon-search"></div>
+						</a>
+						<a href="#" class="work-name">Surfer</a>
+						<div class="tags">
+							Photography, Webdesign
+						</div>
+					</div>
+				</div>
+				<div class="row-item col-md-3 identity">
+					<div class="work">
+						<a href="http://vimeo.com/67500403" rel="prettyPhoto" class="work-image">
+						<img src="img/port/architecture.jpg" alt="">
+						<div class="link-overlay icon-play">
+						</div>
+						</a>
+						<a href="#" class="work-name">Architecture</a>
+						<div class="tags">
+							Identity
+						</div>
+					</div>
+				</div>							
+				<div class="row-item col-md-3 tehnology">
+					<div class="work">
+						<a href="img/port/yacht-sailing-big.jpg" rel="prettyPhoto" class="work-image">
+						<img src="img/port/yacht-sailing.jpg" alt="">
+						<div class="link-overlay icon-search">
+						</div>
+						</a>
+						<a href="#" class="work-name">Yacht Sailing</a>
+						<div class="tags">
+							Tehnology
+						</div>
+					</div>
+				</div>				
+				<div class="row-item col-md-3 photography webdesign identity">
+					<div class="work">
+						<a href="http://vimeo.com/67500403" rel="prettyPhoto" class="work-image">
+						<img src="img/port/golf.jpg" alt="">
+						<div class="link-overlay icon-play">
+						</div>
+						</a>
+						<a href="#" class="work-name">Golf</a>
+						<div class="tags">
+							Webdesign Identity
+						</div>
+					</div>
+				</div>				
+				<div class="row-item col-md-3 tehnology">
+					<div class="work">
+						<a href="#" rel="prettyPhoto" class="work-image">
+						<img src="img/port/spring-flowers.jpg" alt="">
+						<div class="link-overlay icon-chevron-right">
+						</div>
+						</a>
+						<a href="#" class="work-name">Spring Flowers</a>
+						<div class="tags">
+							Tehnology
+						</div>
+					</div>
+				</div>				
+				<div class="row-item col-md-3 photography tehnology identity">
+					<div class="work">
+						<a href="img/port/work-from-home-big.jpg" rel="prettyPhoto" class="work-image">
+						<img src="img/port/work-from-home.jpg" alt="">
+						<div class="link-overlay icon-search">
+						</div>
+						</a>
+						<a href="#" class="work-name">Work From Home</a>
+						<div class="tags">
+							Tehnology Identity
+						</div>
+					</div>
+				</div>				
+				<div class="row-item col-md-3 webdesign">
+					<div class="work">
+						<a href="#" rel="prettyPhoto" class="work-image">
+						<img src="img/port/music-night-club.jpg" alt="">
+						<div class="link-overlay icon-chevron-right">
+						</div>
+						</a>
+						<a href="#" class="work-name">Music Night Club</a>
+						<div class="tags">
+							Web Design
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+	
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+				
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						
+						<!-- Success Message -->
+						<div class="form-message">
+						</div>
+						
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+			
+				<!-- Copyright Text -->
+			<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+	
+</div>
+<!-- END MAIN 
+============================================= -->
+<script src="js/menu-target.js"></script>
+
+</body>
+</html>

website/Boson/HTML/portfolio-single-half-image.html

@@ -0,0 +1,538 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+	
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+</head>
+
+<body>
+
+<div class="main">
+
+		 
+	
+         <!-- HEADER 
+            ============================================= -->
+	<div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+	<!-- END HEADER 
+	============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Single Project: Half Image</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Single Project: Half Image</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-8">
+					<!-- Image -->
+					<div class="img-wrap margin-30">
+						<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+						<img src="img/port/surfer-big-3.jpg" alt="">
+						<div class="link-overlay icon-search">
+						</div>
+						</a>
+					</div>
+					<!-- End Image -->
+				</div>
+				<div class="row-item col-md-4">
+					<!-- Project Description -->
+					<div class="title">
+						<h4 class="lined">Project Description</h4>
+					</div>
+					<p>
+						 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim ornare nisi, vitae mattis nulla ante id dui.
+					</p>
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Description -->
+					<!-- Project Details -->
+					<div class="title">
+						<h4 class="lined">Project Details</h4>
+					</div>
+					<ul class="b-list">
+						<li><strong>Client: </strong>ThemeForest</li>
+						<li><strong>Date: </strong>June 27, 2013</li>
+						<li><strong>Tags: </strong>Logo, Web Design</li>
+					</ul>
+					<!-- Live Preview Button -->
+					<p>
+						<a href="#" class="btn colored">Live Preview<i class="icon-chevron-sign-right" style="margin: 0 0 0 7px;"></i></a>
+					</p>
+					<!-- End Live Preview Button -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Details -->
+				</div>
+			</div>
+			<div class="gap" style="height: 20px;">
+			</div>
+			<!-- Related Projects -->
+			<div class="title">
+				<h4 class="lined">Related Projects</h4>
+			</div>
+			<div class="row port b-works">
+				<!-- Project 1 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="#" class="work-image">
+							<img src="img/port/smiling.jpg" alt="">
+							<div class="link-overlay icon-chevron-right">
+							</div>
+						</a>
+						<a href="#" class="work-name">Smiling</a>
+						<div class="tags">
+							 Photography
+						</div>
+					</div>
+				</div>
+				<!-- End Project 1 -->
+				<!-- Project 2 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/surfer.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Surfer</a>
+						<div class="tags">
+							 Web Design
+						</div>
+					</div>
+				</div>
+				<!-- End Project 2 -->
+				<!-- Project 3 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="http://player.vimeo.com/video/67500403?badge=0" rel="prettyPhoto" class="work-image">
+							<img src="img/port/architecture.jpg" alt="">
+							<div class="link-overlay icon-play">
+							</div>
+						</a>
+						<a href="#" class="work-name">Architecture</a>
+						<div class="tags">
+							 Identity
+						</div>
+					</div>
+				</div>
+				<!-- End Project 3 -->
+				<!-- Project 4 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/yacht-sailing-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/yacht-sailing.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Yacht Sailing</a>
+						<div class="tags">
+							 Tehnology
+						</div>
+					</div>
+				</div>
+				<!-- End Project 4 -->
+			</div>
+			<!-- End Related Projects -->
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+	
+</div>
+<!-- END MAIN 
+============================================= -->
+
+<script src="js/menu-target.js"></script>
+
+
+</body>
+</html>

website/Boson/HTML/portfolio-single-half-slider.html

@@ -0,0 +1,538 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+	
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+</head>
+
+<body>
+
+<div class="main">
+
+		 
+	
+         <!-- HEADER 
+            ============================================= -->
+	<div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+	<!-- END HEADER 
+	============================================= -->
+
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Single Project: Half Slider</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Single Project: Half Slider</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-8">
+					<!-- Slider -->
+					<div class="b-carousel">
+						<div class="carousel-content">
+							<img class="carousel-item" src="img/port/yacht-sailing-big-3.jpg" alt="">
+							<img class="carousel-item" src="img/port/surfer-big-3.jpg" alt="">
+						</div>
+					</div>
+					<!-- End Slider -->
+				</div>
+				<div class="row-item col-md-4">
+					<!-- Project Description -->
+					<div class="title">
+						<h4 class="lined">Project Description</h4>
+					</div>
+					<p>
+						 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim ornare nisi, vitae mattis nulla ante id dui.
+					</p>
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Description -->
+					<!-- Project Details -->
+					<div class="title">
+						<h4 class="lined">Project Details</h4>
+					</div>
+					<ul class="b-list">
+						<li><strong>Client: </strong>ThemeForest</li>
+						<li><strong>Date: </strong>June 27, 2013</li>
+						<li><strong>Tags: </strong>Logo, Web Design</li>
+					</ul>
+					<!-- Live Preview Button -->
+					<p>
+						<a href="#" class="btn colored">Live Preview<i class="icon-chevron-sign-right" style="margin: 0 0 0 7px;"></i></a>
+					</p>
+					<!-- End Live Preview Button -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Details -->
+				</div>
+			</div>
+			<div class="gap" style="height: 20px;">
+			</div>
+			<!-- Related Projects -->
+			<div class="title">
+				<h4 class="lined">Related Projects</h4>
+			</div>
+			<div class="row port b-works">
+				<!-- Project 1 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="#" class="work-image">
+							<img src="img/port/smiling.jpg" alt="">
+							<div class="link-overlay icon-chevron-right">
+							</div>
+						</a>
+						<a href="#" class="work-name">Smiling</a>
+						<div class="tags">
+							 Photography
+						</div>
+					</div>
+				</div>
+				<!-- End Project 1 -->
+				<!-- Project 2 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/surfer.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Surfer</a>
+						<div class="tags">
+							 Web Design
+						</div>
+					</div>
+				</div>
+				<!-- End Project 2 -->
+				<!-- Project 3 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="http://player.vimeo.com/video/67500403?badge=0" rel="prettyPhoto" class="work-image">
+							<img src="img/port/architecture.jpg" alt="">
+							<div class="link-overlay icon-play">
+							</div>
+						</a>
+						<a href="#" class="work-name">Architecture</a>
+						<div class="tags">
+							 Identity
+						</div>
+					</div>
+				</div>
+				<!-- End Project 3 -->
+				<!-- Project 4 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/yacht-sailing-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/yacht-sailing.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Yacht Sailing</a>
+						<div class="tags">
+							 Tehnology
+						</div>
+					</div>
+				</div>
+				<!-- End Project 4 -->
+			</div>
+			<!-- End Related Projects -->
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message">
+						</div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+	
+</div>
+<!-- END MAIN 
+============================================= -->
+
+<script src="js/menu-target.js"></script>
+
+
+</body>
+</html>

website/Boson/HTML/portfolio-single-half-video.html

@@ -0,0 +1,536 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+	
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+</head>
+
+<body>
+
+<div class="main">
+
+	  
+            
+         <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Single Project: Half Video</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Single Project: Half Video</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content shortcodes">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-8">
+					<!-- Video -->
+					<div class="element-wrap video-wrap">
+						<iframe src="http://player.vimeo.com/video/67500403?badge=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
+						</iframe>
+					</div>
+					<!-- End Video -->
+				</div>
+				<div class="row-item col-md-4">
+					<!-- Project Description -->
+					<div class="title">
+						<h4 class="lined">Project Description</h4>
+					</div>
+					<p>
+						 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim ornare nisi, vitae mattis nulla ante id dui.
+					</p>
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Description -->
+					<!-- Project Details -->
+					<div class="title">
+						<h4 class="lined">Project Details</h4>
+					</div>
+					<ul class="b-list">
+						<li><strong>Client: </strong>ThemeForest</li>
+						<li><strong>Date: </strong>June 27, 2013</li>
+						<li><strong>Tags: </strong>Logo, Web Design</li>
+					</ul>
+					<!-- Live Preview Button -->
+					<p>
+						<a href="#" class="btn colored">Live Preview<i class="icon-chevron-sign-right" style="margin: 0 0 0 7px;"></i></a>
+					</p>
+					<!-- End Live Preview Button -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Details -->
+				</div>
+			</div>
+			<div class="gap" style="height: 20px;">
+			</div>
+			<!-- Related Projects -->
+			<div class="title">
+				<h4 class="lined">Related Projects</h4>
+			</div>
+			<div class="row port b-works">
+				<!-- Project 1 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="#" class="work-image">
+							<img src="img/port/smiling.jpg" alt="">
+							<div class="link-overlay icon-chevron-right">
+							</div>
+						</a>
+						<a href="#" class="work-name">Smiling</a>
+						<div class="tags">
+							 Photography
+						</div>
+					</div>
+				</div>
+				<!-- End Project 1 -->
+				<!-- Project 2 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/surfer.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Surfer</a>
+						<div class="tags">
+							 Web Design
+						</div>
+					</div>
+				</div>
+				<!-- End Project 2 -->
+				<!-- Project 3 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="http://player.vimeo.com/video/67500403?badge=0" rel="prettyPhoto" class="work-image">
+							<img src="img/port/architecture.jpg" alt="">
+							<div class="link-overlay icon-play">
+							</div>
+						</a>
+						<a href="#" class="work-name">Architecture</a>
+						<div class="tags">
+							 Identity
+						</div>
+					</div>
+				</div>
+				<!-- End Project 3 -->
+				<!-- Project 4 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/yacht-sailing-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/yacht-sailing.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Yacht Sailing</a>
+						<div class="tags">
+							 Tehnology
+						</div>
+					</div>
+				</div>
+				<!-- End Project 4 -->
+			</div>
+			<!-- End Related Projects -->
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message">
+						</div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+<script src="js/menu-target.js"></script>
+
+
+</body>
+</html>

website/Boson/HTML/portfolio-single-image.html

@@ -0,0 +1,538 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+	
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+		<script src="js/main2.js"></script>
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+</head>
+
+<body>
+
+<div class="main">
+
+		 
+	
+         <!-- HEADER 
+            ============================================= -->
+	<div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+	<!-- END HEADER 
+	============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Single Project: Half Image</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Single Project: Half Image</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-8">
+					<!-- Image -->
+					<div class="img-wrap margin-30">
+						<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+						<img src="img/port/surfer-big-3.jpg" alt="">
+						<div class="link-overlay icon-search">
+						</div>
+						</a>
+					</div>
+					<!-- End Image -->
+				</div>
+				<div class="row-item col-md-4">
+					<!-- Project Description -->
+					<div class="title">
+						<h4 class="lined">Project Description</h4>
+					</div>
+					<p>
+						 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim ornare nisi, vitae mattis nulla ante id dui.
+					</p>
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Description -->
+					<!-- Project Details -->
+					<div class="title">
+						<h4 class="lined">Project Details</h4>
+					</div>
+					<ul class="b-list">
+						<li><strong>Client: </strong>ThemeForest</li>
+						<li><strong>Date: </strong>June 27, 2013</li>
+						<li><strong>Tags: </strong>Logo, Web Design</li>
+					</ul>
+					<!-- Live Preview Button -->
+					<p>
+						<a href="#" class="btn colored">Live Preview<i class="icon-chevron-sign-right" style="margin: 0 0 0 7px;"></i></a>
+					</p>
+					<!-- End Live Preview Button -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Details -->
+				</div>
+			</div>
+			<div class="gap" style="height: 20px;">
+			</div>
+			<!-- Related Projects -->
+			<div class="title">
+				<h4 class="lined">Related Projects</h4>
+			</div>
+			<div class="row port b-works">
+				<!-- Project 1 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="#" class="work-image">
+							<img src="img/port/smiling.jpg" alt="">
+							<div class="link-overlay icon-chevron-right">
+							</div>
+						</a>
+						<a href="#" class="work-name">Smiling</a>
+						<div class="tags">
+							 Photography
+						</div>
+					</div>
+				</div>
+				<!-- End Project 1 -->
+				<!-- Project 2 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/surfer.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Surfer</a>
+						<div class="tags">
+							 Web Design
+						</div>
+					</div>
+				</div>
+				<!-- End Project 2 -->
+				<!-- Project 3 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="http://player.vimeo.com/video/67500403?badge=0" rel="prettyPhoto" class="work-image">
+							<img src="img/port/architecture.jpg" alt="">
+							<div class="link-overlay icon-play">
+							</div>
+						</a>
+						<a href="#" class="work-name">Architecture</a>
+						<div class="tags">
+							 Identity
+						</div>
+					</div>
+				</div>
+				<!-- End Project 3 -->
+				<!-- Project 4 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/yacht-sailing-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/yacht-sailing.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Yacht Sailing</a>
+						<div class="tags">
+							 Tehnology
+						</div>
+					</div>
+				</div>
+				<!-- End Project 4 -->
+			</div>
+			<!-- End Related Projects -->
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+	
+</div>
+<!-- END MAIN 
+============================================= -->
+
+<script src="js/menu-target.js"></script>
+
+
+</body>
+</html>

website/Boson/HTML/portfolio-single-slider.html

@@ -0,0 +1,537 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+	
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+</head>
+
+<body>
+
+<div class="main">
+
+	  
+            
+         <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Single Project: Single slider</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Single Project: Single slider</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content shortcodes">
+		<div class="container layout">
+			<!-- Image -->
+			<div class="img-wrap margin-30">
+				<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+				<img src="img/port/surfer-big-2.jpg" alt="">
+				<div class="link-overlay icon-search">
+				</div>
+				</a>
+			</div>
+			<!-- End Image -->
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Project Description -->
+					<div class="title">
+						<h4 class="lined">Project Description</h4>
+					</div>
+					<p>
+						 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim ornare nisi, vitae mattis nulla ante id dui. Ut lectus purus, commodo et tincidunt vel, interdum sed lectus. Vestibulum adipiscing tempor nisi id elementu sadips ipsums dolores uns fugiats gravida nam elit vols nulla dolores amet untras sitsers.
+					</p>
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Description -->
+				</div>
+				<div class="row-item col-md-3">
+					<!-- Project Details -->
+					<div class="title">
+						<h4 class="lined">Project Details</h4>
+					</div>
+					<ul class="b-list">
+						<li><strong>Client: </strong>ThemeForest</li>
+						<li><strong>Date: </strong>June 27, 2013</li>
+						<li><strong>Tags: </strong>Logo, Web Design</li>
+					</ul>
+					<!-- Live Preview Button -->
+					<p>
+						<a href="#" class="btn colored">Live Preview<i class="icon-chevron-sign-right" style="margin: 0 0 0 7px;"></i></a>
+					</p>
+					<!-- End Live Preview Button -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Details -->
+				</div>
+			</div>
+			<div class="gap" style="height: 20px;">
+			</div>
+			<!-- Related Projects -->
+			<div class="title">
+				<h4 class="lined">Related Projects</h4>
+			</div>
+			<div class="row port b-works">
+				<!-- Project 1 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="#" class="work-image">
+							<img src="img/port/smiling.jpg" alt="">
+							<div class="link-overlay icon-chevron-right">
+							</div>
+						</a>
+						<a href="#" class="work-name">Smiling</a>
+						<div class="tags">
+							 Photography
+						</div>
+					</div>
+				</div>
+				<!-- End Project 1 -->
+				<!-- Project 2 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/surfer.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Surfer</a>
+						<div class="tags">
+							 Web Design
+						</div>
+					</div>
+				</div>
+				<!-- End Project 2 -->
+				<!-- Project 3 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="http://player.vimeo.com/video/67500403?badge=0" rel="prettyPhoto" class="work-image">
+							<img src="img/port/architecture.jpg" alt="">
+							<div class="link-overlay icon-play">
+							</div>
+						</a>
+						<a href="#" class="work-name">Architecture</a>
+						<div class="tags">
+							 Identity
+						</div>
+					</div>
+				</div>
+				<!-- End Project 3 -->
+				<!-- Project 4 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/yacht-sailing-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/yacht-sailing.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Yacht Sailing</a>
+						<div class="tags">
+							 Tehnology
+						</div>
+					</div>
+				</div>
+				<!-- End Project 4 -->
+			</div>
+			<!-- End Related Projects -->
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message">
+						</div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+	
+</div>
+<!-- END MAIN 
+============================================= -->
+<script src="js/menu-target.js"></script>
+
+</body>
+</html>

website/Boson/HTML/portfolio-single-wide-image.html

@@ -0,0 +1,537 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+	
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+</head>
+
+<body>
+
+<div class="main">
+
+	  
+            
+         <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Single Project: Wide Image</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Single Project: Wide Image</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content shortcodes">
+		<div class="container layout">
+			<!-- Image -->
+			<div class="img-wrap margin-30">
+				<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+				<img src="img/port/surfer-big-2.jpg" alt="">
+				<div class="link-overlay icon-search">
+				</div>
+				</a>
+			</div>
+			<!-- End Image -->
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Project Description -->
+					<div class="title">
+						<h4 class="lined">Project Description</h4>
+					</div>
+					<p>
+						 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim ornare nisi, vitae mattis nulla ante id dui. Ut lectus purus, commodo et tincidunt vel, interdum sed lectus. Vestibulum adipiscing tempor nisi id elementu sadips ipsums dolores uns fugiats gravida nam elit vols nulla dolores amet untras sitsers.
+					</p>
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Description -->
+				</div>
+				<div class="row-item col-md-3">
+					<!-- Project Details -->
+					<div class="title">
+						<h4 class="lined">Project Details</h4>
+					</div>
+					<ul class="b-list">
+						<li><strong>Client: </strong>ThemeForest</li>
+						<li><strong>Date: </strong>June 27, 2013</li>
+						<li><strong>Tags: </strong>Logo, Web Design</li>
+					</ul>
+					<!-- Live Preview Button -->
+					<p>
+						<a href="#" class="btn colored">Live Preview<i class="icon-chevron-sign-right" style="margin: 0 0 0 7px;"></i></a>
+					</p>
+					<!-- End Live Preview Button -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Details -->
+				</div>
+			</div>
+			<div class="gap" style="height: 20px;">
+			</div>
+			<!-- Related Projects -->
+			<div class="title">
+				<h4 class="lined">Related Projects</h4>
+			</div>
+			<div class="row port b-works">
+				<!-- Project 1 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="#" class="work-image">
+							<img src="img/port/smiling.jpg" alt="">
+							<div class="link-overlay icon-chevron-right">
+							</div>
+						</a>
+						<a href="#" class="work-name">Smiling</a>
+						<div class="tags">
+							 Photography
+						</div>
+					</div>
+				</div>
+				<!-- End Project 1 -->
+				<!-- Project 2 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/surfer.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Surfer</a>
+						<div class="tags">
+							 Web Design
+						</div>
+					</div>
+				</div>
+				<!-- End Project 2 -->
+				<!-- Project 3 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="http://player.vimeo.com/video/67500403?badge=0" rel="prettyPhoto" class="work-image">
+							<img src="img/port/architecture.jpg" alt="">
+							<div class="link-overlay icon-play">
+							</div>
+						</a>
+						<a href="#" class="work-name">Architecture</a>
+						<div class="tags">
+							 Identity
+						</div>
+					</div>
+				</div>
+				<!-- End Project 3 -->
+				<!-- Project 4 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/yacht-sailing-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/yacht-sailing.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Yacht Sailing</a>
+						<div class="tags">
+							 Tehnology
+						</div>
+					</div>
+				</div>
+				<!-- End Project 4 -->
+			</div>
+			<!-- End Related Projects -->
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message">
+						</div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+	
+</div>
+<!-- END MAIN 
+============================================= -->
+<script src="js/menu-target.js"></script>
+
+</body>
+</html>

website/Boson/HTML/portfolio-single-wide-slider.html

@@ -0,0 +1,535 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+	
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+</head>
+
+<body>
+
+<div class="main">
+	  
+            
+         <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Single Project: Wide Slider</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Single Project: Wide Slider</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content shortcodes">
+		<div class="container layout">
+			<!-- Slider -->
+			<div class="b-carousel">
+				<div class="carousel-content">
+					<img class="carousel-item" src="img/port/yacht-sailing-big-2.jpg" alt="">
+					<img class="carousel-item" src="img/port/surfer-big-2.jpg" alt="">
+				</div>
+			</div>
+			<!-- End Slider -->
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Project Description -->
+					<div class="title">
+						<h4 class="lined">Project Description</h4>
+					</div>
+					<p>
+						 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim ornare nisi, vitae mattis nulla ante id dui. Ut lectus purus, commodo et tincidunt vel, interdum sed lectus. Vestibulum adipiscing tempor nisi id elementu sadips ipsums dolores uns fugiats gravida nam elit vols nulla dolores amet untras sitsers.
+					</p>
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Description -->
+				</div>
+				<div class="row-item col-md-3">
+					<!-- Project Details -->
+					<div class="title">
+						<h4 class="lined">Project Details</h4>
+					</div>
+					<ul class="b-list">
+						<li><strong>Client: </strong>ThemeForest</li>
+						<li><strong>Date: </strong>June 27, 2013</li>
+						<li><strong>Tags: </strong>Logo, Web Design</li>
+					</ul>
+					<!-- Live Preview Button -->
+					<p>
+						<a href="#" class="btn colored">Live Preview<i class="icon-chevron-sign-right" style="margin: 0 0 0 7px;"></i></a>
+					</p>
+					<!-- End Live Preview Button -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Details -->
+				</div>
+			</div>
+			<div class="gap" style="height: 20px;">
+			</div>
+			<!-- Related Projects -->
+			<div class="title">
+				<h4 class="lined">Related Projects</h4>
+			</div>
+			<div class="row port b-works">
+				<!-- Project 1 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="#" class="work-image">
+							<img src="img/port/smiling.jpg" alt="">
+							<div class="link-overlay icon-chevron-right">
+							</div>
+						</a>
+						<a href="#" class="work-name">Smiling</a>
+						<div class="tags">
+							 Photography
+						</div>
+					</div>
+				</div>
+				<!-- End Project 1 -->
+				<!-- Project 2 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/surfer.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Surfer</a>
+						<div class="tags">
+							 Web Design
+						</div>
+					</div>
+				</div>
+				<!-- End Project 2 -->
+				<!-- Project 3 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="http://player.vimeo.com/video/67500403?badge=0" rel="prettyPhoto" class="work-image">
+							<img src="img/port/architecture.jpg" alt="">
+							<div class="link-overlay icon-play">
+							</div>
+						</a>
+						<a href="#" class="work-name">Architecture</a>
+						<div class="tags">
+							 Identity
+						</div>
+					</div>
+				</div>
+				<!-- End Project 3 -->
+				<!-- Project 4 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/yacht-sailing-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/yacht-sailing.jpg" alt="">
+							<div class="link-overlay icon-search">
+							</div>
+						</a>
+						<a href="#" class="work-name">Yacht Sailing</a>
+						<div class="tags">
+							 Tehnology
+						</div>
+					</div>
+				</div>
+				<!-- End Project 4 -->
+			</div>
+			<!-- End Related Projects -->
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message">
+						</div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+	
+</div>
+<!-- END MAIN 
+============================================= -->
+<script src="js/menu-target.js"></script>
+
+</body>
+</html>

website/Boson/HTML/portfolio-single-wide-video.html

@@ -0,0 +1,530 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+	
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+</head>
+
+<body>
+
+<div class="main">
+
+	  
+            
+         <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Single Project: Wide Video</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Single Project: Wide Video</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<!-- Video -->
+			<div class="element-wrap video-wrap">
+				<iframe src="http://player.vimeo.com/video/67500403?badge=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
+				</iframe>
+			</div>
+			<!-- End Video -->
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Project Description -->
+					<div class="title">
+						<h4 class="lined">Project Description</h4>
+					</div>
+					<p>
+						 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim ornare nisi, vitae mattis nulla ante id dui. Ut lectus purus, commodo et tincidunt vel, interdum sed lectus. Vestibulum adipiscing tempor nisi id elementu sadips ipsums dolores uns fugiats gravida nam elit vols nulla dolores amet untras sitsers.
+					</p>
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Description -->
+				</div>
+				<div class="row-item col-md-3">
+					<!-- Project Details -->
+					<div class="title">
+						<h4 class="lined">Project Details</h4>
+					</div>
+					<ul class="b-list">
+						<li><strong>Client: </strong>ThemeForest</li>
+						<li><strong>Date: </strong>June 27, 2013</li>
+						<li><strong>Tags: </strong>Logo, Web Design</li>
+					</ul>
+					<!-- Live Preview Button -->
+					<p>
+						<a href="#" class="btn colored">Live Preview<i class="icon-chevron-sign-right" style="margin: 0 0 0 7px;"></i></a>
+					</p>
+					<!-- End Live Preview Button -->
+					<div class="gap" style="height: 10px;">
+					</div>
+					<!-- End Project Details -->
+				</div>
+			</div>
+
+			<div class="gap" style="height: 20px;"></div>
+
+			<!-- Related Projects -->
+			<div class="title">
+				<h4 class="lined">Related Projects</h4>
+			</div>
+			<div class="row port b-works">
+				<!-- Project 1 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="#" class="work-image">
+							<img src="img/port/smiling.jpg" alt="">
+							<div class="link-overlay icon-chevron-right"></div>
+						</a>
+						<a href="#" class="work-name">Smiling</a>
+						<div class="tags">
+							 Photography
+						</div>
+					</div>
+				</div>
+				<!-- End Project 1 -->
+				<!-- Project 2 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/surfer.jpg" alt="">
+							<div class="link-overlay icon-search"></div>
+						</a>
+						<a href="#" class="work-name">Surfer</a>
+						<div class="tags">
+							 Web Design
+						</div>
+					</div>
+				</div>
+				<!-- End Project 2 -->
+				<!-- Project 3 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="http://player.vimeo.com/video/67500403?badge=0" rel="prettyPhoto" class="work-image">
+							<img src="img/port/architecture.jpg" alt="">
+							<div class="link-overlay icon-play"></div>
+						</a>
+						<a href="#" class="work-name">Architecture</a>
+						<div class="tags">
+							 Identity
+						</div>
+					</div>
+				</div>
+				<!-- End Project 3 -->
+				<!-- Project 4 -->
+				<div class="row-item col-md-3">
+					<div class="work">
+						<a href="img/port/yacht-sailing-big.jpg" rel="prettyPhoto" class="work-image">
+							<img src="img/port/yacht-sailing.jpg" alt="">
+							<div class="link-overlay icon-search"></div>
+						</a>
+						<a href="#" class="work-name">Yacht Sailing</a>
+						<div class="tags">
+							 Tehnology
+						</div>
+					</div>
+				</div>
+				<!-- End Project 4 -->
+			</div>
+			<!-- End Related Projects -->
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+	
+</div>
+<!-- END MAIN 
+============================================= -->
+<script src="js/menu-target.js"></script>
+
+</body>
+</html>

website/Boson/HTML/pricing-elements.html

@@ -0,0 +1,853 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+	<!-- extra CSS for new pages -->
+	<link rel="stylesheet" href="css/custom.css">
+	
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+</head>
+
+<body>
+
+<div class="main">
+
+  
+            
+         <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+    
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Full Width Page</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Full Width Page</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content shortcodes">
+		<div class="container layout">
+			
+			<h3 class="lined margin-20">Pricing Tables. Variation 1.</h3>
+			
+			<div class="row m-tariff-row">
+				
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff">
+						<div class="tariff-head">
+							<div class="tariff-title">Starter</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">25</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Sed ut perspiciatis unde omnis iste natus.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="light strong">Free</mark> Setup</li>
+							<li><mark class="light strong">Unlimited</mark> Bandwidth</li>
+							<li><mark class="light strong">50</mark> Products</li>
+							<li><mark class="light strong">1 GB</mark> File Storage</li>
+							<li><mark class="light strong">3%</mark> Transaction Fee</li>
+							<li>24/7 Support</li>
+						</ul>
+
+						<a class="btn colored tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff m-popular">
+						<div class="popular-title"><i class="icon-thumbs-up"></i>Most Popular</div>
+
+						<div class="tariff-head">
+							<div class="tariff-title">Basic</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">50</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Nemo enim ipsam voluptatem quia voluptas.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="light strong">Free</mark> Setup</li>
+							<li><mark class="light strong">Unlimited</mark> Bandwidth</li>
+							<li><mark class="light strong">150</mark> Products</li>
+							<li><mark class="light strong">3 GB</mark> File Storage</li>
+							<li><mark class="light strong">2%</mark> Transaction Fee</li>
+							<li>24/7 Support</li>
+						</ul>
+
+						<a class="btn colored tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff">
+						<div class="tariff-head">
+							<div class="tariff-title">Professional</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">75</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Neque porro quisquam est, qui dolorem ipsum.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="light strong">Free</mark> Setup</li>
+							<li><mark class="light strong">Unlimited</mark> Bandwidth</li>
+							<li><mark class="light strong">250</mark> Products</li>
+							<li><mark class="light strong">5 GB</mark> File Storage</li>
+							<li><mark class="light strong">1,8%</mark> Transaction Fee</li>
+							<li>24/7 Support</li>
+						</ul>
+
+						<a class="btn colored tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff">
+						<div class="tariff-head">
+							<div class="tariff-title">Unlimited</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">150</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Quis autem vel eum iure reprehenderit qui.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="light strong">Free</mark> Setup</li>
+							<li><mark class="light strong">Unlimited</mark> Bandwidth</li>
+							<li><mark class="light strong">Unlimited</mark> Products</li>
+							<li><mark class="light strong">Unlimited</mark> File Storage</li>
+							<li><mark class="light strong">No</mark> Transaction Fee</li>
+							<li>24/7 Support</li>
+						</ul>
+
+						<a class="btn colored tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+			</div>
+			
+			<div class="gap" style="height: 30px;">
+			</div>
+			
+			<h3 class="lined margin-20">Pricing Tables. Variation 2.</h3>
+			
+			<div class="row m-tariff-row">
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff">
+						<div class="tariff-head">
+							<div class="tariff-title">Starter</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">25</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Sed ut perspiciatis unde omnis iste natus.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="green strong">FREE</mark> Setup</li>
+							<li><i class="icon-user" style="color: #73ca3f;"></i> 3 Active Users</li>
+							<li><i class="icon-plus" style="color: #73ca3f;"></i> Additional User is $5/mo</li>
+							<li><i class="icon-lock" style="color: #73ca3f;"></i> Unlimited Questions</li>
+							<li><i class="icon-ok" style="color: #73ca3f;"></i> Full Data Security</li>
+						</ul>
+
+						<a class="btn green tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff m-popular">
+						<div class="popular-title m-turquoise">Most Popular</div>
+
+						<div class="tariff-head">
+							<div class="tariff-title">Basic</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">50</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Nemo enim ipsam voluptatem quia voluptas.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="green strong">FREE</mark> Setup</li>
+							<li><i class="icon-user" style="color: #73ca3f;"></i> 3 Active Users</li>
+							<li><i class="icon-plus" style="color: #73ca3f;"></i> Additional User is $5/mo</li>
+							<li><i class="icon-lock" style="color: #73ca3f;"></i> Unlimited Questions</li>
+							<li><i class="icon-ok" style="color: #73ca3f;"></i> Full Data Security</li>
+						</ul>
+
+						<a class="btn turquoise tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff">
+						<div class="tariff-head">
+							<div class="tariff-title">Professional</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">75</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Neque porro quisquam est, qui dolorem ipsum.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="green strong">FREE</mark> Setup</li>
+							<li><i class="icon-user" style="color: #73ca3f;"></i> 3 Active Users</li>
+							<li><i class="icon-plus" style="color: #73ca3f;"></i> Additional User is $5/mo</li>
+							<li><i class="icon-lock" style="color: #73ca3f;"></i> Unlimited Questions</li>
+							<li><i class="icon-ok" style="color: #73ca3f;"></i> Full Data Security</li>
+						</ul>
+
+						<a class="btn blue tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff">
+						<div class="tariff-head">
+							<div class="tariff-title">Unlimited</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">150</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Quis autem vel eum iure reprehenderit qui.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="green strong">FREE</mark> Setup</li>
+							<li><i class="icon-user" style="color: #73ca3f;"></i> 3 Active Users</li>
+							<li><i class="icon-plus" style="color: #73ca3f;"></i> Additional User is $5/mo</li>
+							<li><i class="icon-lock" style="color: #73ca3f;"></i> Unlimited Questions</li>
+							<li><i class="icon-ok" style="color: #73ca3f;"></i> Full Data Security</li>
+						</ul>
+
+						<a class="btn purple tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+			</div>
+			
+			<div class="gap" style="height: 30px;">
+			</div>
+			
+			<h3 class="lined margin-20">"Most Popular" Variations.</h3>
+			
+			<div class="row m-tariff-row">
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff m-popular">
+						<div class="popular-title m-green">Most Popular</div>
+						
+						<div class="tariff-head">
+							<div class="tariff-title">Starter</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">25</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Sed ut perspiciatis unde omnis iste natus.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li>At vero eos et accusamus et iusto <strong>odio dignissimos ducimus qui blanditiis</strong> praesentium voluptatum deleniti atque corrupti quos dolores.</li>
+						</ul>
+
+						<a class="btn green tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff m-popular">
+						<div class="popular-title m-turquoise">Most Popular</div>
+
+						<div class="tariff-head">
+							<div class="tariff-title">Basic</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">50</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Nemo enim ipsam voluptatem quia voluptas.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li>At vero eos et accusamus et iusto <strong>odio dignissimos ducimus qui blanditiis</strong> praesentium voluptatum deleniti atque corrupti quos dolores.</li>
+						</ul>
+
+						<a class="btn turquoise tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff m-popular">
+						<div class="popular-title m-blue">Most Popular</div>
+						
+						<div class="tariff-head">
+							<div class="tariff-title">Professional</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">75</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Neque porro quisquam est, qui dolorem ipsum.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li>At vero eos et accusamus et iusto <strong>odio dignissimos ducimus qui blanditiis</strong> praesentium voluptatum deleniti atque corrupti quos dolores.</li>
+						</ul>
+
+						<a class="btn blue tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff m-popular">
+						<div class="popular-title m-purple">Most Popular</div>
+						
+						<div class="tariff-head">
+							<div class="tariff-title">Unlimited</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">150</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Quis autem vel eum iure reprehenderit qui.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li>At vero eos et accusamus et iusto <strong>odio dignissimos ducimus qui blanditiis</strong> praesentium voluptatum deleniti atque corrupti quos dolores.</li>
+						</ul>
+
+						<a class="btn purple tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff m-popular">
+						<div class="popular-title m-pink">Most Popular</div>
+						
+						<div class="tariff-head">
+							<div class="tariff-title">Starter</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">25</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Sed ut perspiciatis unde omnis iste natus.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li>At vero eos et accusamus et iusto <strong>odio dignissimos ducimus qui blanditiis</strong> praesentium voluptatum deleniti atque corrupti quos dolores.</li>
+						</ul>
+
+						<a class="btn pink tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff m-popular">
+						<div class="popular-title m-red">Most Popular</div>
+
+						<div class="tariff-head">
+							<div class="tariff-title">Basic</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">50</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Nemo enim ipsam voluptatem quia voluptas.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li>At vero eos et accusamus et iusto <strong>odio dignissimos ducimus qui blanditiis</strong> praesentium voluptatum deleniti atque corrupti quos dolores.</li>
+						</ul>
+
+						<a class="btn red tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff m-popular">
+						<div class="popular-title m-orange">Most Popular</div>
+						
+						<div class="tariff-head">
+							<div class="tariff-title">Professional</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">75</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Neque porro quisquam est, qui dolorem ipsum.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li>At vero eos et accusamus et iusto <strong>odio dignissimos ducimus qui blanditiis</strong> praesentium voluptatum deleniti atque corrupti quos dolores.</li>
+						</ul>
+
+						<a class="btn orange tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff m-popular">
+						<div class="popular-title m-yellow">Most Popular</div>
+						
+						<div class="tariff-head">
+							<div class="tariff-title">Unlimited</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">150</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Quis autem vel eum iure reprehenderit qui.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li>At vero eos et accusamus et iusto <strong>odio dignissimos ducimus qui blanditiis</strong> praesentium voluptatum deleniti atque corrupti quos dolores.</li>
+						</ul>
+
+						<a class="btn yellow tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+	
+</div>
+<!-- END MAIN 
+============================================= -->
+<!-- jQuery -->
+
+		<script src="js/menu-target.js"></script>
+
+</body>
+</html>

website/Boson/HTML/pricing.html

@@ -0,0 +1,617 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+	
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+<script src="js/main2.js"></script>
+</head>
+
+<body>
+
+<div class="main">
+  
+            
+         <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Full Width Page</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Full Width Page</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content shortcodes">
+		<div class="container layout">
+			
+			<h3 class="lined margin-20">Pricing Tables. Variation 1.</h3>
+			
+			<div class="row m-tariff-row">
+				
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff">
+						<div class="tariff-head">
+							<div class="tariff-title">Starter</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">25</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Sed ut perspiciatis unde omnis iste natus.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="light strong">Free</mark> Setup</li>
+							<li><mark class="light strong">Unlimited</mark> Bandwidth</li>
+							<li><mark class="light strong">50</mark> Products</li>
+							<li><mark class="light strong">1 GB</mark> File Storage</li>
+							<li><mark class="light strong">3%</mark> Transaction Fee</li>
+							<li>24/7 Support</li>
+						</ul>
+
+						<a class="btn colored tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff m-popular">
+						<div class="popular-title"><i class="icon-thumbs-up"></i>Most Popular</div>
+
+						<div class="tariff-head">
+							<div class="tariff-title">Basic</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">50</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Nemo enim ipsam voluptatem quia voluptas.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="light strong">Free</mark> Setup</li>
+							<li><mark class="light strong">Unlimited</mark> Bandwidth</li>
+							<li><mark class="light strong">150</mark> Products</li>
+							<li><mark class="light strong">3 GB</mark> File Storage</li>
+							<li><mark class="light strong">2%</mark> Transaction Fee</li>
+							<li>24/7 Support</li>
+						</ul>
+
+						<a class="btn colored tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff">
+						<div class="tariff-head">
+							<div class="tariff-title">Professional</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">75</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Neque porro quisquam est, qui dolorem ipsum.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="light strong">Free</mark> Setup</li>
+							<li><mark class="light strong">Unlimited</mark> Bandwidth</li>
+							<li><mark class="light strong">250</mark> Products</li>
+							<li><mark class="light strong">5 GB</mark> File Storage</li>
+							<li><mark class="light strong">1,8%</mark> Transaction Fee</li>
+							<li>24/7 Support</li>
+						</ul>
+
+						<a class="btn colored tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-3">
+					
+					<div class="b-tariff">
+						<div class="tariff-head">
+							<div class="tariff-title">Unlimited</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">150</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Quis autem vel eum iure reprehenderit qui.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="light strong">Free</mark> Setup</li>
+							<li><mark class="light strong">Unlimited</mark> Bandwidth</li>
+							<li><mark class="light strong">Unlimited</mark> Products</li>
+							<li><mark class="light strong">Unlimited</mark> File Storage</li>
+							<li><mark class="light strong">No</mark> Transaction Fee</li>
+							<li>24/7 Support</li>
+						</ul>
+
+						<a class="btn colored tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+			</div>
+			
+			<div class="gap" style="height: 30px;">
+			</div>
+			
+			<h3 class="lined margin-20">Pricing Tables. Variation 2.</h3>
+			
+			<div class="row m-tariff-row">
+				<div class="row-item col-md-4">
+					
+					<div class="b-tariff">
+						<div class="tariff-head">
+							<div class="tariff-title">Starter</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">25</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Sed ut perspiciatis unde omnis iste natus.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="green strong">FREE</mark> Setup</li>
+							<li><i class="icon-user" style="color: #73ca3f;"></i> 3 Active Users</li>
+							<li><i class="icon-plus" style="color: #73ca3f;"></i> Additional User is $5/mo</li>
+							<li><i class="icon-lock" style="color: #73ca3f;"></i> Unlimited Questions</li>
+							<li><i class="icon-ok" style="color: #73ca3f;"></i> Full Data Security</li>
+						</ul>
+
+						<a class="btn green tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-4">
+					
+					<div class="b-tariff m-popular">
+						<div class="popular-title m-turquoise">Most Popular</div>
+
+						<div class="tariff-head">
+							<div class="tariff-title">Basic</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">50</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Nemo enim ipsam voluptatem quia voluptas.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="green strong">FREE</mark> Setup</li>
+							<li><i class="icon-user" style="color: #73ca3f;"></i> 3 Active Users</li>
+							<li><i class="icon-plus" style="color: #73ca3f;"></i> Additional User is $5/mo</li>
+							<li><i class="icon-lock" style="color: #73ca3f;"></i> Unlimited Questions</li>
+							<li><i class="icon-ok" style="color: #73ca3f;"></i> Full Data Security</li>
+						</ul>
+
+						<a class="btn turquoise tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+				<div class="row-item col-md-4">
+					
+					<div class="b-tariff">
+						<div class="tariff-head">
+							<div class="tariff-title">Professional</div>
+
+							<div class="tariff-price">
+								<span class="tariff-cy">$</span>
+								<span class="tariff-cost">75</span>
+								<span class="tariff-period">/mo</span>
+							</div>
+
+							<p class="tariff-description">Neque porro quisquam est, qui dolorem ipsum.</p>
+						</div>
+						<ul class="tariff-meta">
+							<li><mark class="green strong">FREE</mark> Setup</li>
+							<li><i class="icon-user" style="color: #73ca3f;"></i> 3 Active Users</li>
+							<li><i class="icon-plus" style="color: #73ca3f;"></i> Additional User is $5/mo</li>
+							<li><i class="icon-lock" style="color: #73ca3f;"></i> Unlimited Questions</li>
+							<li><i class="icon-ok" style="color: #73ca3f;"></i> Full Data Security</li>
+						</ul>
+
+						<a class="btn blue tariff-btn" href="#">Start Now!</a>
+					</div>
+
+				</div>
+			</div>
+			
+			<div class="gap" style="height: 30px;">
+			</div>
+
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+	
+</div>
+<!-- END MAIN 
+============================================= -->
+
+		<script src="js/menu-target.js"></script>
+
+
+</body>
+</html>

website/Boson/HTML/rev-s-carousel-classic.html

@@ -0,0 +1,778 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+ <div class="main">
+
+	
+
+       
+           <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+                        <div id="rev_slider_2_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="classic-carousel2" style="margin:0px auto;background-color:#ffffff;padding:0px;margin-top:0px;margin-bottom:0px;">
+
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_2_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-6" data-transition="zoomout" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="plugins/rs-plugin/assets/images/datcolor-60x60.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Intro" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/datcolor.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0" id="slide-6-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['70','70','70','45']" data-lineheight="['70','70','70','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; white-space: nowrap;">I'M OLDSCHOOL
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0" id="slide-6-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['52','52','52','51']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;">BUT STILL QUITE COOL.
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-0" id="slide-6-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-68','-68','-68','-68']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:default;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="2000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;"><i class="pe-7s-refresh"></i>
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-7" data-transition="fadetotopfadefrombottom" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/touchit-60x60.jpg" data-rotate="0" data-saveperformance="off" data-title="Parallax" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/touchit.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-3" id="slide-7-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['70','70','70','45']" data-lineheight="['70','70','70','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; white-space: nowrap;">MOUSE PARALLAX
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-2" id="slide-7-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['52','52','52','51']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;">AIN'T THAT NICE?
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-1" id="slide-7-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-68','-68','-68','-68']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:default;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="2000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;"><i class="pe-7s-mouse"></i>
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-8" id="slide-7-layer-10" data-x="['left','left','left','left']" data-hoffset="['680','680','680','680']" data-y="['top','top','top','top']" data-voffset="['632','632','632','632']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:1000;s:1000;" data-start="2000" data-responsive_offset="on" style="z-index: 8;">
+                                            <div class="rs-looped rs-pendulum" data-easing="linearEaseNone" data-startdeg="-20" data-enddeg="360" data-speed="35" data-origin="50% 50%"><img src="plugins/rs-plugin/assets/images/blurflake4.png" alt="" width="240" height="240" data-ww="['240px','240px','240px','240px']" data-hh="['240px','240px','240px','240px']" data-no-retina>
+                                            </div>
+                                        </div>
+
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-7" id="slide-7-layer-11" data-x="['left','left','left','left']" data-hoffset="['948','948','948','948']" data-y="['top','top','top','top']" data-voffset="['487','487','487','487']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:1000;s:1000;" data-start="2000" data-responsive_offset="on" style="z-index: 9;">
+                                            <div class="rs-looped rs-wave" data-speed="20" data-angle="0" data-radius="50px" data-origin="50% 50%"><img src="plugins/rs-plugin/assets/images/blurflake3.png" alt="" width="170" height="170" data-ww="['170px','170px','170px','170px']" data-hh="['170px','170px','170px','170px']" data-no-retina>
+                                            </div>
+                                        </div>
+
+                                        <!-- LAYER NR. 6 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-4" id="slide-7-layer-12" data-x="['left','left','left','left']" data-hoffset="['719','719','719','719']" data-y="['top','top','top','top']" data-voffset="['200','200','200','200']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:1000;s:1000;" data-start="2000" data-responsive_offset="on" style="z-index: 10;">
+                                            <div class="rs-looped rs-rotate" data-easing="Power2.easeInOut" data-startdeg="-20" data-enddeg="360" data-speed="20" data-origin="50% 50%"><img src="plugins/rs-plugin/assets/images/blurflake2.png" alt="" width="50" height="51" data-ww="['50px','50px','50px','50px']" data-hh="['51px','51px','51px','51px']" data-no-retina>
+                                            </div>
+                                        </div>
+
+                                        <!-- LAYER NR. 7 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-6" id="slide-7-layer-13" data-x="['left','left','left','left']" data-hoffset="['187','187','187','187']" data-y="['top','top','top','top']" data-voffset="['216','216','216','216']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:1000;s:1000;" data-start="2000" data-responsive_offset="on" style="z-index: 11;">
+                                            <div class="rs-looped rs-wave" data-speed="4" data-angle="0" data-radius="10" data-origin="50% 50%"><img src="plugins/rs-plugin/assets/images/blurflake1.png" alt="" width="120" height="120" data-ww="['120px','120px','120px','120px']" data-hh="['120px','120px','120px','120px']" data-no-retina>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-8" data-transition="zoomin" data-slotamount="7" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="plugins/rs-plugin/assets/images/bike-60x60.jpg" data-rotate="0" data-saveperformance="off" data-title="Ken Burns" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/bike.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-0" id="slide-8-layer-9" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['15','15','15','15']" data-width="500" data-height="140" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="1000" data-responsive_offset="on" style="z-index: 5;background-color:rgba(0, 0, 0, 0.75);border-color:rgba(0, 0, 0, 0.50);">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0" id="slide-8-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['70','70','70','45']" data-lineheight="['70','70','70','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;">KEN BURNS
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0" id="slide-8-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['52','51','51','31']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">IN A SMOOTH WAY
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-9" data-transition="zoomout" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="plugins/rs-plugin/assets/images/fitness-60x60.jpg" data-rotate="0" data-saveperformance="off" data-title="HTML5 Video" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/fitness.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- BACKGROUND VIDEO LAYER -->
+                                        <div class="rs-background-video-layer" data-forcerewind="on" data-volume="mute" data-videowidth="100%" data-videoheight="100%" data-videomp4="plugins/rs-plugin/assets/videos/fit_edit.mp4" data-videopreload="preload" data-videoloop="loopandnoslidestop" data-forceCover="1" data-aspectratio="16:9" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true"></div>
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper rs-parallaxlevel-0" id="slide-9-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:2000;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-start="2000" data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5;background-color:rgba(0, 0, 0, 0.25);border-color:rgba(0, 0, 0, 0);">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0" id="slide-9-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['70','70','70','45']" data-lineheight="['70','70','70','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:5deg;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Back.easeOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;">HTML5 VIDEO
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0" id="slide-9-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['52','52','52','51']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">AND LOTS OF OTHER MEDIA
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-0" id="slide-9-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-68','-68','-68','-68']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:default;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="2000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; white-space: nowrap;"><i class="pe-7s-ball"></i>
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-10" data-transition="zoomin" data-slotamount="7" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="plugins/rs-plugin/assets/images/lambo-60x60.jpg" data-rotate="0" data-saveperformance="off" data-title="Love it?" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/lambo.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 -500" data-offsetend="0 500" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0" id="slide-10-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['70','70','70','45']" data-lineheight="['70','70','70','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power2.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];" data-mask_out="x:inherit;y:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; white-space: nowrap;padding:10px 20px 10px 20px;text-shadow:5px 5px 20px rgba(0,0,0,0.5);">LOVE IT?
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0" id="slide-10-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['52','52','52','51']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;text-shadow:1px 2px 10px rgba(0,0,0,0.5);">GET SLIDER REVOLUTION TODAY
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-0" id="slide-10-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-68','-68','-68','-68']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:default;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];" data-mask_out="x:inherit;y:inherit;" data-start="2000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;padding:10px 10px 10px 10px;text-shadow:1px 1px 10px rgba(0,0,0,0.5);"><i class="pe-7s-diamond"></i>
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-static-layers"></div>
+                                <div class="tp-bannertimer" style="height: 7px; background-color: rgba(255, 255, 255, 0.25);"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+      </div>
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+
+        <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi2;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_2_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_2_1");
+            } else {
+                revapi2 = tpj("#rev_slider_2_1").show().revolution({
+                    sliderType: "carousel",
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {
+                        keyboardNavigation: "off",
+                        keyboard_direction: "horizontal",
+                        mouseScrollNavigation: "off",
+                        onHoverStop: "off",
+                        arrows: {
+                            style: "erinyen",
+                            enable: true,
+                            hide_onmobile: true,
+                            hide_under: 600,
+                            hide_onleave: true,
+                            hide_delay: 200,
+                            hide_delay_mobile: 1200,
+                            tmp: '<div class="tp-title-wrap"> 	<div class="tp-arr-imgholder"></div> <div class="tp-arr-img-over"></div>	<span class="tp-arr-titleholder">{{title}}</span> </div>',
+                            left: {
+                                h_align: "left",
+                                v_align: "center",
+                                h_offset: 30,
+                                v_offset: 0
+                            },
+                            right: {
+                                h_align: "right",
+                                v_align: "center",
+                                h_offset: 30,
+                                v_offset: 0
+                            }
+                        },
+                        thumbnails: {
+                            style: "gyges",
+                            enable: true,
+                            width: 60,
+                            height: 60,
+                            min_width: 60,
+                            wrapper_padding: 0,
+                            wrapper_color: "transparent",
+                            wrapper_opacity: "1",
+                            tmp: '<span class="tp-thumb-img-wrap"> <span class="tp-thumb-image"></span></span>',
+                            visibleAmount: 5,
+                            hide_onmobile: true,
+                            hide_under: 800,
+                            hide_onleave: false,
+                            direction: "horizontal",
+                            span: false,
+                            position: "inner",
+                            space: 5,
+                            h_align: "center",
+                            v_align: "bottom",
+                            h_offset: 0,
+                            v_offset: 20
+                        }
+                    },
+                    carousel: {
+                        horizontal_align: "center",
+                        vertical_align: "center",
+                        fadeout: "off",
+                        maxVisibleItems: 3,
+                        infinity: "on",
+                        space: 0,
+                        stretch: "off"
+                    },
+                    viewPort: {
+                        enable: true,
+                        outof: "pause",
+                        visible_area: "80%"
+                    },
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1240, 1024, 778, 480],
+                    gridheight: [600, 600, 500, 400],
+                    lazyType: "none",
+                    parallax: {
+                        type: "mouse",
+                        origo: "slidercenter",
+                        speed: 2000,
+                        levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
+                    },
+                    shadow: 5,
+                    spinner: "off",
+                    stopLoop: "off",
+                    stopAfterLoops: -1,
+                    stopAtSlide: -1,
+                    shuffle: "off",
+                    autoHeight: "off",
+                    hideThumbsOnMobile: "on",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        nextSlideOnWindowFocus: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+</body>
+
+</html>

website/Boson/HTML/rev-s-carousel-gallery.html

@@ -0,0 +1,830 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+ <div class="main">
+
+                <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_22_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="instagram-gallery" style="margin:0px auto;background-color:#111111;padding:0px;margin-top:0px;margin-bottom:0px;background-image:url(http://revolution.themepunch.com/wp-content/uploads/revslider/express-web-product-dark/webproduct_darkbg3.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 auto mode -->
+                            <div id="rev_slider_22_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1068117989638896933_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11313786_181783252152676_1675473959_n.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Breathtaking picture #nature #castle #mountains #clouds #haze #fog #forest #pexels #freephoto #cc0" data-param1="07/09/9608 14:41" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11313786_181783252152676_1675473959_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/7St6cGoX0l/" target="new" id="slide-1068117989638896933_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500;background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 31 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1067457593278037795_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11429643_440739269460787_160815579_n.jpg" data-rotate="0" data-saveperformance="off" data-title="Leaning Tower Of Pisa #italy #pisa #landmark #italia #tower #pexels
+						Free download: https://pexels.com/photo/7510/" data-param1="07/09/0883 14:41" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11429643_440739269460787_160815579_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/7QXwaEIX8j/" target="new" id="slide-1067457593278037795_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 31 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1066136319637421909_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11909110_1634806640100068_1538383893_n.jpg" data-rotate="0" data-saveperformance="off" data-title="Good night #cars #lights #night #street #city #blur #bokeh #pexels" data-param1="07/09/2015 15:07" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11909110_1634806640100068_1538383893_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/7LrVWGIX9V/" target="new" id="slide-1066136319637421909_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 38 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1065374810946764154_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11363989_442735402576612_879735528_n.jpg" data-rotate="0" data-saveperformance="off" data-title="Free photo #renewableenergy #wind #energy #pexels #cc0" data-param1="07/09/2015 15:07" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11363989_442735402576612_879735528_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/7I-L73IX16/" target="new" id="slide-1065374810946764154_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 26 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1064413284177902892_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11850218_965402636854728_1675152660_n.jpg" data-rotate="0" data-saveperformance="off" data-title="Sport car - Free photo from Pexels.com
+
+						#car #bmw #fast #speed #Pexels #freebie #cc0" data-param1="07/09/2015 15:07" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11850218_965402636854728_1675152660_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/7Fjj4RoX0s/" target="new" id="slide-1064413284177902892_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 24 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1063931063159586029_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11910492_1623150327974831_777622404_n.jpg" data-rotate="0" data-saveperformance="off" data-title="Sunny day #sun #summer #woman #cc0 #freephoto #pexels https://www.pexels.com/photo/7306/" data-param1="07/09/2015 15:07" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11910492_1623150327974831_777622404_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/7D16o9IXzt/" target="new" id="slide-1063931063159586029_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 44 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1062195545644301328_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11917853_801330913298432_1366662912_n.jpg" data-rotate="0" data-saveperformance="off" data-title="Check out our latest free photos on pexels.com #freephotos #cc0 #pexels #photographer" data-param1="07/09/2015 15:07" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11917853_801330913298432_1366662912_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/69rTiUIXwQ/" target="new" id="slide-1062195545644301328_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 31 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1059884584333835521_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11820463_1623708247906582_240131580_n.jpg" data-rotate="0" data-saveperformance="off" data-title="New free photo http://www.pexels.com/photo/7541/ #adventure #risk #cc0 #pexels #freephoto" data-param1="07/09/8110 14:40" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11820463_1623708247906582_240131580_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/61d2n4IX0B/" target="new" id="slide-1059884584333835521_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 34 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1058754772617756608_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11324960_1481140562204186_175060799_n.jpg" data-rotate="0" data-saveperformance="off" data-title="Over the clouds #Pexels #clouds #freebie #adventure #sky
+						http://pexels.com/photo/6550/" data-param1="07/09/3425 14:40" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11324960_1481140562204186_175060799_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/6xc9suIX_A/" target="new" id="slide-1058754772617756608_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 37 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1057423209275685990_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11899502_1616270438660788_1560064211_n.jpg" data-rotate="0" data-saveperformance="off" data-title="Beautiful yellow flowers. #nature #meadow #summer #freephoto #cc0 #pexels" data-param1="07/09/2015 15:07" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11899502_1616270438660788_1560064211_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/6suM5uIXxm/" target="new" id="slide-1057423209275685990_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 40 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1056268500816986055_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11349421_124364047909524_1373343128_n.jpg" data-rotate="0" data-saveperformance="off" data-title="Squirrel - Free Photo: http://www.pexels.com/photo/7253/ #animal #forest #freephoto #cc0" data-param1="07/09/2015 15:07" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11349421_124364047909524_1373343128_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/6onprqoX_H/" target="new" id="slide-1056268500816986055_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 26 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1054829050203307898_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11906281_1453185521677142_1352215323_n.jpg" data-rotate="0" data-saveperformance="off" data-title="Skyline #manhattan #newyork #city #freephoto #cc0 #pexels http://www.pexels.com/photo/7693/" data-param1="07/09/2015 15:07" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11906281_1453185521677142_1352215323_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/6jgW60IX96/" target="new" id="slide-1054829050203307898_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 26 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1054313063452343601_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11910499_523312811156122_527412828_n.jpg" data-rotate="0" data-saveperformance="off" data-title="Flower from below
+						#Pexels #freephoto
+						#flower #sky #white #perspective" data-param1="07/09/2015 15:07" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s640x640/sh0.08/e35/11910499_523312811156122_527412828_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/6hrCUtIX0x/" target="new" id="slide-1054313063452343601_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 32 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1053415667709083579_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11821226_681702148640691_863259521_n.jpg" data-rotate="0" data-saveperformance="off" data-title="Do you have a pet? #freephoto #cc0 #pexels #dog" data-param1="07/09/2015 15:07" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11821226_681702148640691_863259521_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/6ee_fyoX-7/" target="new" id="slide-1053415667709083579_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 23 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1052665477154832256_1703257142" data-transition="incube-horizontal" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="600" data-thumb="https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11248730_115040685510886_227596786_n.jpg" data-rotate="0" data-saveperformance="off" data-title="#camping #night #stars #freephoto #pexels #cc0 http://www.pexels.com/photo/7758/" data-param1="07/09/2015 15:07" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" data-lazyload="https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11248730_115040685510886_227596786_n.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption Instagram-Caption tp-resizeme" href="https://instagram.com/p/6b0ayZIX-A/" target="new" id="slide-1052665477154832256_1703257142-layer-2" data-x="['left','left','left','left']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.50);padding:5px 10px 5px 10px;"><i class="fa-icon-pencil"></i> &nbsp; pexelsphotos &nbsp; &nbsp; <i class="fa-icon-heart"></i> &nbsp; 29 
+								</a>
+                                    </li>
+                                </ul>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+      </div>
+
+        <!-- JS -->
+
+
+        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
+
+
+
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi22;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_22_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_22_1");
+            } else {
+                revapi22 = tpj("#rev_slider_22_1").show().revolution({
+                    sliderType: "carousel",
+
+                    sliderLayout: "auto",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {
+                        keyboardNavigation: "on",
+                        keyboard_direction: "horizontal",
+                        mouseScrollNavigation: "off",
+                        onHoverStop: "off",
+                        arrows: {
+                            style: "hesperiden",
+                            enable: true,
+                            hide_onmobile: true,
+                            hide_under: 778,
+                            hide_onleave: true,
+                            hide_delay: 200,
+                            hide_delay_mobile: 1200,
+                            tmp: '',
+                            left: {
+                                h_align: "left",
+                                v_align: "center",
+                                h_offset: 20,
+                                v_offset: 0
+                            },
+                            right: {
+                                h_align: "right",
+                                v_align: "center",
+                                h_offset: 20,
+                                v_offset: 0
+                            }
+                        },
+                        thumbnails: {
+                            style: "gyges",
+                            enable: true,
+                            width: 80,
+                            height: 80,
+                            min_width: 80,
+                            wrapper_padding: 20,
+                            wrapper_color: "#222222",
+                            wrapper_opacity: "1",
+                            tmp: '<span class="tp-thumb-img-wrap"> <span class="tp-thumb-image"></span></span>',
+                            visibleAmount: 10,
+                            hide_onmobile: false,
+                            hide_onleave: false,
+                            direction: "vertical",
+                            span: true,
+                            position: "outer-left",
+                            space: 10,
+                            h_align: "left",
+                            v_align: "top",
+                            h_offset: 0,
+                            v_offset: 0
+                        }
+                    },
+                    carousel: {
+                        border_radius: "20px",
+                        padding_top: "50",
+                        padding_bottom: "50",
+                        maxRotation: 35,
+                        vary_rotation: "on",
+                        minScale: 25,
+                        vary_scale: "on",
+                        horizontal_align: "center",
+                        vertical_align: "center",
+                        fadeout: "on",
+                        vary_fade: "on",
+                        maxVisibleItems: 7,
+                        infinity: "on",
+                        space: 30,
+                        stretch: "off"
+                    },
+                    responsiveLevels: [1240, 1240, 778, 480],
+                    gridwidth: [640, 640, 480, 320],
+                    gridheight: [640, 640, 480, 320],
+                    lazyType: "smart",
+                    shadow: 0,
+                    spinner: "spinner3",
+                    stopLoop: "on",
+                    stopAfterLoops: 0,
+                    stopAtSlide: 1,
+                    shuffle: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        nextSlideOnWindowFocus: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+<script>
+jQuery(document).ready(function(){
+jQuery(window).scroll(function(e){
+	var divHeight = jQuery(".example").outerHeight();
+	var scrollHeight = e.currentTarget.scrollY;
+divHeight = divHeight-11;
+	if(scrollHeight >= divHeight){
+		jQuery(".header").addClass("fixed-header");
+	}else{
+			jQuery(".header").removeClass("fixed-header");
+		}
+	});
+
+});
+</script>
+
+</body>
+
+</html>

website/Boson/HTML/rev-s-carousel-highlight.html

@@ -0,0 +1,729 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+    
+
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> 
+
+	
+
+<!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_16_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="highlight-carousel16" style="margin:0px auto;background-color:#000000;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_16_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-51" data-transition="slideoverhorizontal" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/newspaper_bg1-100x50.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1000" data-fsslotamount="7" data-saveperformance="off" data-title="Discover" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/newspaper_bg1.jpg" alt="" data-bgposition="center bottom" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption News-Title tp-resizeme rs-parallaxlevel-0" id="slide-51-layer-1" data-x="['left','left','left','left']" data-hoffset="['80','80','40','40']" data-y="['top','top','top','top']" data-voffset="['450','450','250','150']" data-width="364" data-height="133" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;s:1000;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; min-width: 364px; max-width: 364px; max-width: 133px; max-width: 133px; white-space: normal;">DISCOVER THE WILD
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-0" id="slide-51-layer-2" data-x="['left','left','left','left']" data-hoffset="['80','80','40','40']" data-y="['top','top','top','top']" data-voffset="['587','587','382','282']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-responsive_offset="on" style="z-index: 6;"><img src="plugins/rs-plugin/assets/images/bluebar.png" alt="" width="350" height="4" data-ww="['350px','350px','350px','350px']" data-hh="['4px','4px','4px','4px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption News-Subtitle tp-resizeme rs-parallaxlevel-0" id="slide-51-layer-3" data-x="['left','left','left','left']" data-hoffset="['81','81','41','41']" data-y="['top','top','top','top']" data-voffset="['605','605','401','301']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 0.65);br:0 0 0px 0;cursor:pointer;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;s:1000;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">Learn how to balance your city job with nature
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption - tp-resizeme rs-parallaxlevel-0" id="slide-51-layer-4" data-x="['left','left','left','left']" data-hoffset="['423','423','383','383']" data-y="['top','top','top','top']" data-voffset="['607','607','403','303']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgba(0, 210, 255, 1.00);"><i class="fa-icon-caret-right"></i>
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-52" data-transition="slideoverhorizontal" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/newspaper_bg3-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Beach" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/newspaper_bg3.jpg" alt="" data-bgposition="center bottom" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption News-Title tp-resizeme rs-parallaxlevel-0" id="slide-52-layer-1" data-x="['left','left','left','left']" data-hoffset="['80','80','40','40']" data-y="['top','top','top','top']" data-voffset="['450','450','250','150']" data-width="['397','397','364','364']" data-height="['none','none','133','133']" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;s:1000;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; min-width: 397px; max-width: 397px; white-space: normal; color: rgba(0, 0, 0, 1.00);">BEACH LIFE
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-0" id="slide-52-layer-2" data-x="['left','left','left','left']" data-hoffset="['80','80','40','40']" data-y="['top','top','top','top']" data-voffset="['587','587','382','282']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-responsive_offset="on" style="z-index: 6;"><img src="plugins/rs-plugin/assets/images/bluebar.png" alt="" width="350" height="4" data-ww="" data-hh="" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption News-Subtitle tp-resizeme rs-parallaxlevel-0" id="slide-52-layer-3" data-x="['left','left','left','left']" data-hoffset="['81','81','41','41']" data-y="['top','top','top','top']" data-voffset="['605','605','401','301']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 0.65);br:0 0 0px 0;cursor:pointer;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;s:1000;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap; color: rgba(0, 0, 0, 1.00);">Summer, sun and endless fun at the beach
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption - tp-resizeme rs-parallaxlevel-0" id="slide-52-layer-4" data-x="['left','left','left','left']" data-hoffset="['423','423','383','383']" data-y="['top','top','top','top']" data-voffset="['607','607','403','303']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgba(0, 210, 255, 1.00);"><i class="fa-icon-caret-right"></i>
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-53" data-transition="slideoverhorizontal" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/newspaper_bg2-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Trip" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/newspaper_bg2.jpg" alt="" data-bgposition="center bottom" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption News-Title tp-resizeme rs-parallaxlevel-0" id="slide-53-layer-1" data-x="['left','left','left','left']" data-hoffset="['80','80','40','40']" data-y="['top','top','top','top']" data-voffset="['450','450','250','150']" data-width="364" data-height="133" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;s:1000;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; min-width: 364px; max-width: 364px; max-width: 133px; max-width: 133px; white-space: normal; color: rgba(255, 255, 255, 1.00);">JUST GO HIKING
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-0" id="slide-53-layer-2" data-x="['left','left','left','left']" data-hoffset="['80','80','40','40']" data-y="['top','top','top','top']" data-voffset="['587','587','382','282']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-responsive_offset="on" style="z-index: 6;"><img src="plugins/rs-plugin/assets/images/bluebar.png" alt="" width="350" height="4" data-ww="" data-hh="" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption News-Subtitle tp-resizeme rs-parallaxlevel-0" id="slide-53-layer-3" data-x="['left','left','left','left']" data-hoffset="['81','81','41','41']" data-y="['top','top','top','top']" data-voffset="['605','605','401','301']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 0.65);br:0 0 0px 0;cursor:pointer;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;s:1000;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">Go and discover unknown, mysterious places
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption - tp-resizeme rs-parallaxlevel-0" id="slide-53-layer-4" data-x="['left','left','left','left']" data-hoffset="['423','423','383','383']" data-y="['top','top','top','top']" data-voffset="['607','607','403','303']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgba(0, 210, 255, 1.00);"><i class="fa-icon-caret-right"></i>
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-54" data-transition="slideoverhorizontal" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/newscarousel4-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Biking" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/newscarousel4.jpg" alt="" data-bgposition="center bottom" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption News-Title tp-resizeme rs-parallaxlevel-0" id="slide-54-layer-1" data-x="['left','left','left','left']" data-hoffset="['80','80','40','40']" data-y="['top','top','top','top']" data-voffset="['450','450','250','150']" data-width="364" data-height="133" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;s:1000;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; min-width: 364px; max-width: 364px; max-width: 133px; max-width: 133px; white-space: normal;">NIGHT RIDE
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-0" id="slide-54-layer-2" data-x="['left','left','left','left']" data-hoffset="['80','80','40','40']" data-y="['top','top','top','top']" data-voffset="['587','587','382','282']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-responsive_offset="on" style="z-index: 6;"><img src="plugins/rs-plugin/assets/images/bluebar.png" alt="" width="350" height="4" data-ww="['350px','350px','350px','350px']" data-hh="['4px','4px','4px','4px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption News-Subtitle tp-resizeme rs-parallaxlevel-0" id="slide-54-layer-3" data-x="['left','left','left','left']" data-hoffset="['81','81','41','41']" data-y="['top','top','top','top']" data-voffset="['605','605','401','301']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 0.65);br:0 0 0px 0;cursor:pointer;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;s:1000;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">Take off with top speed. Get Slider Revolution
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption - tp-resizeme rs-parallaxlevel-0" id="slide-54-layer-4" data-x="['left','left','left','left']" data-hoffset="['423','423','383','383']" data-y="['top','top','top','top']" data-voffset="['607','607','403','303']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgba(0, 210, 255, 1.00);"><i class="fa-icon-caret-right"></i>
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER -->
+
+
+
+                    </article>
+                </section>
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+ <script type="text/javascript">
+        var tpj = jQuery;
+
+        var revapi16;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_16_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_16_1");
+            } else {
+                revapi16 = tpj("#rev_slider_16_1").show().revolution({
+                    sliderType: "carousel",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {
+                        keyboardNavigation: "off",
+                        keyboard_direction: "horizontal",
+                        mouseScrollNavigation: "off",
+                        onHoverStop: "off",
+                        tabs: {
+                            style: "zeus",
+                            enable: true,
+                            width: 100,
+                            height: 30,
+                            min_width: 100,
+                            wrapper_padding: 0,
+                            wrapper_color: "transparent",
+                            wrapper_opacity: "0",
+                            tmp: '<span class="tp-tab-title">{{title}}</span>',
+                            visibleAmount: 3,
+                            hide_onmobile: true,
+                            hide_under: 480,
+                            hide_onleave: false,
+                            hide_delay: 200,
+                            direction: "horizontal",
+                            span: true,
+                            position: "inner",
+                            space: 1,
+                            h_align: "center",
+                            v_align: "top",
+                            h_offset: 0,
+                            v_offset: 30
+                        }
+                    },
+                    carousel: {
+                        horizontal_align: "center",
+                        vertical_align: "center",
+                        fadeout: "on",
+                        vary_fade: "on",
+                        maxVisibleItems: 3,
+                        infinity: "on",
+                        space: 0,
+                        stretch: "off"
+                    },
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    gridwidth: [800, 640, 480, 480],
+                    gridheight: [720, 720, 480, 360],
+                    lazyType: "none",
+                    parallax: {
+                        type: "scroll",
+                        origo: "enterpoint",
+                        speed: 400,
+                        levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],
+                    },
+                    shadow: 0,
+                    spinner: "off",
+                    stopLoop: "on",
+                    stopAfterLoops: 0,
+                    stopAtSlide: 1,
+                    shuffle: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        nextSlideOnWindowFocus: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+</body>
+</html>

website/Boson/HTML/rev-s-carousel-media.html

@@ -0,0 +1,736 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+                        <div id="rev_slider_30_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="media-carousel-autoplay30" style="margin:0px auto;background-color:#26292b;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_30_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-117" data-transition="fade" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/iceberg-250x100.jpg" data-rotate="0" data-saveperformance="off" data-title="Iceberg" data-param1="HTML5 Video" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/iceberg.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- BACKGROUND VIDEO LAYER -->
+                                        <div class="rs-background-video-layer" data-forcerewind="on" data-videowidth="100%" data-videoheight="100%" data-videomp4="plugins/rs-plugin/assets/videos/iceberg.mp4" data-videopreload="preload" data-videoloop="none" data-forceCover="1" data-aspectratio="16:9" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true"></div>
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Video-SubTitle tp-resizeme" id="slide-117-layer-2" data-x="10" data-y="bottom" data-voffset="50" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:bottom;rZ:90deg;sX:2;sY:2;s:1500;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="5000" style="z-index: 5; white-space: nowrap;">NOW PLAYING
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption Video-Title tp-resizeme" id="slide-117-layer-1" data-x="10" data-y="bottom" data-voffset="10" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:bottom;rX:0deg;rY:0deg;rZ:90deg;sX:2;sY:2;s:1500;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="750" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="4750" style="z-index: 6; white-space: nowrap;">ICEBERG
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-118" data-transition="fade" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/amigos-250x100.jpg" data-rotate="0" data-saveperformance="off" data-title="Hola Llamigo " data-param1="Vimeo Video" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/amigos.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- BACKGROUND VIDEO LAYER -->
+                                        <div class="rs-background-video-layer" data-forcerewind="on" data-volume="100" data-vimeoid="125292332" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="100%" data-videoheight="100%" data-videocontrols="none" data-videoloop="none" data-forceCover="1" data-aspectratio="16:9" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true"></div>
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Video-SubTitle tp-resizeme" id="slide-118-layer-1" data-x="10" data-y="bottom" data-voffset="50" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:bottom;rZ:90deg;sX:2;sY:2;s:1500;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="5000" style="z-index: 5; white-space: nowrap;">NOW PLAYING
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption Video-Title tp-resizeme" id="slide-118-layer-2" data-x="10" data-y="bottom" data-voffset="10" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:bottom;rZ:90deg;sX:2;sY:2;s:1500;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="750" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="4750" style="z-index: 6; white-space: nowrap;">HOLA LLAMIGO
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-119" data-transition="fade" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/youtube1_cover-250x100.jpg" data-rotate="0" data-saveperformance="off" data-title="The Road Story on Vietnam" data-param1="Youtube Video" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/youtube1_cover.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- BACKGROUND VIDEO LAYER -->
+                                        <div class="rs-background-video-layer" data-forcerewind="on" data-volume="100" data-ytid="d_8fE-On19I" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&amp;hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="100%" data-videoheight="100%" data-videocontrols="none" data-videoloop="none" data-forceCover="1" data-aspectratio="16:9" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true"></div>
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Video-SubTitle tp-resizeme" id="slide-119-layer-1" data-x="10" data-y="bottom" data-voffset="50" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:bottom;rZ:90deg;sX:2;sY:2;s:1500;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="5000" style="z-index: 5; white-space: nowrap;">NOW PLAYING
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption Video-Title tp-resizeme" id="slide-119-layer-2" data-x="10" data-y="bottom" data-voffset="10" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:bottom;rZ:90deg;sX:2;sY:2;s:1500;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="750" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="4750" style="z-index: 6; white-space: nowrap;">THE ROAD STORY VIETNAM
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-120" data-transition="fade" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/calbuco-250x100.jpg" data-rotate="0" data-saveperformance="off" data-title="Calbuco" data-param1="Vimeo Video" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/calbuco.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- BACKGROUND VIDEO LAYER -->
+                                        <div class="rs-background-video-layer" data-forcerewind="on" data-volume="100" data-vimeoid="130622230" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="100%" data-videoheight="100%" data-videocontrols="none" data-videoloop="none" data-forceCover="1" data-aspectratio="16:9" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true"></div>
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Video-SubTitle tp-resizeme" id="slide-120-layer-1" data-x="10" data-y="bottom" data-voffset="50" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:bottom;rZ:90deg;sX:2;sY:2;s:1500;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="5000" style="z-index: 5; white-space: nowrap;">NOW PLAYING
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption Video-Title tp-resizeme" id="slide-120-layer-2" data-x="10" data-y="bottom" data-voffset="10" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:bottom;rZ:90deg;sX:2;sY:2;s:1500;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="750" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="4750" style="z-index: 6; white-space: nowrap;">CALBUCO
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-121" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="plugins/rs-plugin/assets/images/space_cover-250x100.jpg" data-rotate="0" data-saveperformance="off" data-title="Space Timelapse" data-param1="HTML5 Video" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/space_cover.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- BACKGROUND VIDEO LAYER -->
+                                        <div class="rs-background-video-layer" data-forcerewind="on" data-volume="mute" data-videowidth="100%" data-videoheight="100%" data-videomp4="plugins/rs-plugin/assets/videos/space.mp4" data-videopreload="preload" data-videoloop="none" data-forceCover="1" data-aspectratio="16:9" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true"></div>
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Video-SubTitle tp-resizeme" id="slide-121-layer-1" data-x="10" data-y="bottom" data-voffset="50" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:bottom;rZ:90deg;sX:2;sY:2;s:1500;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="5000" style="z-index: 5; white-space: nowrap;">PLAYING NOW
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption Video-Title tp-resizeme" id="slide-121-layer-2" data-x="10" data-y="bottom" data-voffset="10" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:bottom;rZ:90deg;sX:2;sY:2;s:1500;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="750" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="4750" style="z-index: 6; white-space: nowrap;">SPACE TIMELAPSE
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-122" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="plugins/rs-plugin/assets/images/media1-250x100.jpg" data-rotate="0" data-saveperformance="off" data-title="Real Webdesign" data-param1="Regular Image" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/media1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+                                    </li>
+                                </ul>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	    
+    
+         <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+  <script type="text/javascript">
+        var tpj = jQuery;
+
+        var revapi30;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_30_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_30_1");
+            } else {
+                revapi30 = tpj("#rev_slider_30_1").show().revolution({
+                    sliderType: "carousel",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {
+                        keyboardNavigation: "off",
+                        keyboard_direction: "horizontal",
+                        mouseScrollNavigation: "off",
+                        onHoverStop: "off",
+                        touch: {
+                            touchenabled: "on",
+                            swipe_threshold: 75,
+                            swipe_min_touches: 1,
+                            swipe_direction: "horizontal",
+                            drag_block_vertical: false
+                        },
+                        arrows: {
+                            style: "gyges",
+                            enable: true,
+                            hide_onmobile: false,
+                            hide_onleave: false,
+                            tmp: '',
+                            left: {
+                                h_align: "left",
+                                v_align: "center",
+                                h_offset: 20,
+                                v_offset: 0
+                            },
+                            right: {
+                                h_align: "right",
+                                v_align: "center",
+                                h_offset: 20,
+                                v_offset: 0
+                            }
+                        },
+                        tabs: {
+                            style: "gyges",
+                            enable: true,
+                            width: 250,
+                            height: 80,
+                            min_width: 250,
+                            wrapper_padding: 30,
+                            wrapper_color: "#26292b",
+                            wrapper_opacity: "1",
+                            tmp: '<div class="tp-tab-content"> <span class="tp-tab-date">{{param1}}</span> <span class="tp-tab-title">{{title}}</span></div><div class="tp-tab-image"></div>',
+                            visibleAmount: 5,
+                            hide_onmobile: false,
+                            hide_onleave: false,
+                            hide_delay: 200,
+                            direction: "horizontal",
+                            span: true,
+                            position: "outer-bottom",
+                            space: 0,
+                            h_align: "center",
+                            v_align: "bottom",
+                            h_offset: 0,
+                            v_offset: 0
+                        }
+                    },
+                    carousel: {
+                        horizontal_align: "center",
+                        vertical_align: "center",
+                        fadeout: "on",
+                        vary_fade: "on",
+                        maxVisibleItems: 3,
+                        infinity: "on",
+                        space: 0,
+                        stretch: "off"
+                    },
+                    gridwidth: 720,
+                    gridheight: 405,
+                    lazyType: "none",
+                    shadow: 0,
+                    spinner: "off",
+                    stopLoop: "on",
+                    stopAfterLoops: 0,
+                    stopAtSlide: 1,
+                    shuffle: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        nextSlideOnWindowFocus: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+</body>
+</html>

website/Boson/HTML/rev-s-carousel-photography.html

@@ -0,0 +1,506 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main">
+
+	
+
+	
+            <!-- SLIDER EXAMPLE -->
+            <section class="example">
+                <article class="content">
+
+
+                    <div id="rev_slider_50_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="photography-carousel48" style="background-color:#000000;padding:0px;">
+                        <!-- START REVOLUTION SLIDER 5.0.7 fullscreen mode -->
+                        <div id="rev_slider_50_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.0.7">
+                            <ul>
+                                <!-- SLIDE -->
+                                <li data-index="rs-183" data-transition="slideoververtical" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography1-100x50.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Intro" data-description="">
+                                    <!-- MAIN IMAGE -->
+                                    <img src="plugins/rs-plugin/assets/images/photography1.jpg" alt="" data-bgposition="30% 50%" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                    <!-- LAYERS -->
+
+                                    <!-- LAYER NR. 1 -->
+                                    <div class="tp-caption Photography-Subline tp-resizeme" id="slide-183-layer-4" data-x="['left','left','center','center']" data-hoffset="['300','330','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-157','-157','-157','-80']" data-fontsize="['20','20','20','17']" data-lineheight="['30','30','30','26']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; white-space: nowrap;">HI, MY NAME IS <span style="color: #fff;">JOHN</span> AND I LOVE
+                                    </div>
+
+                                    <!-- LAYER NR. 2 -->
+                                    <div class="tp-caption Photography-Display tp-resizeme" id="slide-183-layer-1" data-x="['left','left','center','center']" data-hoffset="['294','325','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-40','-40','-40','-20']" data-fontsize="['80','80','80','40']" data-lineheight="['70','70','70','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="750" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;">DESIGN &
+                                    </div>
+
+                                    <!-- LAYER NR. 3 -->
+                                    <div class="tp-caption Photography-Display tp-resizeme" id="slide-183-layer-3" data-x="['left','left','center','center']" data-hoffset="['294','325','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['40','40','40','20']" data-fontsize="['80','80','80','40']" data-lineheight="['70','70','70','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap; color: rgba(0, 255, 222, 1.00);">PHOTOGRAPHY
+                                    </div>
+
+                                    <!-- LAYER NR. 4 -->
+                                    <div class="tp-caption rev-btn rev-maxround rev-bordered " id="slide-183-layer-6" data-x="['left','left','center','center']" data-hoffset="['303','330','0','0']" data-y="['middle','middle','bottom','bottom']" data-voffset="['181','181','100','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1250" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-184","delay":""}]' data-responsive_offset="on" data-responsive="off" style="z-index: 8; white-space: nowrap; font-size: 15px; line-height: 15px; font-weight: 600; color: rgba(255, 255, 255, 1.00);font-family:Raleway;background-color:rgba(0, 0, 0, 0);padding:13px 35px 13px 35px;border-color:rgba(255, 255, 255, 0.25);border-style:solid;border-width:1px;border-radius:30px 30px 30px 30px;letter-spacing:1px;">MY PORTFOLIO
+                                    </div>
+                                </li>
+                                <!-- SLIDE -->
+                                <li data-index="rs-184" data-transition="slideoververtical" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography2-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Portfolio" data-description="">
+                                    <!-- MAIN IMAGE -->
+                                    <img src="plugins/rs-plugin/assets/images/photography2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                    <!-- LAYERS -->
+
+                                    <!-- LAYER NR. 1 -->
+                                    <div class="tp-caption Photography-Subline tp-resizeme" id="slide-184-layer-4" data-x="['left','left','center','center']" data-hoffset="['350','300','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-161','-161','-187','-197']" data-fontsize="['20','20','20','17']" data-lineheight="['30','30','30','26']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];" data-mask_out="x:inherit;y:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; white-space: nowrap;">SOME OF MY <span style="color: #fff;">BEST WORK</span>
+                                    </div>
+
+                                    <!-- LAYER NR. 2 -->
+                                    <div class="tp-caption Photography-ImageHover tp-resizeme" id="slide-184-layer-7" data-x="['left','left','center','center']" data-hoffset="['350','300','-160','-80']" data-y="['top','top','top','top']" data-voffset="['330','280','350','200']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:0.5;sX:0.8;sY:0.8;rX:0;rY:0;rZ:0;z:0;s:1000;e:Power3.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="750" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-185","delay":""}]' data-responsive_offset="on" style="z-index: 6; line-height: 22px;font-family:Arial;"><img src="plugins/rs-plugin/assets/images/photography_thumb1.jpg" alt="" width="300" height="200" data-ww="['200','150px','150px','150px']" data-hh="['133','100px','100px','100px']" data-no-retina>
+                                    </div>
+
+                                    <!-- LAYER NR. 3 -->
+                                    <div class="tp-caption Photography-ImageHover tp-resizeme" id="slide-184-layer-8" data-x="['left','left','center','center']" data-hoffset="['560','460','0','80']" data-y="['top','top','top','top']" data-voffset="['330','280','350','200']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:0.5;sX:0.8;sY:0.8;rX:0;rY:0;rZ:0;z:0;s:1000;e:Power3.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="850" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-186","delay":""}]' data-responsive_offset="on" style="z-index: 7; line-height: 22px;font-family:Arial;"><img src="plugins/rs-plugin/assets/images/photography_thumb5.jpg" alt="" width="300" height="200" data-ww="['200px','150px','150px','150px']" data-hh="['133px','100px','100px','100px']" data-no-retina>
+                                    </div>
+
+                                    <!-- LAYER NR. 4 -->
+                                    <div class="tp-caption Photography-ImageHover tp-resizeme" id="slide-184-layer-9" data-x="['left','left','center','center']" data-hoffset="['770','620','160','-80']" data-y="['top','top','top','top']" data-voffset="['330','280','350','310']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:0.5;sX:0.8;sY:0.8;rX:0;rY:0;rZ:0;z:0;s:1000;e:Power3.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="950" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-187","delay":""}]' data-responsive_offset="on" style="z-index: 8; line-height: 22px;font-family:Arial;"><img src="plugins/rs-plugin/assets/images/photography_thumb3.jpg" alt="" width="300" height="200" data-ww="['200px','150px','150px','150px']" data-hh="['133px','100px','100px','100px']" data-no-retina>
+                                    </div>
+
+                                    <!-- LAYER NR. 5 -->
+                                    <div class="tp-caption Photography-ImageHover tp-resizeme" id="slide-184-layer-10" data-x="['left','left','center','center']" data-hoffset="['350','300','-160','80']" data-y="['top','top','top','top']" data-voffset="['473','390','460','310']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:0.5;sX:0.8;sY:0.8;rX:0;rY:0;rZ:0;z:0;s:1000;e:Power3.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="1050" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-188","delay":""}]' data-responsive_offset="on" style="z-index: 9; line-height: 22px;font-family:Arial;"><img src="plugins/rs-plugin/assets/images/photography_thumb2.jpg" alt="" width="300" height="200" data-ww="['200px','150px','150px','150px']" data-hh="['133px','100px','100px','100px']" data-no-retina>
+                                    </div>
+
+                                    <!-- LAYER NR. 6 -->
+                                    <div class="tp-caption Photography-ImageHover tp-resizeme" id="slide-184-layer-11" data-x="['left','left','center','center']" data-hoffset="['560','460','0','-80']" data-y="['top','top','top','top']" data-voffset="['473','390','460','420']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:0.5;sX:0.8;sY:0.8;rX:0;rY:0;rZ:0;z:0;s:1000;e:Power3.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="1150" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-189","delay":""}]' data-responsive_offset="on" style="z-index: 10; line-height: 22px;font-family:Arial;"><img src="plugins/rs-plugin/assets/images/photography_thumb4.jpg" alt="" width="300" height="200" data-ww="['200px','150px','150px','150px']" data-hh="['133px','100px','100px','100px']" data-no-retina>
+                                    </div>
+
+                                    <!-- LAYER NR. 7 -->
+                                    <div class="tp-caption Photography-ImageHover tp-resizeme" id="slide-184-layer-12" data-x="['left','left','center','center']" data-hoffset="['770','620','160','80']" data-y="['top','top','top','top']" data-voffset="['473','390','460','420']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:0.5;sX:0.8;sY:0.8;rX:0;rY:0;rZ:0;z:0;s:1000;e:Power3.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="1250" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-190","delay":""}]' data-responsive_offset="on" style="z-index: 11; line-height: 22px;font-family:Arial;"><img src="plugins/rs-plugin/assets/images/photography_thumb6.jpg" alt="" width="300" height="200" data-ww="['200px','150px','150px','150px']" data-hh="['133px','100px','100px','100px']" data-no-retina>
+                                    </div>
+                                </li>
+                                <!-- SLIDE -->
+                                <li data-index="rs-185" data-transition="slideoverhorizontal" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography3-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Project 1" data-description="">
+                                    <!-- MAIN IMAGE -->
+                                    <img src="plugins/rs-plugin/assets/images/photography3.jpg" alt="" data-bgposition="40% 50%" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                    <!-- LAYERS -->
+
+                                    <!-- LAYER NR. 1 -->
+                                    <div class="tp-caption Photography-Display tp-resizeme" id="slide-185-layer-1" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['170','130','200','140']" data-fontsize="['60','60','60','40']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 60px; line-height: 50px;">FEMME FATALE
+                                    </div>
+
+                                    <!-- LAYER NR. 2 -->
+                                    <div class="tp-caption Photography-Subline tp-resizeme" id="slide-185-layer-4" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['229','189','259','192']" data-fontsize="['20','20','20','17']" data-lineheight="['30','30','30','26']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="750" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;">PHOTOGRAPHY
+                                    </div>
+
+                                    <!-- LAYER NR. 3 -->
+                                    <div class="tp-caption Photography-Textblock tp-resizeme" id="slide-185-layer-7" data-x="['left','left','center','center']" data-hoffset="['80','80','0','6']" data-y="['top','top','top','top']" data-voffset="['320','280','323','255']" data-lineheight="['30','30','30','26']" data-width="['490','492','500','400']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 7; min-width: 490px; max-width: 490px; white-space: normal;">And I always had this idea for making a movie about a femme fatale, because I like these characters. They're a lot of fun, they're sexy, they're manipulative, they're dangerous.
+                                    </div>
+
+                                    <!-- LAYER NR. 4 -->
+                                    <div class="tp-caption Photography-Button rev-btn " id="slide-185-layer-6" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','bottom','bottom']" data-voffset="['600','530','100','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1250" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-184","delay":""}]' data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 8; white-space: nowrap;letter-spacing:1px;">BACK TO OVERVIEW
+                                    </div>
+                                </li>
+                                <!-- SLIDE -->
+                                <li data-index="rs-186" data-transition="slideoverhorizontal" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography4-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Project 2" data-description="">
+                                    <!-- MAIN IMAGE -->
+                                    <img src="plugins/rs-plugin/assets/images/photography4.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                    <!-- LAYERS -->
+
+                                    <!-- LAYER NR. 1 -->
+                                    <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-186-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeOut;" data-transform_out="auto:auto;s:1000;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="1500" data-basealign="slide" data-responsive_offset="on" style="z-index: 5;background-color:rgba(0, 0, 0, 0.50);border-color:rgba(0, 0, 0, 1.00);">
+                                    </div>
+
+                                    <!-- LAYER NR. 2 -->
+                                    <div class="tp-caption Photography-Display tp-resizeme" id="slide-186-layer-1" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['170','130','200','140']" data-fontsize="['60','60','60','40']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 6; white-space: nowrap; font-size: 60px; line-height: 50px;">CITY SKYLINE
+                                    </div>
+
+                                    <!-- LAYER NR. 3 -->
+                                    <div class="tp-caption Photography-Subline-2 tp-resizeme" id="slide-186-layer-4" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['229','189','259','191']" data-fontsize="['20','20','20','17']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="750" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">PHOTOGRAPHY
+                                    </div>
+
+                                    <!-- LAYER NR. 4 -->
+                                    <div class="tp-caption Photography-Textblock tp-resizeme" id="slide-186-layer-7" data-x="['left','left','center','center']" data-hoffset="['80','80','0','6']" data-y="['top','top','top','top']" data-voffset="['320','280','323','256']" data-lineheight="['30','30','30','26']" data-width="['491','493','500','401']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 8; min-width: 491px; max-width: 491px; white-space: normal;">When you take a flower in your hand and really look at it, it's your world for the moment. I want to give that world to someone else. Most people in the city rush around so, they have no time to look at a flower. I want them to see it whether they want to or not.
+                                    </div>
+
+                                    <!-- LAYER NR. 5 -->
+                                    <div class="tp-caption Photography-Button rev-btn " id="slide-186-layer-6" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','bottom','bottom']" data-voffset="['600','530','100','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;" data-start="1250" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-184","delay":""}]' data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 9; white-space: nowrap;letter-spacing:1px;">BACK TO OVERVIEW
+                                    </div>
+                                </li>
+                                <!-- SLIDE -->
+                                <li data-index="rs-187" data-transition="slideoverhorizontal" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography5-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Project 3" data-description="">
+                                    <!-- MAIN IMAGE -->
+                                    <img src="plugins/rs-plugin/assets/images/photography5.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                    <!-- LAYERS -->
+
+                                    <!-- LAYER NR. 1 -->
+                                    <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-187-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeOut;" data-transform_out="auto:auto;s:1000;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="1500" data-basealign="slide" data-responsive_offset="on" style="z-index: 5;background-color:rgba(0, 0, 0, 0.50);border-color:rgba(0, 0, 0, 1.00);">
+                                    </div>
+
+                                    <!-- LAYER NR. 2 -->
+                                    <div class="tp-caption Photography-Display tp-resizeme" id="slide-187-layer-1" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['170','130','200','140']" data-fontsize="['60','60','60','40']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 6; white-space: nowrap; font-size: 60px; line-height: 50px;">LAZY DOG
+                                    </div>
+
+                                    <!-- LAYER NR. 3 -->
+                                    <div class="tp-caption Photography-Subline-2 tp-resizeme" id="slide-187-layer-4" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['229','189','259','191']" data-fontsize="['20','20','20','17']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="750" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">PHOTOGRAPHY
+                                    </div>
+
+                                    <!-- LAYER NR. 4 -->
+                                    <div class="tp-caption Photography-Textblock tp-resizeme" id="slide-187-layer-7" data-x="['left','left','center','center']" data-hoffset="['80','80','0','6']" data-y="['top','top','top','top']" data-voffset="['323','280','324','256']" data-lineheight="['30','30','30','26']" data-width="['491','493','500','401']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 8; min-width: 491px; max-width: 491px; white-space: normal;">The dog can only become what's in your bubble. The dog is imitating the energy that is in your bubble. You are the source, the feast of energy. If you feel anxious, the dog becomes anxious with you. If you become nervous, the dog wakes up nervous with you.
+                                    </div>
+
+                                    <!-- LAYER NR. 5 -->
+                                    <div class="tp-caption Photography-Button " id="slide-187-layer-6" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','bottom','bottom']" data-voffset="['600','530','100','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;" data-start="1250" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-184","delay":""}]' data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 9; white-space: nowrap;letter-spacing:1px;">BACK TO OVERVIEW
+                                    </div>
+                                </li>
+                                <!-- SLIDE -->
+                                <li data-index="rs-188" data-transition="slideoverhorizontal" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography6-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Project 4" data-description="">
+                                    <!-- MAIN IMAGE -->
+                                    <img src="plugins/rs-plugin/assets/images/photography6.jpg" alt="" data-bgposition="70% 50%" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                    <!-- LAYERS -->
+
+                                    <!-- LAYER NR. 1 -->
+                                    <div class="tp-caption Photography-Display tp-resizeme" id="slide-188-layer-1" data-x="['right','right','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['170','130','200','140']" data-fontsize="['60','60','60','40']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];" data-mask_out="x:inherit;y:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 60px; line-height: 50px;">RED BEAUTY
+                                    </div>
+
+                                    <!-- LAYER NR. 2 -->
+                                    <div class="tp-caption Photography-Subline tp-resizeme" id="slide-188-layer-4" data-x="['right','right','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['229','189','259','192']" data-fontsize="['20','20','20','17']" data-lineheight="['30','30','30','26']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];" data-mask_out="x:inherit;y:inherit;" data-start="750" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;">PHOTOGRAPHY
+                                    </div>
+
+                                    <!-- LAYER NR. 3 -->
+                                    <div class="tp-caption Photography-Textblock tp-resizeme" id="slide-188-layer-7" data-x="['right','right','center','center']" data-hoffset="['80','80','0','6']" data-y="['top','top','top','top']" data-voffset="['320','280','323','255']" data-lineheight="['30','30','30','26']" data-width="['490','492','500','400']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; min-width: 490px; max-width: 490px; white-space: normal;text-align:right;">The beauty of a woman is not in a facial mode but the true beauty in a woman is reflected in her soul. It is the caring that she lovingly gives the passion that she shows. The beauty of a woman grows with the passing years.
+                                    </div>
+
+                                    <!-- LAYER NR. 4 -->
+                                    <div class="tp-caption Photography-Button rev-btn " id="slide-188-layer-6" data-x="['right','right','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','bottom','bottom']" data-voffset="['600','530','100','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;" data-start="1250" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-184","delay":""}]' data-responsive_offset="on" data-responsive="off" style="z-index: 8; white-space: nowrap;letter-spacing:1px;">BACK TO OVERVIEW
+                                    </div>
+                                </li>
+                                <!-- SLIDE -->
+                                <li data-index="rs-189" data-transition="slideoverhorizontal" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography7-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Project 5" data-description="">
+                                    <!-- MAIN IMAGE -->
+                                    <img src="plugins/rs-plugin/assets/images/photography7.jpg" alt="" data-bgposition="80% 50%" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                    <!-- LAYERS -->
+
+                                    <!-- LAYER NR. 1 -->
+                                    <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-189-layer-8" data-x="['right','right','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','top','top']" data-voffset="['0','0','0','0']" data-width="['650','650','600','600']" data-height="full" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeOut;" data-transform_out="auto:auto;s:1000;" data-mask_in="x:0px;y:0px;" data-start="1500" data-responsive_offset="on" style="z-index: 5;background-color:rgba(0, 0, 0, 0.50);border-color:rgba(0, 0, 0, 1.00);">
+                                    </div>
+
+                                    <!-- LAYER NR. 2 -->
+                                    <div class="tp-caption Photography-Display tp-resizeme" id="slide-189-layer-1" data-x="['right','right','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['170','130','200','140']" data-fontsize="['60','60','60','40']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];" data-mask_out="x:inherit;y:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap; font-size: 60px; line-height: 50px;">SCOOTER
+                                    </div>
+
+                                    <!-- LAYER NR. 3 -->
+                                    <div class="tp-caption Photography-Subline tp-resizeme" id="slide-189-layer-4" data-x="['right','right','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['229','189','259','192']" data-fontsize="['20','20','20','17']" data-lineheight="['30','30','30','26']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];" data-mask_out="x:inherit;y:inherit;" data-start="750" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap; color: rgba(255, 255, 255, 0.35);">PHOTOGRAPHY
+                                    </div>
+
+                                    <!-- LAYER NR. 4 -->
+                                    <div class="tp-caption Photography-Textblock tp-resizeme" id="slide-189-layer-7" data-x="['right','right','center','center']" data-hoffset="['80','80','0','6']" data-y="['top','top','top','top']" data-voffset="['320','280','323','255']" data-lineheight="['30','30','30','26']" data-width="['490','492','500','400']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; min-width: 490px; max-width: 490px; white-space: normal;text-align:right;">When I hit 16, I got a scooter to ride to school. It was bright pink, and I saw on the ownership papers that Jonathan Ross once owned it. My friends slated me for it because of the colour, but it was cool. My father used to ride, and my mother's boyfriend has a bike, so we're a bit of a biker family.
+                                    </div>
+
+                                    <!-- LAYER NR. 5 -->
+                                    <div class="tp-caption Photography-Button rev-btn " id="slide-189-layer-6" data-x="['right','right','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','bottom','bottom']" data-voffset="['600','530','100','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;" data-start="1250" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-184","delay":""}]' data-responsive_offset="on" data-responsive="off" style="z-index: 9; white-space: nowrap;letter-spacing:1px;">BACK TO OVERVIEW
+                                    </div>
+                                </li>
+                                <!-- SLIDE -->
+                                <li data-index="rs-190" data-transition="slideoverhorizontal" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography8-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Project 6" data-description="">
+                                    <!-- MAIN IMAGE -->
+                                    <img src="plugins/rs-plugin/assets/images/photography8.jpg" alt="" data-bgposition="left center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                    <!-- LAYERS -->
+
+                                    <!-- LAYER NR. 1 -->
+                                    <div class="tp-caption Photography-Display tp-resizeme" id="slide-190-layer-1" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['170','130','200','140']" data-fontsize="['60','60','60','40']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 60px; line-height: 50px;">FLUFFY CAT
+                                    </div>
+
+                                    <!-- LAYER NR. 2 -->
+                                    <div class="tp-caption Photography-Subline tp-resizeme" id="slide-190-layer-4" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['229','189','259','192']" data-fontsize="['20','20','20','17']" data-lineheight="['30','30','30','26']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="750" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;">PHOTOGRAPHY
+                                    </div>
+
+                                    <!-- LAYER NR. 3 -->
+                                    <div class="tp-caption Photography-Textblock tp-resizeme" id="slide-190-layer-7" data-x="['left','left','center','center']" data-hoffset="['80','80','0','6']" data-y="['top','top','top','top']" data-voffset="['320','280','323','255']" data-lineheight="['30','30','30','26']" data-width="['490','492','500','400']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 7; min-width: 490px; max-width: 490px; white-space: normal;">I like cats a lot. I've always liked cats. They're great company. When they eat, they always leave a little bit at the bottom of the bowl. A dog will polish the bowl, but a cat always leaves a little bit. It's like an offering.
+                                    </div>
+
+                                    <!-- LAYER NR. 4 -->
+                                    <div class="tp-caption Photography-Button rev-btn " id="slide-190-layer-6" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','bottom','bottom']" data-voffset="['600','530','100','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;" data-start="1250" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-184","delay":""}]' data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 8; white-space: nowrap;letter-spacing:1px;">BACK TO OVERVIEW
+                                    </div>
+                                </li>
+                                <!-- SLIDE -->
+                                <li data-index="rs-191" data-transition="slideoververtical" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography9-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="About" data-description="&lt;p&gt;&lt;br data-mce-bogus=\&quot;1\&quot;&gt;&lt;/p&gt;
+						">
+                                    <!-- MAIN IMAGE -->
+                                    <img src="plugins/rs-plugin/assets/images/photography9.jpg" alt="" data-bgposition="left center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                    <!-- LAYERS -->
+
+                                    <!-- LAYER NR. 1 -->
+                                    <div class="tp-caption Photography-Display tp-resizeme" id="slide-191-layer-1" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['170','130','200','140']" data-fontsize="['60','60','60','40']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 5; white-space: nowrap; font-size: 60px; line-height: 50px; color: rgba(0, 255, 222, 1.00);">WHAT I DO
+                                    </div>
+
+                                    <!-- LAYER NR. 2 -->
+                                    <div class="tp-caption Photography-Subline tp-resizeme" id="slide-191-layer-4" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','top','top']" data-voffset="['229','189','259','192']" data-fontsize="['20','20','20','17']" data-lineheight="['30','30','30','26']" data-width="['204','201','none','none']" data-height="none" data-whitespace="['normal','normal','nowrap','nowrap']" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="750" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 6; min-width: 204px; max-width: 204px; white-space: normal;">PHOTOGRAPHY DESIGN
+                                    </div>
+
+                                    <!-- LAYER NR. 3 -->
+                                    <div class="tp-caption Photography-Subline tp-resizeme" id="slide-191-layer-8" data-x="['left','left','center','center']" data-hoffset="['321','290','0','0']" data-y="['top','top','top','top']" data-voffset="['229','189','354','255']" data-fontsize="['20','20','20','17']" data-lineheight="['30','30','30','26']" data-width="['669','582','500','384']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="750" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 7; min-width: 669px; max-width: 669px; white-space: normal;">PORTRAITS + WEDDINGS + FAMILY PRINT CONCEPTION + BRANDING + COMPANY LOGOS
+                                    </div>
+
+                                    <!-- LAYER NR. 4 -->
+                                    <div class="tp-caption Photography-Textblock tp-resizeme" id="slide-191-layer-7" data-x="['left','left','center','center']" data-hoffset="['80','80','0','6']" data-y="['top','top','top','top']" data-voffset="['340','290','478','361']" data-lineheight="['30','30','30','26']" data-width="['490','492','500','400']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="on" style="z-index: 8; min-width: 490px; max-width: 490px; white-space: normal;">Photography is a way of feeling, of touching, of loving. What you have caught on film is captured forever... it remembers little things, long after you have forgotten everything.
+                                    </div>
+
+                                    <!-- LAYER NR. 5 -->
+                                    <div class="tp-caption Photography-Button rev-btn " id="slide-191-layer-6" data-x="['left','left','center','center']" data-hoffset="['80','80','0','0']" data-y="['top','top','bottom','bottom']" data-voffset="['600','530','100','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;" data-start="1250" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-192","delay":""}]' data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 9; white-space: nowrap;letter-spacing:1px;">HIRE ME
+                                    </div>
+                                </li>
+                                <!-- SLIDE -->
+                                <li data-index="rs-192" data-transition="slideoververtical" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography_contact-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Contact" data-description="&lt;p&gt;&lt;br data-mce-bogus=\&quot;1\&quot;&gt;&lt;/p&gt;
+						">
+                                    <!-- MAIN IMAGE -->
+                                    <img src="plugins/rs-plugin/assets/images/photography_contact.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                    <!-- LAYERS -->
+
+                                    <!-- LAYER NR. 1 -->
+                                    <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-192-layer-9" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeOut;" data-transform_out="auto:auto;s:1000;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="1500" data-basealign="slide" data-responsive_offset="on" style="z-index: 5;background-color:rgba(170, 170, 170, 0.25);border-color:rgba(0, 0, 0, 1.00);">
+                                    </div>
+
+                                    <!-- LAYER NR. 2 -->
+                                    <div class="tp-caption Photography-Display tp-resizeme" id="slide-192-layer-1" data-x="['left','left','left','left']" data-hoffset="['280','220','130','50']" data-y="['top','top','top','top']" data-voffset="['240','170','200','150']" data-fontsize="['60','60','60','40']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap; font-size: 60px; line-height: 50px; color: rgba(0, 0, 0, 1.00);">GET IN TOUCH
+                                    </div>
+
+                                    <!-- LAYER NR. 3 -->
+                                    <div class="tp-caption Photography-Display tp-resizeme" id="slide-192-layer-11" data-x="['left','left','left','left']" data-hoffset="['280','220','130','50']" data-y="['top','top','top','top']" data-voffset="['296','227','256','199']" data-fontsize="['60','60','60','40']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power2.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="750" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap; font-size: 60px; line-height: 50px; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 1.00);padding:10px 10px 10px 10px;">AND GET REAL
+                                    </div>
+
+                                    <!-- LAYER NR. 4 -->
+                                    <div class="tp-caption Photography-Textblock tp-resizeme" id="slide-192-layer-7" data-x="['left','left','left','left']" data-hoffset="['280','220','130','50']" data-y="['top','top','top','top']" data-voffset="['408','344','368','454']" data-lineheight="['30','30','30','26']" data-width="400" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; min-width: 400px; max-width: 400px; white-space: normal; color: rgba(0, 0, 0, 1.00);">The meeting of two personalities is like the contact of two chemical substances: if there is any reaction, both are transformed.
+                                    </div>
+
+                                    <!-- LAYER NR. 5 -->
+                                    <div class="tp-caption Photography-Subline tp-resizeme" id="slide-192-layer-4" data-x="['left','left','left','left']" data-hoffset="['280','220','130','50']" data-y="['top','top','top','top']" data-voffset="['551','490','521','313']" data-lineheight="['30','30','30','26']" data-width="['400','400','400','none']" data-height="none" data-whitespace="['normal','normal','nowrap','nowrap']" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1250" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 9; min-width: 400px; max-width: 400px; white-space: normal; font-size: 17px; color: rgba(0, 0, 0, 1.00);"><i class="fa-icon-map-marker" style="color:#000;width:25px;"></i> Photo Street 7654, LA
+                                        <br/>
+                                        <i class="fa-icon-phone" style="color:#000;width:25px;"></i> 0800 987654
+                                        <br/>
+                                        <i class="fa-icon-envelope-o" style="color:#000;width:25px;"></i> info@themepunch.com
+                                        <br/>
+                                        <i class="fa-icon-clock-o" style="color:#000;width:25px;"></i> Monday - Saturday 07:30 - 22:30
+                                    </div>
+                                </li>
+                            </ul>
+                            <div class="tp-static-layers">
+
+                                <!-- LAYER NR. 1 -->
+                                <div class="tp-caption tp-static-layer" id="slide-20-layer-2" data-x="['left','left','left','left']" data-hoffset="['30','30','30','30']" data-y="['top','top','top','top']" data-voffset="['30','30','30','30']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:300;" data-start="500" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-183","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="0" data-endslide="9" style="z-index: 5;"><img src="img/logo-white.png" alt="">
+                                </div>
+
+                                <!-- LAYER NR. 2 -->
+                                <div class="tp-caption rev-burger revb-whitenoborder tp-static-layer" id="slide-20-layer-16" data-x="['right','right','right','right']" data-hoffset="['14','14','14','14']" data-y="['top','top','top','top']" data-voffset="['10','10','10','10']" data-width="60" data-height="60" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="s:300;s:300;" data-start="1000" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"toggleclass","layer":"slide-20-layer-16","delay":"0","classname":"open"},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slide-20-layer-5","delay":""},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slide-20-layer-6","delay":""},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slide-20-layer-7","delay":""},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slide-20-layer-8","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="0" data-endslide="9" style="z-index: 6; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; white-space: nowrap; font-size: px; line-height: px; font-weight: 100;padding:22px 0px 0px 14px;border-color:rgba(68, 68, 68, 1.00);border-radius:50% 50% 50% 50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">
+                                    <span></span>
+                                    <span></span>
+                                    <span></span>
+
+                                </div>
+
+                                <!-- LAYER NR. 3 -->
+                                <div class="tp-caption tp-static-layer" id="slide-20-layer-3" data-x="['left','left','left','left']" data-hoffset="['67','67','67','67']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['30','30','30','30']" data-width="none" data-height="none" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(59, 89, 152, 1.00);cursor:pointer;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:300;" data-start="500" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"simplelink","target":"new","url":"https:\/\/www.facebook.com\/themepunchofficial"}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="0" data-endslide="9" style="z-index: 7; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 1.00);padding:6px 10px 4px 11px;border-radius:30px 30px 30px 30px;"><i class="fa-icon-facebook"></i>
+                                </div>
+
+                                <!-- LAYER NR. 4 -->
+                                <div class="tp-caption tp-static-layer" id="slide-20-layer-4" data-x="['left','left','left','left']" data-hoffset="['30','30','30','30']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['30','30','30','30']" data-width="none" data-height="none" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power3.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(85, 172, 238, 1.00);cursor:pointer;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:300;" data-start="500" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"simplelink","target":"new","url":"https:\/\/twitter.com\/themepunch"}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="0" data-endslide="9" style="z-index: 8; white-space: nowrap; font-size: 17px; line-height: 22px; font-weight: 400; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 1.00);padding:6px 7px 4px 9px;border-radius:30px 30px 30px 30px;"><i class="fa-icon-twitter"></i>
+                                </div>
+
+                                <!-- LAYER NR. 5 -->
+                                <div class="tp-caption Photography-Menuitem tp-static-layer" id="slide-20-layer-5" data-x="['right','right','right','right']" data-hoffset="['30','30','30','30']" data-y="['top','top','top','top']" data-voffset="['80','80','80','80']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:200;e:Linear.easeNone;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(0, 255, 222, 0.65);cursor:pointer;" data-transform_in="x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="x:[100%];s:500;e:Power3.easeInOut;s:500;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-183","delay":""},{"event":"click","action":"simulateclick","layer":"slide-20-layer-16","delay":"0"}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="0" data-endslide="9" data-end="bytrigger" data-lasttriggerstate="keep" style="z-index: 9; white-space: nowrap;">INTRO
+                                </div>
+
+                                <!-- LAYER NR. 6 -->
+                                <div class="tp-caption Photography-Menuitem tp-static-layer" id="slide-20-layer-6" data-x="['right','right','right','right']" data-hoffset="['30','30','30','30']" data-y="['top','top','top','top']" data-voffset="['110','110','110','110']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:200;e:Linear.easeNone;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(0, 255, 222, 0.65);cursor:pointer;" data-transform_in="x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="x:[100%];s:500;e:Power3.easeInOut;s:500;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-184","delay":""},{"event":"click","action":"simulateclick","layer":"slide-20-layer-16","delay":"0"}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="0" data-endslide="9" data-end="bytrigger" data-lasttriggerstate="keep" style="z-index: 10; white-space: nowrap;">MY PORTFOLIO
+                                </div>
+
+                                <!-- LAYER NR. 7 -->
+                                <div class="tp-caption Photography-Menuitem tp-static-layer" id="slide-20-layer-7" data-x="['right','right','right','right']" data-hoffset="['30','30','30','30']" data-y="['top','top','top','top']" data-voffset="['140','140','140','140']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:200;e:Linear.easeNone;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(0, 255, 222, 0.65);cursor:pointer;" data-transform_in="x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="x:[100%];s:500;e:Power3.easeInOut;s:500;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-191","delay":""},{"event":"click","action":"simulateclick","layer":"slide-20-layer-16","delay":"0"}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="0" data-endslide="9" data-end="bytrigger" data-lasttriggerstate="keep" style="z-index: 11; white-space: nowrap;">ABOUT ME
+                                </div>
+
+                                <!-- LAYER NR. 8 -->
+                                <div class="tp-caption Photography-Menuitem tp-static-layer" id="slide-20-layer-8" data-x="['right','right','right','right']" data-hoffset="['30','30','30','30']" data-y="['top','top','top','top']" data-voffset="['170','170','170','170']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:200;e:Linear.easeNone;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(0, 255, 222, 0.65);cursor:pointer;" data-transform_in="x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:700;e:Power3.easeInOut;" data-transform_out="x:[100%];s:500;e:Power3.easeInOut;s:500;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-192","delay":""},{"event":"click","action":"simulateclick","layer":"slide-20-layer-16","delay":"0"}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="0" data-endslide="9" data-end="bytrigger" data-lasttriggerstate="keep" style="z-index: 12; white-space: nowrap;">CONTACT
+                                </div>
+
+                                <!-- LAYER NR. 9 -->
+                                <div class="tp-caption tp-shape tp-shapewrapper tp-static-layer" id="slide-20-layer-9" data-x="['right','right','center','center']" data-hoffset="['30','30','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['30','30','30','30']" data-width="460" data-height="87" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-style_hover="cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;s:1000;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="500" data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="2" data-endslide="7" style="z-index: 13;background-color:rgba(0, 0, 0, 0.65);border-color:rgba(0, 0, 0, 1.00);">
+                                </div>
+
+                                <!-- LAYER NR. 10 -->
+                                <div class="tp-caption photography-ImageHover2 tp-static-layer" id="slide-20-layer-10" data-x="['right','right','center','center']" data-hoffset="['400','400','-175','-175']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['50','50','50','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_hover="o:0.5;sX:0.8;sY:0.8;rX:0;rY:0;rZ:0;z:0;s:500;e:Back.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;s:1000;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="500" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-185","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="2" data-endslide="7" style="z-index: 14; line-height: 22px;font-family:Arial;border-color:rgba(255, 255, 255, 0);"><img src="plugins/rs-plugin/assets/images/photography_thumb1.jpg" alt="" width="300" height="200" data-ww="['70px','70px','70px','70px']" data-hh="['47px','47px','47px','47px']" data-no-retina>
+                                </div>
+
+                                <!-- LAYER NR. 11 -->
+                                <div class="tp-caption photography-ImageHover2 tp-static-layer" id="slide-20-layer-12" data-x="['right','right','center','center']" data-hoffset="['330','330','-105','-105']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['50','50','50','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_hover="o:0.5;sX:0.8;sY:0.8;rX:0;rY:0;rZ:0;z:0;s:500;e:Back.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;s:1000;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="600" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-186","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="2" data-endslide="7" style="z-index: 15; line-height: 22px;font-family:Arial;border-color:rgba(255, 255, 255, 0);"><img src="plugins/rs-plugin/assets/images/photography_thumb5.jpg" alt="" width="300" height="200" data-ww="['70px','70px','70px','70px']" data-hh="['47px','47px','47px','47px']" data-no-retina>
+                                </div>
+
+                                <!-- LAYER NR. 12 -->
+                                <div class="tp-caption photography-ImageHover2 tp-static-layer" id="slide-20-layer-13" data-x="['right','right','center','center']" data-hoffset="['260','260','-35','-35']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['50','50','50','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_hover="o:0.5;sX:0.8;sY:0.8;rX:0;rY:0;rZ:0;z:0;s:500;e:Back.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;s:1000;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="700" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-187","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="2" data-endslide="7" style="z-index: 16; line-height: 22px;font-family:Arial;border-color:rgba(255, 255, 255, 0);"><img src="plugins/rs-plugin/assets/images/photography_thumb3.jpg" alt="" width="300" height="200" data-ww="['70px','70px','70px','70px']" data-hh="['47px','47px','47px','47px']" data-no-retina>
+                                </div>
+
+                                <!-- LAYER NR. 13 -->
+                                <div class="tp-caption photography-ImageHover2 tp-static-layer" id="slide-20-layer-11" data-x="['right','right','center','center']" data-hoffset="['190','190','35','35']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['50','50','50','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_hover="o:0.5;sX:0.8;sY:0.8;rX:0;rY:0;rZ:0;z:0;s:500;e:Back.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;s:1000;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="800" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-188","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="2" data-endslide="7" style="z-index: 17; line-height: 22px;font-family:Arial;border-color:rgba(255, 255, 255, 0);"><img src="plugins/rs-plugin/assets/images/photography_thumb2.jpg" alt="" width="300" height="200" data-ww="['70px','70px','70px','70px']" data-hh="['47px','47px','47px','47px']" data-no-retina>
+                                </div>
+
+                                <!-- LAYER NR. 14 -->
+                                <div class="tp-caption photography-ImageHover2 tp-static-layer" id="slide-20-layer-14" data-x="['right','right','center','center']" data-hoffset="['120','120','105','105']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['50','50','50','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_hover="o:0.5;sX:0.8;sY:0.8;rX:0;rY:0;rZ:0;z:0;s:500;e:Back.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;s:1000;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="900" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-189","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="2" data-endslide="7" style="z-index: 18; line-height: 22px;font-family:Arial;border-color:rgba(255, 255, 255, 0);"><img src="plugins/rs-plugin/assets/images/photography_thumb4.jpg" alt="" width="300" height="200" data-ww="['70px','70px','70px','70px']" data-hh="['47px','47px','47px','47px']" data-no-retina>
+                                </div>
+
+                                <!-- LAYER NR. 15 -->
+                                <div class="tp-caption photography-ImageHover2 tp-static-layer" id="slide-20-layer-15" data-x="['right','right','center','center']" data-hoffset="['50','50','175','175']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['50','50','50','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_hover="o:0.5;sX:0.8;sY:0.8;rX:0;rY:0;rZ:0;z:0;s:500;e:Back.easeOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;s:1000;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="1000" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-190","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="2" data-endslide="7" style="z-index: 19; line-height: 22px;font-family:Arial;border-color:rgba(255, 255, 255, 0);"><img src="plugins/rs-plugin/assets/images/photography_thumb6.jpg" alt="" width="300" height="200" data-ww="['70px','70px','70px','70px']" data-hh="['47px','47px','47px','47px']" data-no-retina>
+                                </div>
+                            </div>
+                            <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                        </div>
+                    </div>
+                    <!-- END REVOLUTION SLIDER -->
+
+                </article>
+            </section>
+
+ 
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+<script src="js/main2.js"></script>
+        <script type="text/javascript">
+            var tpj = jQuery;
+            var revapi50;
+            tpj(document).ready(function() {
+                if (tpj("#rev_slider_50_1").revolution == undefined) {
+                    revslider_showDoubleJqueryError("#rev_slider_50_1");
+                } else {
+                    revapi50 = tpj("#rev_slider_50_1").show().revolution({
+                        sliderType: "carousel",
+
+                        sliderLayout: "fullscreen",
+                        dottedOverlay: "none",
+                        delay: 9000,
+                        navigation: {
+                            keyboardNavigation: "off",
+                            keyboard_direction: "horizontal",
+                            onHoverStop: "off",
+                        },
+                        carousel: {
+                            maxRotation: 5,
+                            vary_rotation: "off",
+                            minScale: 15,
+                            vary_scale: "off",
+                            horizontal_align: "center",
+                            vertical_align: "center",
+                            fadeout: "on",
+                            vary_fade: "on",
+                            maxVisibleItems: 3,
+                            infinity: "off",
+                            space: -80,
+                            stretch: "off"
+                        },
+                        responsiveLevels: [1240, 1024, 778, 480],
+                        gridwidth: [1024, 900, 778, 480],
+                        gridheight: [868, 768, 960, 720],
+                        lazyType: "none",
+                        shadow: 0,
+                        spinner: "off",
+                        stopLoop: "on",
+                        stopAfterLoops: 0,
+                        stopAtSlide: 1,
+                        shuffle: "off",
+                        autoHeight: "off",
+                        fullScreenAlignForce: "off",
+                        fullScreenOffsetContainer: "",
+                        fullScreenOffset: "",
+                        disableProgressBar: "on",
+                        hideThumbsOnMobile: "off",
+                        hideSliderAtLimit: 0,
+                        hideCaptionAtLimit: 0,
+                        hideAllCaptionAtLilmit: 0,
+                        debugMode: false,
+                        fallbacks: {
+                            simplifyAll: "off",
+                            nextSlideOnWindowFocus: "off",
+                            disableFocusListener: false,
+                        }
+                    });
+                }
+            }); /*ready*/
+        </script>
+
+        <script>
+            jQuery(window).load(function() {
+                var retina = window.devicePixelRatio > 1 ? true : false;
+                if (retina) {
+                    var retinaEl = jQuery("#logo img");
+                    var retinaLogoW = retinaEl.width();
+                    var retinaLogoH = retinaEl.height();
+                    retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+                }
+            });
+        </script>
+</body>
+</html>

website/Boson/HTML/rev-s-carousel-showcase.html

@@ -0,0 +1,696 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+                        <div id="rev_slider_54_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="showcase-carousel" style="margin:0px auto;background-color:#111111;padding:0px;margin-top:0px;margin-bottom:0px;background-image:url(http://server.local/revslider/wp-content/uploads/uploads/revslider/anothercarousel/webproduct_darkbg3.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_54_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-204" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="plugins/rs-plugin/assets/images/phone1-60x60.png" data-rotate="0" data-saveperformance="off" data-title="Number One" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/phone1.png" alt="" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-205" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="plugins/rs-plugin/assets/images/phone2-60x60.png" data-rotate="0" data-saveperformance="off" data-title="Number Two" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/phone2.png" alt="" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-206" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="plugins/rs-plugin/assets/images/phone3-60x60.png" data-rotate="0" data-saveperformance="off" data-title="Number Three" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/phone3.png" alt="" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-207" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="plugins/rs-plugin/assets/images/phone4-60x60.png" data-rotate="0" data-saveperformance="off" data-title="Number Four" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/phone4.png" alt="" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-208" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="plugins/rs-plugin/assets/images/phone5-60x60.png" data-rotate="0" data-saveperformance="off" data-title="Number Five" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/phone5.png" alt="" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-209" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="plugins/rs-plugin/assets/images/phone6-60x60.png" data-rotate="0" data-saveperformance="off" data-title="Number Six" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/phone6.png" alt="" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-210" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="plugins/rs-plugin/assets/images/phone7-60x60.png" data-rotate="0" data-saveperformance="off" data-title="Number Seven" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/phone7.png" alt="" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-211" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="plugins/rs-plugin/assets/images/phone8-60x60.png" data-rotate="0" data-saveperformance="off" data-title="Number Eight" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/phone8.png" alt="" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-212" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="plugins/rs-plugin/assets/images/phone9-60x60.png" data-rotate="0" data-saveperformance="off" data-title="Number Nine" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/phone9.png" alt="" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+                                    </li>
+                                </ul>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi54;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_54_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_54_1");
+            } else {
+                revapi54 = tpj("#rev_slider_54_1").show().revolution({
+                    sliderType: "carousel",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {
+                        keyboardNavigation: "off",
+                        keyboard_direction: "horizontal",
+                        mouseScrollNavigation: "off",
+                        onHoverStop: "off",
+                        arrows: {
+                            style: "erinyen",
+                            enable: true,
+                            hide_onmobile: false,
+                            hide_onleave: false,
+                            tmp: '<div class="tp-title-wrap"> 	<div class="tp-arr-imgholder"></div> <div class="tp-arr-img-over"></div>	<span class="tp-arr-titleholder">{{title}}</span> </div>',
+                            left: {
+                                h_align: "left",
+                                v_align: "center",
+                                h_offset: 30,
+                                v_offset: 0
+                            },
+                            right: {
+                                h_align: "right",
+                                v_align: "center",
+                                h_offset: 30,
+                                v_offset: 0
+                            }
+                        },
+                        thumbnails: {
+                            style: "gyges",
+                            enable: true,
+                            width: 60,
+                            height: 60,
+                            min_width: 60,
+                            wrapper_padding: 20,
+                            wrapper_color: "#000000",
+                            wrapper_opacity: "0.15",
+                            tmp: '<span class="tp-thumb-img-wrap"> <span class="tp-thumb-image"></span></span>',
+                            visibleAmount: 9,
+                            hide_onmobile: false,
+                            hide_onleave: false,
+                            direction: "horizontal",
+                            span: true,
+                            position: "outer-bottom",
+                            space: 10,
+                            h_align: "center",
+                            v_align: "bottom",
+                            h_offset: 0,
+                            v_offset: 0
+                        }
+                    },
+                    carousel: {
+                        maxRotation: 65,
+                        vary_rotation: "on",
+                        minScale: 55,
+                        vary_scale: "off",
+                        horizontal_align: "center",
+                        vertical_align: "center",
+                        fadeout: "on",
+                        vary_fade: "on",
+                        maxVisibleItems: 5,
+                        infinity: "off",
+                        space: -150,
+                        stretch: "off"
+                    },
+                    gridwidth: 600,
+                    gridheight: 600,
+                    lazyType: "none",
+                    shadow: 0,
+                    spinner: "off",
+                    stopLoop: "on",
+                    stopAfterLoops: 0,
+                    stopAtSlide: 1,
+                    shuffle: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        nextSlideOnWindowFocus: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+</body>
+</html>

website/Boson/HTML/rev-s-gallery-dark.html

@@ -0,0 +1,748 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_8_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="flickr-gallery12" style="margin:0px auto;background-color:#000000;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 auto mode -->
+                            <div id="rev_slider_8_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-28" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography9-100x50.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Umbrella" data-param1="September 7, 2015" data-param2="Alfon Much, The Precious Stones" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1080" data-lazyload="plugins/rs-plugin/assets/images/photography9.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption WebProduct-Menuitem" href="#" target="_blank" id="slide-15248995938-layer-1" data-x="20" data-y="bottom" data-voffset="20" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:200;e:Linear.easeNone;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5; white-space: nowrap; font-size: 20px; line-height: 30px;background-color:rgba(0, 0, 0, 0.50);border-radius:10px 10px 10px 10px;"><i class="fa-icon-photo"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-303" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography6-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="The Dreaming Girl" data-param1="September 6, 2015" data-param2="Lol" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1280" data-lazyload="plugins/rs-plugin/assets/images/photography6.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption WebProduct-Menuitem" href="#" target="_blank" id="slide-15248995938-layer-1" data-x="20" data-y="bottom" data-voffset="20" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:200;e:Linear.easeNone;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5; white-space: nowrap; font-size: 20px; line-height: 30px;background-color:rgba(0, 0, 0, 0.50);border-radius:10px 10px 10px 10px;"><i class="fa-icon-photo"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-302" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography7-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Ride my Bike" data-param1="September 4, 2015" data-param2="Why not another Image?" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1280" data-lazyload="plugins/rs-plugin/assets/images/photography7.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption WebProduct-Menuitem" href="#" target="_blank" id="slide-15248995938-layer-1" data-x="20" data-y="bottom" data-voffset="20" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:200;e:Linear.easeNone;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5; white-space: nowrap; font-size: 20px; line-height: 30px;background-color:rgba(0, 0, 0, 0.50);border-radius:10px 10px 10px 10px;"><i class="fa-icon-photo"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-301" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography_contact-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Desktop" data-param1="August 15, 2015" data-param2="Sunshine forever" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1280" data-lazyload="plugins/rs-plugin/assets/images/photography_contact.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption WebProduct-Menuitem" href="#" target="_blank" id="slide-15248995938-layer-1" data-x="20" data-y="bottom" data-voffset="20" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:200;e:Linear.easeNone;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5; white-space: nowrap; font-size: 20px; line-height: 30px;background-color:rgba(0, 0, 0, 0.50);border-radius:10px 10px 10px 10px;"><i class="fa-icon-photo"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-300" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography_thumb3-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Little Dog" data-param1="July 27, 2015" data-param2="Nobody knows the real Date !" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="300" height="200" data-lazyload="plugins/rs-plugin/assets/images/photography_thumb3.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption WebProduct-Menuitem" href="#" target="_blank" id="slide-15248995938-layer-1" data-x="20" data-y="bottom" data-voffset="20" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:200;e:Linear.easeNone;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5; white-space: nowrap; font-size: 20px; line-height: 30px;background-color:rgba(0, 0, 0, 0.50);border-radius:10px 10px 10px 10px;"><i class="fa-icon-photo"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-299" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/newspaper_bg3-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Sky" data-param1="June 11, 2015" data-param2="Over the Rainbow" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1440" data-lazyload="plugins/rs-plugin/assets/images/newspaper_bg3.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption WebProduct-Menuitem" href="#" target="_blank" id="slide-15248995938-layer-1" data-x="20" data-y="bottom" data-voffset="20" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:200;e:Linear.easeNone;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5; white-space: nowrap; font-size: 20px; line-height: 30px;background-color:rgba(0, 0, 0, 0.50);border-radius:10px 10px 10px 10px;"><i class="fa-icon-photo"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-304" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography4-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Call the Police" data-param1="June 04, 2015" data-param2="Lorem ipsum Dolor Motordie" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1080" data-lazyload="plugins/rs-plugin/assets/images/photography4.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption WebProduct-Menuitem" href="#" target="_blank" id="slide-15248995938-layer-1" data-x="20" data-y="bottom" data-voffset="20" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:200;e:Linear.easeNone;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5; white-space: nowrap; font-size: 20px; line-height: 30px;background-color:rgba(0, 0, 0, 0.50);border-radius:10px 10px 10px 10px;"><i class="fa-icon-photo"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-305" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography2-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Beauty" data-param1="June 01, 2015" data-param2="Lol Ottolo pioricolo" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1080" data-lazyload="plugins/rs-plugin/assets/images/photography2.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <a class="tp-caption WebProduct-Menuitem" href="#" target="_blank" id="slide-15248995938-layer-1" data-x="20" data-y="bottom" data-voffset="20" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:200;e:Linear.easeNone;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="0" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5; white-space: nowrap; font-size: 20px; line-height: 30px;background-color:rgba(0, 0, 0, 0.50);border-radius:10px 10px 10px 10px;"><i class="fa-icon-photo"></i> 
+								</a>
+                                    </li>
+                                </ul>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	
+     <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+  
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi8;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_8_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_8_1");
+            } else {
+                revapi8 = tpj("#rev_slider_8_1").show().revolution({
+                    sliderType: "standard",
+
+                    sliderLayout: "auto",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {
+                        keyboardNavigation: "on",
+                        keyboard_direction: "horizontal",
+                        mouseScrollNavigation: "off",
+                        onHoverStop: "off",
+                        touch: {
+                            touchenabled: "on",
+                            swipe_threshold: 75,
+                            swipe_min_touches: 1,
+                            swipe_direction: "horizontal",
+                            drag_block_vertical: false
+                        },
+                        arrows: {
+                            style: "hesperiden",
+                            enable: true,
+                            hide_onmobile: true,
+                            hide_under: 778,
+                            hide_onleave: true,
+                            hide_delay: 200,
+                            hide_delay_mobile: 200,
+                            tmp: '',
+                            left: {
+                                h_align: "left",
+                                v_align: "center",
+                                h_offset: 20,
+                                v_offset: 0
+                            },
+                            right: {
+                                h_align: "right",
+                                v_align: "center",
+                                h_offset: 20,
+                                v_offset: 0
+                            }
+                        },
+                        thumbnails: {
+                            style: "gyges",
+                            enable: true,
+                            width: 60,
+                            height: 60,
+                            min_width: 60,
+                            wrapper_padding: 5,
+                            wrapper_color: "#222222",
+                            wrapper_opacity: "1",
+                            tmp: '<span class="tp-thumb-img-wrap"> <span class="tp-thumb-image"></span></span>',
+                            visibleAmount: 5,
+                            hide_onmobile: false,
+                            hide_over: 777,
+                            hide_onleave: false,
+                            direction: "vertical",
+                            span: true,
+                            position: "outer-left",
+                            space: 5,
+                            h_align: "left",
+                            v_align: "top",
+                            h_offset: 0,
+                            v_offset: 0
+                        },
+                        tabs: {
+                            style: "gyges",
+                            enable: true,
+                            width: 300,
+                            height: 80,
+                            min_width: 300,
+                            wrapper_padding: 30,
+                            wrapper_color: "#222222",
+                            wrapper_opacity: "1",
+                            tmp: '<div class="tp-tab-content"> <span class="tp-tab-date">{{param1}}</span> <span class="tp-tab-title">{{title}}</span></div><div class="tp-tab-image"></div>',
+                            visibleAmount: 10,
+                            hide_onmobile: true,
+                            hide_under: 778,
+                            hide_onleave: false,
+                            hide_delay: 200,
+                            direction: "vertical",
+                            span: true,
+                            position: "outer-left",
+                            space: 0,
+                            h_align: "left",
+                            v_align: "top",
+                            h_offset: 0,
+                            v_offset: 0
+                        }
+                    },
+                    gridwidth: 800,
+                    gridheight: 640,
+                    lazyType: "single",
+                    shadow: 0,
+                    spinner: "off",
+                    stopLoop: "on",
+                    stopAfterLoops: 0,
+                    stopAtSlide: 1,
+                    shuffle: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        nextSlideOnWindowFocus: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+</body>
+</html>

website/Boson/HTML/rev-s-gallery-light.html

@@ -0,0 +1,753 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_8_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="facebook-feed8" style="margin:0px auto;background-color:#dddddd;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 auto mode -->
+                            <div id="rev_slider_8_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-28" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography9-100x50.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Umbrella" data-param1="September 7, 2015" data-param2="Alfon Much, The Precious Stones" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1080" data-lazyload="plugins/rs-plugin/assets/images/photography9.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Facebook-Likes " id="slide-28-layer-1" data-x="10" data-y="bottom" data-voffset="10" data-width="['65']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:30px; z-index: 5; max-width: 90px; max-width: 32px; max-width: 32px; white-space: normal;text-align:center;"><i class="fa-icon-thumbs-o-up"></i> 5
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <a class="tp-caption Facebook-Likes " href="{{link}}" target="_blank" id="slide-28-layer-2" data-x="105" data-y="bottom" data-voffset="10" data-width="['45']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:500;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:33px; z-index: 6; min-width: 45px; max-width: 45px; max-width: 32px; max-width: 32px; white-space: normal; color: rgba(0, 0, 0, 1.00);text-align:center;background-color:rgba(255, 255, 255, 1.00);"><i class="fa-icon-chain"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-303" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography6-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="The Dreaming Girl" data-param1="September 6, 2015" data-param2="Lol" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1280" data-lazyload="plugins/rs-plugin/assets/images/photography6.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Facebook-Likes " id="slide-303-layer-1" data-x="10" data-y="bottom" data-voffset="10" data-width="['65']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:30px; z-index: 5; max-width: 90px; max-width: 32px; max-width: 32px; white-space: normal;text-align:center;"><i class="fa-icon-thumbs-o-up"></i> 5
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <a class="tp-caption Facebook-Likes " href="{{link}}" target="_blank" id="slide-303-layer-2" data-x="105" data-y="bottom" data-voffset="10" data-width="['45']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:500;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:33px; z-index: 6; min-width: 45px; max-width: 45px; max-width: 32px; max-width: 32px; white-space: normal; color: rgba(0, 0, 0, 1.00);text-align:center;background-color:rgba(255, 255, 255, 1.00);"><i class="fa-icon-chain"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-302" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography7-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Ride my Bike" data-param1="September 4, 2015" data-param2="Why not another Image?" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1280" data-lazyload="plugins/rs-plugin/assets/images/photography7.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Facebook-Likes " id="slide-302-layer-1" data-x="10" data-y="bottom" data-voffset="10" data-width="['65']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:30px; z-index: 5; max-width: 90px; max-width: 32px; max-width: 32px; white-space: normal;text-align:center;"><i class="fa-icon-thumbs-o-up"></i> 5
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <a class="tp-caption Facebook-Likes " href="{{link}}" target="_blank" id="slide-302-layer-2" data-x="105" data-y="bottom" data-voffset="10" data-width="['45']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:500;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:33px; z-index: 6; min-width: 45px; max-width: 45px; max-width: 32px; max-width: 32px; white-space: normal; color: rgba(0, 0, 0, 1.00);text-align:center;background-color:rgba(255, 255, 255, 1.00);"><i class="fa-icon-chain"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-301" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography_contact-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Desktop" data-param1="August 15, 2015" data-param2="Sunshine forever" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1280" data-lazyload="plugins/rs-plugin/assets/images/photography_contact.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Facebook-Likes " id="slide-301-layer-1" data-x="10" data-y="bottom" data-voffset="10" data-width="['65']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:30px; z-index: 5; max-width: 90px; max-width: 32px; max-width: 32px; white-space: normal;text-align:center;"><i class="fa-icon-thumbs-o-up"></i> 5
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <a class="tp-caption Facebook-Likes " href="{{link}}" target="_blank" id="slide-301-layer-2" data-x="105" data-y="bottom" data-voffset="10" data-width="['45']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:500;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:33px; z-index: 6; min-width: 45px; max-width: 45px; max-width: 32px; max-width: 32px; white-space: normal; color: rgba(0, 0, 0, 1.00);text-align:center;background-color:rgba(255, 255, 255, 1.00);"><i class="fa-icon-chain"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-300" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography_thumb3-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Little Dog" data-param1="July 27, 2015" data-param2="Nobody knows the real Date !" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="300" height="200" data-lazyload="plugins/rs-plugin/assets/images/photography_thumb3.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Facebook-Likes " id="slide-300-layer-1" data-x="10" data-y="bottom" data-voffset="10" data-width="['65']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:30px; z-index: 5; max-width: 90px; max-width: 32px; max-width: 32px; white-space: normal;text-align:center;"><i class="fa-icon-thumbs-o-up"></i> 5
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <a class="tp-caption Facebook-Likes " href="{{link}}" target="_blank" id="slide-300-layer-2" data-x="105" data-y="bottom" data-voffset="10" data-width="['45']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:500;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:33px; z-index: 6; min-width: 45px; max-width: 45px; max-width: 32px; max-width: 32px; white-space: normal; color: rgba(0, 0, 0, 1.00);text-align:center;background-color:rgba(255, 255, 255, 1.00);"><i class="fa-icon-chain"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-299" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/newspaper_bg3-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Sky" data-param1="June 11, 2015" data-param2="Over the Rainbow" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1440" data-lazyload="plugins/rs-plugin/assets/images/newspaper_bg3.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Facebook-Likes " id="slide-299-layer-1" data-x="10" data-y="bottom" data-voffset="10" data-width="['65']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:30px; z-index: 5; max-width: 90px; max-width: 32px; max-width: 32px; white-space: normal;text-align:center;"><i class="fa-icon-thumbs-o-up"></i> 5
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <a class="tp-caption Facebook-Likes " href="{{link}}" target="_blank" id="slide-299-layer-2" data-x="105" data-y="bottom" data-voffset="10" data-width="['45']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:500;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:33px; z-index: 6; min-width: 45px; max-width: 45px; max-width: 32px; max-width: 32px; white-space: normal; color: rgba(0, 0, 0, 1.00);text-align:center;background-color:rgba(255, 255, 255, 1.00);"><i class="fa-icon-chain"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-304" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography4-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Call the Police" data-param1="June 04, 2015" data-param2="Lorem ipsum Dolor Motordie" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1080" data-lazyload="plugins/rs-plugin/assets/images/photography4.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Facebook-Likes " id="slide-304-layer-1" data-x="10" data-y="bottom" data-voffset="10" data-width="['65']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:30px; z-index: 5; max-width: 90px; max-width: 32px; max-width: 32px; white-space: normal;text-align:center;"><i class="fa-icon-thumbs-o-up"></i> 5
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <a class="tp-caption Facebook-Likes " href="{{link}}" target="_blank" id="slide-304-layer-2" data-x="105" data-y="bottom" data-voffset="10" data-width="['45']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:500;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:33px; z-index: 6; min-width: 45px; max-width: 45px; max-width: 32px; max-width: 32px; white-space: normal; color: rgba(0, 0, 0, 1.00);text-align:center;background-color:rgba(255, 255, 255, 1.00);"><i class="fa-icon-chain"></i> 
+								</a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-305" data-transition="scaledownfromleft" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="plugins/rs-plugin/assets/images/photography2-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Beauty" data-param1="June 01, 2015" data-param2="Lol Ottolo pioricolo" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/dummy.png" alt="" width="1920" height="1080" data-lazyload="plugins/rs-plugin/assets/images/photography2.jpg" data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Facebook-Likes " id="slide-305-layer-1" data-x="10" data-y="bottom" data-voffset="10" data-width="['65']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:30px; z-index: 5; max-width: 90px; max-width: 32px; max-width: 32px; white-space: normal;text-align:center;"><i class="fa-icon-thumbs-o-up"></i> 5
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <a class="tp-caption Facebook-Likes " href="{{link}}" target="_blank" id="slide-305-layer-2" data-x="105" data-y="bottom" data-voffset="10" data-width="['45']" data-height="['32']" data-transform_idle="o:1;tO:-20% 50%;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:500;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 1.00);cursor:pointer;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="500" data-splitin="none" data-splitout="none" data-actions='' data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="line-height:33px; z-index: 6; min-width: 45px; max-width: 45px; max-width: 32px; max-width: 32px; white-space: normal; color: rgba(0, 0, 0, 1.00);text-align:center;background-color:rgba(255, 255, 255, 1.00);"><i class="fa-icon-chain"></i> 
+								</a>
+                                    </li>
+                                </ul>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+ 
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi8;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_8_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_8_1");
+            } else {
+                revapi8 = tpj("#rev_slider_8_1").show().revolution({
+                    sliderType: "standard",
+
+                    sliderLayout: "auto",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {
+                        keyboardNavigation: "on",
+                        keyboard_direction: "horizontal",
+                        mouseScrollNavigation: "off",
+                        onHoverStop: "off",
+                        touch: {
+                            touchenabled: "on",
+                            swipe_threshold: 75,
+                            swipe_min_touches: 1,
+                            swipe_direction: "horizontal",
+                            drag_block_vertical: false
+                        },
+                        arrows: {
+                            style: "gyges",
+                            enable: true,
+                            hide_onmobile: false,
+                            hide_onleave: false,
+                            tmp: '',
+                            left: {
+                                h_align: "right",
+                                v_align: "bottom",
+                                h_offset: 40,
+                                v_offset: 0
+                            },
+                            right: {
+                                h_align: "right",
+                                v_align: "bottom",
+                                h_offset: 0,
+                                v_offset: 0
+                            }
+                        },
+                        tabs: {
+                            style: "ares",
+                            enable: true,
+                            width: 350,
+                            height: 80,
+                            min_width: 350,
+                            wrapper_padding: 0,
+                            wrapper_color: "#f5f5f5",
+                            wrapper_opacity: "1",
+                            tmp: '<div class="tp-tab-content"> <span class="tp-tab-date">{{param1}}</span> <span class="tp-tab-title">{{param2}}</span></div><div class="tp-tab-image"></div>',
+                            visibleAmount: 10,
+                            hide_onmobile: true,
+                            hide_under: 776,
+                            hide_onleave: false,
+                            hide_delay: 200,
+                            direction: "vertical",
+                            span: true,
+                            position: "outer-left",
+                            space: 0,
+                            h_align: "left",
+                            v_align: "top",
+                            h_offset: 0,
+                            v_offset: 0
+                        }
+                    },
+                    gridwidth: 800,
+                    gridheight: 640,
+                    lazyType: "single",
+                    shadow: 0,
+                    spinner: "off",
+                    stopLoop: "on",
+                    stopAfterLoops: 0,
+                    stopAtSlide: 1,
+                    shuffle: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        nextSlideOnWindowFocus: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+</body>
+</html>

website/Boson/HTML/rev-s-gallery-news.html

@@ -0,0 +1,741 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+    <script src="js/main2.js"></script>	
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_34_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="news-gallery34" style="margin:0px auto;background-color:#ffffff;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_34_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-129" data-transition="parallaxvertical" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="plugins/rs-plugin/assets/images/newscarousel1-100x50.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="A STUDY ON HAPPINESS" data-description="Science says that Women are generally happier">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/newscarousel1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-0" id="slide-129-layer-3" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="1000" data-basealign="slide" data-responsive_offset="on" style="z-index: 5;background-color:rgba(0, 0, 0, 0.35);border-color:rgba(0, 0, 0, 1.00);">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption Newspaper-Title tp-resizeme rs-parallaxlevel-0" id="slide-129-layer-1" data-x="['left','left','left','left']" data-hoffset="['50','50','50','30']" data-y="['top','top','top','top']" data-voffset="['165','135','105','130']" data-fontsize="['50','50','50','30']" data-lineheight="['55','55','55','35']" data-width="['600','600','600','420']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:0;y:0;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; min-width: 600px; max-width: 600px; white-space: normal;">Science says that Women are generally happier
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption Newspaper-Subtitle tp-resizeme rs-parallaxlevel-0" id="slide-129-layer-2" data-x="['left','left','left','left']" data-hoffset="['50','50','50','30']" data-y="['top','top','top','top']" data-voffset="['140','110','80','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:0;y:0;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">A STUDY ON HAPPINESS
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption Newspaper-Button rev-btn rs-parallaxlevel-0" id="slide-129-layer-5" data-x="['left','left','left','left']" data-hoffset="['53','53','53','30']" data-y="['top','top','top','top']" data-voffset="['361','331','301','245']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:0;y:0;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-responsive="off" style="z-index: 8; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">READ MORE
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-130" data-transition="parallaxvertical" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="plugins/rs-plugin/assets/images/newscarousel2-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="THE REAL DEAL" data-description="Every right implies a responsibility.">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/newscarousel2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-0" id="slide-130-layer-3" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="1000" data-basealign="slide" data-responsive_offset="on" style="z-index: 5;background-color:rgba(0, 0, 0, 0.35);border-color:rgba(0, 0, 0, 1.00);">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption Newspaper-Title tp-resizeme rs-parallaxlevel-0" id="slide-130-layer-1" data-x="['left','left','left','left']" data-hoffset="['50','50','50','30']" data-y="['top','top','top','top']" data-voffset="['165','135','105','130']" data-fontsize="['50','50','50','30']" data-lineheight="['55','55','55','35']" data-width="['600','600','600','420']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:0;y:0;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; min-width: 600px; max-width: 600px; white-space: normal;">Every right implies a responsibility.
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption Newspaper-Subtitle tp-resizeme rs-parallaxlevel-0" id="slide-130-layer-2" data-x="['left','left','left','left']" data-hoffset="['50','50','50','30']" data-y="['top','top','top','top']" data-voffset="['140','110','80','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:0;y:0;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">THE REAL DEAL
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption Newspaper-Button rev-btn rs-parallaxlevel-0" id="slide-130-layer-5" data-x="['left','left','left','left']" data-hoffset="['53','53','53','30']" data-y="['top','top','top','top']" data-voffset="['361','331','301','245']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:0;y:0;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-responsive="off" style="z-index: 8; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">READ MORE
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-131" data-transition="parallaxvertical" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="plugins/rs-plugin/assets/images/newscarousel6-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="NATURAL BEAUTY" data-description="There was never a night or a problem that could defeat sunrise or hope.">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/newscarousel6.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-0" id="slide-131-layer-3" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="1000" data-basealign="slide" data-responsive_offset="on" style="z-index: 5;background-color:rgba(0, 0, 0, 0.35);border-color:rgba(0, 0, 0, 1.00);">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption Newspaper-Title tp-resizeme rs-parallaxlevel-0" id="slide-131-layer-1" data-x="['left','left','left','left']" data-hoffset="['50','50','50','30']" data-y="['top','top','top','top']" data-voffset="['165','135','105','130']" data-fontsize="['50','50','50','30']" data-lineheight="['55','55','55','35']" data-width="['600','600','600','420']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:0;y:0;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; min-width: 600px; max-width: 600px; white-space: normal;">There was never a night or a problem that could defeat sunrise or hope.
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption Newspaper-Subtitle tp-resizeme rs-parallaxlevel-0" id="slide-131-layer-2" data-x="['left','left','left','left']" data-hoffset="['50','50','50','30']" data-y="['top','top','top','top']" data-voffset="['140','110','80','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:0;y:0;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">NATURAL BEAUTY
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption Newspaper-Button rev-btn rs-parallaxlevel-0" id="slide-131-layer-5" data-x="['left','left','left','left']" data-hoffset="['53','53','53','30']" data-y="['top','top','top','top']" data-voffset="['361','331','301','245']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:0;y:0;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-responsive="off" style="z-index: 8; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">READ MORE
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-132" data-transition="parallaxvertical" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="plugins/rs-plugin/assets/images/newscarousel5-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="WORDS OF WISDOM" data-description="Walking with a friend in the dark is better than alone in the light.">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/newscarousel5.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-0" id="slide-132-layer-3" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="1000" data-basealign="slide" data-responsive_offset="on" style="z-index: 5;background-color:rgba(0, 0, 0, 0.35);border-color:rgba(0, 0, 0, 1.00);">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption Newspaper-Title tp-resizeme rs-parallaxlevel-0" id="slide-132-layer-1" data-x="['left','left','left','left']" data-hoffset="['50','50','50','30']" data-y="['top','top','top','top']" data-voffset="['165','135','105','130']" data-fontsize="['50','50','50','30']" data-lineheight="['55','55','55','35']" data-width="['600','600','600','420']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:0;y:0;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; min-width: 600px; max-width: 600px; white-space: normal;">Walking with a friend in the dark is better than alone in the light.
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption Newspaper-Subtitle tp-resizeme rs-parallaxlevel-0" id="slide-132-layer-2" data-x="['left','left','left','left']" data-hoffset="['50','50','50','30']" data-y="['top','top','top','top']" data-voffset="['140','110','80','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:0;y:0;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">WORDS OF WISDOM
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption Newspaper-Button rev-btn rs-parallaxlevel-0" id="slide-132-layer-5" data-x="['left','left','left','left']" data-hoffset="['53','53','53','30']" data-y="['top','top','top','top']" data-voffset="['361','331','301','245']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:0;y:0;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-responsive="off" style="z-index: 8; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">READ MORE
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-bannertimer tp-bottom" style="height: 5px; background-color: rgba(166, 216, 236, 1.00);"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi34;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_34_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_34_1");
+            } else {
+                revapi34 = tpj("#rev_slider_34_1").show().revolution({
+                    sliderType: "standard",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {
+                        keyboardNavigation: "on",
+                        keyboard_direction: "horizontal",
+                        mouseScrollNavigation: "off",
+                        onHoverStop: "on",
+                        touch: {
+                            touchenabled: "on",
+                            swipe_threshold: 75,
+                            swipe_min_touches: 1,
+                            swipe_direction: "horizontal",
+                            drag_block_vertical: false
+                        },
+                        arrows: {
+                            style: "gyges",
+                            enable: true,
+                            hide_onmobile: false,
+                            hide_over: 778,
+                            hide_onleave: false,
+                            tmp: '',
+                            left: {
+                                h_align: "right",
+                                v_align: "bottom",
+                                h_offset: 40,
+                                v_offset: 0
+                            },
+                            right: {
+                                h_align: "right",
+                                v_align: "bottom",
+                                h_offset: 0,
+                                v_offset: 0
+                            }
+                        },
+                        tabs: {
+                            style: "erinyen",
+                            enable: true,
+                            width: 250,
+                            height: 100,
+                            min_width: 250,
+                            wrapper_padding: 0,
+                            wrapper_color: "transparent",
+                            wrapper_opacity: "0",
+                            tmp: '<div class="tp-tab-title">{{title}}</div><div class="tp-tab-desc">{{description}}</div>',
+                            visibleAmount: 3,
+                            hide_onmobile: true,
+                            hide_under: 778,
+                            hide_onleave: false,
+                            hide_delay: 200,
+                            direction: "vertical",
+                            span: false,
+                            position: "inner",
+                            space: 10,
+                            h_align: "right",
+                            v_align: "center",
+                            h_offset: 30,
+                            v_offset: 0
+                        }
+                    },
+                    viewPort: {
+                        enable: true,
+                        outof: "pause",
+                        visible_area: "80%"
+                    },
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1240, 1024, 778, 480],
+                    gridheight: [500, 450, 400, 350],
+                    lazyType: "none",
+                    parallax: {
+                        type: "scroll",
+                        origo: "enterpoint",
+                        speed: 400,
+                        levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],
+                    },
+                    shadow: 0,
+                    spinner: "off",
+                    stopLoop: "off",
+                    stopAfterLoops: -1,
+                    stopAtSlide: -1,
+                    shuffle: "off",
+                    autoHeight: "off",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        nextSlideOnWindowFocus: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+</body>
+</html>

website/Boson/HTML/rev-s-gallery-vimeo.html

@@ -0,0 +1,835 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	   <script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_60_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="vimeo-gallery58" style="margin:0px auto;background-color:#000000;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 auto mode -->
+                            <div id="rev_slider_60_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-137221490" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/532468261_640.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Ishtar X Tussilago" data-param1="25/08/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/532468261_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-137221490-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="137221490" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-136228343" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/530679653_640.jpg" data-rotate="0" data-saveperformance="off" data-title="Los Angeles" data-param1="13/08/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/530679653_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-136228343-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="136228343" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-135960434" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/530344230_640.jpg" data-rotate="0" data-saveperformance="off" data-title="The Colors of Feelings" data-param1="11/08/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/530344230_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-135960434-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="135960434" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-134008155" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/527282047_640.jpg" data-rotate="0" data-saveperformance="off" data-title="Powerful Iceland" data-param1="20/07/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/527282047_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-134008155-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="134008155" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-134774977" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/528419332_640.jpg" data-rotate="0" data-saveperformance="off" data-title="Paris Poetry" data-param1="28/07/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/528419332_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-134774977-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="134774977" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-134208766" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/527610339_640.jpg" data-rotate="0" data-saveperformance="off" data-title="Creativity Room - New Fubiz 2015" data-param1="22/07/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/527610339_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-134208766-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="134208766" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-132884121" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/525738035_640.jpg" data-rotate="0" data-saveperformance="off" data-title="Animated GIFS - New Fubiz 2015" data-param1="07/07/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/525738035_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-132884121-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="132884121" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-130740141" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/522861142_640.jpg" data-rotate="0" data-saveperformance="off" data-title="Naive New Beaters - Run Away" data-param1="15/06/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/522861142_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-130740141-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="130740141" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-130731671" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/522700263_640.jpg" data-rotate="0" data-saveperformance="off" data-title="Signature" data-param1="15/06/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/522700263_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-130731671-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="130731671" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-131389312" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/523617616_640.jpg" data-rotate="0" data-saveperformance="off" data-title="True Detective Season 2 Main Titles" data-param1="22/06/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/523617616_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-131389312-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="131389312" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-130333986" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/522152582_640.jpg" data-rotate="0" data-saveperformance="off" data-title="The Mill 2015 Reel" data-param1="10/06/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/522152582_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-130333986-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="130333986" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-129335481" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/521268221_640.jpg" data-rotate="0" data-saveperformance="off" data-title="The Cinder Cone" data-param1="31/05/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/521268221_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-129335481-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="129335481" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-129426512" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/520959748_640.jpg" data-rotate="0" data-saveperformance="off" data-title="Come / Jain" data-param1="01/06/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/520959748_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-129426512-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="129426512" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-127738920" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/519160061_640.jpg" data-rotate="0" data-saveperformance="off" data-title="Thylacine - Mountains (Official Video)" data-param1="13/05/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/519160061_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-127738920-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="127738920" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-128857252" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/520133670_640.jpg" data-rotate="0" data-saveperformance="off" data-title="hennessy - time barrel" data-param1="26/05/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/520133670_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-128857252-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="128857252" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-127628756" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/518645729_640.jpg" data-rotate="0" data-saveperformance="off" data-title="LEGO_ADVENTURE IN THE CITY" data-param1="12/05/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/518645729_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-127628756-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="127628756" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-125409179" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/515579680_640.jpg" data-rotate="0" data-saveperformance="off" data-title="Tarantino: The Driving Shots" data-param1="19/04/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/515579680_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-125409179-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="125409179" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-124769189" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/514619320_640.jpg" data-rotate="0" data-saveperformance="off" data-title="Lofoten - A timelapse postcard" data-param1="12/04/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/514619320_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-124769189-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="124769189" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-126061288" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/516372344_640.jpg" data-rotate="0" data-saveperformance="off" data-title="Reflections from Uyuni" data-param1="26/04/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/516372344_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-126061288-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="126061288" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-125471012" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.vimeocdn.com/video/515589102_640.jpg" data-rotate="0" data-saveperformance="off" data-title="Gravity" data-param1="20/04/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.vimeocdn.com/video/515589102_640.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-125471012-layer-1" data-x="" data-y="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:700;e:Power1.easeInOut;" data-transform_out="opacity:0;s:700;e:Power1.easeInOut;s:700;e:Power1.easeInOut;" data-start="1000" data-responsive_offset="on" data-vimeoid="125471012" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="1230" data-videoheight="692" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+    <script type="text/javascript">
+        var tpj = jQuery;
+
+        var revapi60;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_60_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_60_1");
+            } else {
+                revapi60 = tpj("#rev_slider_60_1").show().revolution({
+                    sliderType: "standard",
+
+                    sliderLayout: "auto",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {
+                        keyboardNavigation: "off",
+                        keyboard_direction: "horizontal",
+                        mouseScrollNavigation: "off",
+                        onHoverStop: "off",
+                        arrows: {
+                            style: "uranus",
+                            enable: true,
+                            hide_onmobile: true,
+                            hide_under: 778,
+                            hide_onleave: true,
+                            hide_delay: 200,
+                            hide_delay_mobile: 1200,
+                            tmp: '',
+                            left: {
+                                h_align: "left",
+                                v_align: "center",
+                                h_offset: 20,
+                                v_offset: 0
+                            },
+                            right: {
+                                h_align: "right",
+                                v_align: "center",
+                                h_offset: 20,
+                                v_offset: 0
+                            }
+                        },
+                        thumbnails: {
+                            style: "erinyen",
+                            enable: true,
+                            width: 200,
+                            height: 113,
+                            min_width: 170,
+                            wrapper_padding: 30,
+                            wrapper_color: "#333333",
+                            wrapper_opacity: "1",
+                            tmp: '<span class="tp-thumb-over"></span><span class="tp-thumb-image"></span><span class="tp-thumb-title">{{title}}</span><span class="tp-thumb-more"></span>',
+                            visibleAmount: 10,
+                            hide_onmobile: false,
+                            hide_onleave: false,
+                            direction: "horizontal",
+                            span: true,
+                            position: "outer-top",
+                            space: 20,
+                            h_align: "center",
+                            v_align: "top",
+                            h_offset: 0,
+                            v_offset: 0
+                        }
+                    },
+                    gridwidth: 1230,
+                    gridheight: 692,
+                    lazyType: "none",
+                    shadow: 0,
+                    spinner: "spinner2",
+                    stopLoop: "on",
+                    stopAfterLoops: 0,
+                    stopAtSlide: 1,
+                    shuffle: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        nextSlideOnWindowFocus: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+</body>
+</html>

website/Boson/HTML/rev-s-gallery-youtube.html

@@ -0,0 +1,836 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_74_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="youtube-gallery70" style="margin:0px auto;background-color:#000000;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 auto mode -->
+                            <div id="rev_slider_74_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-yRUAzGQ3nSY" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/yRUAzGQ3nSY/default.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Inside Out - Official US Trailer" data-param1="11/12/2014" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/yRUAzGQ3nSY/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-yRUAzGQ3nSY-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="yRUAzGQ3nSY" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-fE2UEpNgV3M" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/fE2UEpNgV3M/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Meet the Inside Out Cast!" data-param1="10/03/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/fE2UEpNgV3M/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-fE2UEpNgV3M-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="fE2UEpNgV3M" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1HFv47QHWJU" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/1HFv47QHWJU/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Inside Out - Official US Trailer 2" data-param1="10/03/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/1HFv47QHWJU/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-1HFv47QHWJU-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="1HFv47QHWJU" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-Whwyu09a8KE" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/Whwyu09a8KE/default.jpg" data-rotate="0" data-saveperformance="off" data-title=""First Day Plan/Cannes Announce" Clip - Inside Out" data-param1="16/04/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/Whwyu09a8KE/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-Whwyu09a8KE-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="Whwyu09a8KE" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-KHD0NzvtJaY" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/KHD0NzvtJaY/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Meet Sadness - Inside Out" data-param1="17/11/2014" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/KHD0NzvtJaY/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-KHD0NzvtJaY-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="KHD0NzvtJaY" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-7yKL4XdvoFs" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/7yKL4XdvoFs/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Meet Disgust - Inside Out" data-param1="18/11/2014" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/7yKL4XdvoFs/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-7yKL4XdvoFs-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="7yKL4XdvoFs" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-6x4lp2X214Y" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/6x4lp2X214Y/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Meet Anger - Inside Out" data-param1="19/11/2014" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/6x4lp2X214Y/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-6x4lp2X214Y-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="6x4lp2X214Y" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-LWtqKMeBfcc" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/LWtqKMeBfcc/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Meet Fear - Inside Out" data-param1="20/11/2014" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/LWtqKMeBfcc/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-LWtqKMeBfcc-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="LWtqKMeBfcc" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-xAFiosh_hsw" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/xAFiosh_hsw/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Meet Joy - Inside Out" data-param1="22/11/2014" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/xAFiosh_hsw/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-xAFiosh_hsw-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="xAFiosh_hsw" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1t0A_tZGrYw" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/1t0A_tZGrYw/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Inside Out US Teaser Trailer" data-param1="02/10/2014" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/1t0A_tZGrYw/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-1t0A_tZGrYw-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="1t0A_tZGrYw" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-E41kD9lLtX4" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/E41kD9lLtX4/default.jpg" data-rotate="0" data-saveperformance="off" data-title="&quot;Meet&quot; TV Spot - Inside Out" data-param1="17/02/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/E41kD9lLtX4/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-E41kD9lLtX4-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="E41kD9lLtX4" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs--kArxASiw3Y" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/-kArxASiw3Y/default.jpg" data-rotate="0" data-saveperformance="off" data-title="World Premiere! Pixar&#039;s &#039;Inside Out&#039; Trailer 2" data-param1="10/03/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/-kArxASiw3Y/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-kArxASiw3Y-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="-kArxASiw3Y" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-TkmerqUzExE" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/TkmerqUzExE/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Inside Out Emotional Reaction to Avengers: Age of Ultron Trailer" data-param1="28/04/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/TkmerqUzExE/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-TkmerqUzExE-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="TkmerqUzExE" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-Qhu1GXSehXo" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/Qhu1GXSehXo/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Happy Mother&#039;s Day from Disney/Pixar&#039;s Inside Out!" data-param1="12/05/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/Qhu1GXSehXo/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-Qhu1GXSehXo-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="Qhu1GXSehXo" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-M5pfng5S8tQ" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/M5pfng5S8tQ/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Meet Phyllis Smith as Sadness in INSIDE OUT" data-param1="12/05/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/M5pfng5S8tQ/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-M5pfng5S8tQ-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="M5pfng5S8tQ" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-9DTsdSdSne4" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/9DTsdSdSne4/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Meet Bill Hader as Fear in INSIDE OUT" data-param1="13/05/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/9DTsdSdSne4/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-9DTsdSdSne4-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="9DTsdSdSne4" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-U24c3P0PpT4" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/U24c3P0PpT4/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Meet Mindy Kaling as Disgust in INSIDE OUT" data-param1="14/05/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/U24c3P0PpT4/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-U24c3P0PpT4-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="U24c3P0PpT4" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-1DtMdRhtlfk" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/1DtMdRhtlfk/default.jpg" data-rotate="0" data-saveperformance="off" data-title="Meet Lewis Black as Anger in INSIDE OUT" data-param1="16/05/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/1DtMdRhtlfk/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-1DtMdRhtlfk-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="1DtMdRhtlfk" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-V9OWEEuviHE" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/V9OWEEuviHE/default.jpg" data-rotate="0" data-saveperformance="off" data-title="&quot;Long Term Memory&quot; Clip - Inside Out" data-param1="18/05/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/V9OWEEuviHE/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-V9OWEEuviHE-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="V9OWEEuviHE" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-k1oXx4delIY" data-transition="scaledownfrombottom" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="https://i.ytimg.com/vi/k1oXx4delIY/default.jpg" data-rotate="0" data-saveperformance="off" data-title="&quot;Disgust &amp; Anger&quot; Clip - Inside Out" data-param1="18/05/2015" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="https://i.ytimg.com/vi/k1oXx4delIY/default.jpg" alt="" data-bgposition="center center" data-bgfit="100% 0%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" id="slide-k1oXx4delIY-layer-2" data-x="center" data-hoffset="" data-y="center" data-voffset="" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" data-ytid="k1oXx4delIY" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="1230px" data-videoheight="692px" data-videocontrols="controls" data-videoloop="none" data-autoplay="on" data-nextslideatend="true" data-volume="100" data-forcerewind="on" style="z-index: 5;">
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	
+    <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+  
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi74;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_74_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_74_1");
+            } else {
+                revapi74 = tpj("#rev_slider_74_1").show().revolution({
+                    sliderType: "standard",
+
+                    sliderLayout: "auto",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {
+                        keyboardNavigation: "off",
+                        keyboard_direction: "horizontal",
+                        mouseScrollNavigation: "off",
+                        onHoverStop: "off",
+                        arrows: {
+                            style: "uranus",
+                            enable: true,
+                            hide_onmobile: true,
+                            hide_under: 778,
+                            hide_onleave: true,
+                            hide_delay: 200,
+                            hide_delay_mobile: 1200,
+                            tmp: '',
+                            left: {
+                                h_align: "left",
+                                v_align: "center",
+                                h_offset: 20,
+                                v_offset: 0
+                            },
+                            right: {
+                                h_align: "right",
+                                v_align: "center",
+                                h_offset: 20,
+                                v_offset: 0
+                            }
+                        },
+                        thumbnails: {
+                            style: "erinyen",
+                            enable: true,
+                            width: 200,
+                            height: 113,
+                            min_width: 170,
+                            wrapper_padding: 30,
+                            wrapper_color: "#333333",
+                            wrapper_opacity: "1",
+                            tmp: '<span class="tp-thumb-over"></span><span class="tp-thumb-image"></span><span class="tp-thumb-title">{{title}}</span><span class="tp-thumb-more"></span>',
+                            visibleAmount: 10,
+                            hide_onmobile: false,
+                            hide_onleave: false,
+                            direction: "horizontal",
+                            span: true,
+                            position: "outer-bottom",
+                            space: 20,
+                            h_align: "center",
+                            v_align: "bottom",
+                            h_offset: 0,
+                            v_offset: 0
+                        }
+                    },
+                    gridwidth: 1230,
+                    gridheight: 692,
+                    lazyType: "none",
+                    shadow: 0,
+                    spinner: "spinner2",
+                    stopLoop: "on",
+                    stopAfterLoops: 0,
+                    stopAtSlide: 1,
+                    shuffle: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        nextSlideOnWindowFocus: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+</body>
+</html>

website/Boson/HTML/rev-s-hero-image.html

@@ -0,0 +1,617 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_20_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="image-hero20" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_20_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-68" data-transition="zoomout" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="plugins/rs-plugin/assets/images/notgenericherobg-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Intro" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/notgenericherobg.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper rs-parallaxlevel-0" id="slide-68-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="s:300;s:300;" data-start="750" data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5;background-color:rgba(0, 0, 0, 0.40);border-color:rgba(0, 0, 0, 0.50);">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-0" id="slide-68-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-66','-68','-78','-78']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:default;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;"><i class="pe-7s-paper-plane"></i>
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0" id="slide-68-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','-22','-29']" data-fontsize="['70','70','70','50']" data-lineheight="['70','70','70','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">I'M A HERO TITLE
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0" id="slide-68-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['52','52','28','13']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; white-space: nowrap;">REVOLUTION SLIDER TEMPLATE
+                                        </div>
+
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption NotGeneric-CallToAction rev-btn rs-parallaxlevel-0" id="slide-68-layer-7" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['124','124','80','65']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1250" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"0px"}]' data-responsive_offset="on" data-responsive="off" style="z-index: 9; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">HOOK ME UP
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-static-layers"></div>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+ 
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi20;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_20_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_20_1");
+            } else {
+                revapi20 = tpj("#rev_slider_20_1").show().revolution({
+                    sliderType: "hero",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {},
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1240, 1024, 778, 480],
+                    gridheight: [600, 500, 400, 300],
+                    lazyType: "none",
+                    parallax: {
+                        type: "mouse",
+                        origo: "slidercenter",
+                        speed: 2000,
+                        levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
+                    },
+                    shadow: 0,
+                    spinner: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+</body>
+</html>

website/Boson/HTML/rev-s-hero-news.html

@@ -0,0 +1,613 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> 
+<!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_92_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="news-hero72" style="margin:0px auto;background-color:#ffffff;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_92_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-274" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1000" data-rotate="0" data-saveperformance="off" data-title="Slide" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/parallaxbgcut.jpg" alt="" data-bgposition="center bottom" data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-0" id="slide-274-layer-3" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="s:300;s:300;" data-start="1000" data-basealign="slide" data-responsive_offset="on" style="z-index: 5;background-color:rgba(0, 0, 0, 0.25);border-color:rgba(0, 0, 0, 1.00);">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption Newspaper-Title-Centered tp-resizeme rs-parallaxlevel-0" id="slide-274-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','1']" data-fontsize="['50','50','50','30']" data-lineheight="['55','55','55','35']" data-width="['721','721','721','420']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;" data-mask_in="x:0px;y:0px;" data-mask_out="x:0;y:0;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; min-width: 721px; max-width: 721px; white-space: normal;text-align:center;">Working at the Desk in a Modern Fashion
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption Newspaper-Subtitle tp-resizeme rs-parallaxlevel-0" id="slide-274-layer-2" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-72','-72','-72','-48']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;" data-mask_in="x:0px;y:0px;" data-mask_out="x:0;y:0;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">ABOUT THE LIFE OF A DESIGNER
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption Newspaper-Button rev-btn rs-parallaxlevel-0" id="slide-274-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['92','92','92','76']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:50px;opacity:0;s:1000;s:1000;" data-start="1000" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"px"}]' data-responsive_offset="on" data-responsive="off" style="z-index: 8; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">READ MORE
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+ 
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi92;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_92_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_92_1");
+            } else {
+                revapi92 = tpj("#rev_slider_92_1").show().revolution({
+                    sliderType: "hero",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {},
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1240, 1024, 778, 480],
+                    gridheight: [500, 450, 400, 350],
+                    lazyType: "none",
+                    parallax: {
+                        type: "scroll",
+                        origo: "enterpoint",
+                        speed: 400,
+                        levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],
+                    },
+                    shadow: 0,
+                    spinner: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+</body>
+</html>

website/Boson/HTML/rev-s-hero-newsletter.html

@@ -0,0 +1,623 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_100_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="newsletter-hero72" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_100_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-282" data-transition="zoomout" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="plugins/rs-plugin/assets/images/pierbg-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Intro" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/pierbg.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper rs-parallaxlevel-0" id="slide-282-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="s:300;s:300;" data-start="750" data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5;background-color:rgba(0, 0, 0, 0.25);border-color:rgba(0, 0, 0, 0.50);">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-0" id="slide-282-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-62','-68','-78','-78']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:default;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];" data-mask_out="x:inherit;y:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;"><i class="fa-icon-send"></i>
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0" id="slide-282-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','-22','-29']" data-fontsize="['50','70','40','30']" data-lineheight="['50','70','40','30']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap; font-size: 50px; line-height: 50px;">NEWSLETTER SIGNUP
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0" id="slide-282-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['42','52','18','7']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];" data-mask_out="x:inherit;y:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; white-space: nowrap;">POWERED BY MAILCHIMP
+                                        </div>
+
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption NotGeneric-CallToAction rs-parallaxlevel-0" id="slide-282-layer-11" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['376','336','252','191']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:default;" data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="opacity:0;s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-responsive="off" style="z-index: 9; white-space: nowrap;padding:0px 0px 0px 0px;border-color:rgba(255, 255, 255, 0);border-style:none;">
+                                            <form action="//themepunch.us9.list-manage.com/subscribe/post?u=a5738148e5ec630766e28de16&amp;id=3e718acc63" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="revtp-form" target="_blank" novalidate>
+                                                <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Your Email Address" required>
+                                                <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" style="display:inline-block; margin-left:-5px">
+                                            </form>
+                                        </div>
+
+                                    </li>
+                                </ul>
+                                <div class="tp-static-layers"></div>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+ 
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi100;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_100_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_100_1");
+            } else {
+                revapi100 = tpj("#rev_slider_100_1").show().revolution({
+                    sliderType: "hero",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {},
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1240, 1024, 778, 480],
+                    gridheight: [600, 500, 400, 300],
+                    lazyType: "none",
+                    parallax: {
+                        type: "mouse",
+                        origo: "slidercenter",
+                        speed: 2000,
+                        levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
+                    },
+                    shadow: 0,
+                    spinner: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+
+</body>
+</html>

website/Boson/HTML/rev-s-hero-search-form.html

@@ -0,0 +1,620 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_98_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="search-form-hero72" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_98_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-280" data-transition="zoomout" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="plugins/rs-plugin/assets/images/landscape-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Intro" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/landscape.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper rs-parallaxlevel-0" id="slide-280-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="s:300;s:300;" data-start="750" data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.50);">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-0" id="slide-280-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-62','-68','-78','-78']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:default;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;"><i class="fa-icon-wordpress"></i>
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0" id="slide-280-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','-22','-29']" data-fontsize="['50','70','40','30']" data-lineheight="['50','70','40','30']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap; font-size: 50px; line-height: 50px;">LOOKING FOR SOMETHING?
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0" id="slide-280-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['42','52','18','7']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; white-space: nowrap;">USING WORDPRESS POWERED SEARCH
+                                        </div>
+
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption NotGeneric-CallToAction rs-parallaxlevel-0" id="slide-280-layer-11" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['376','336','252','191']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:default;" data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="opacity:0;s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-responsive="off" style="z-index: 9; white-space: nowrap;padding:0px 0px 0px 0px;border-color:rgba(255, 255, 255, 0);border-style:none;">
+                                            <form role="search" method="get" id="searchform" class="revtp-searchform" action="http://themepunch.com">
+                                                <input type="text" value="" name="s" id="s" placeholder="What are you looking for?" />
+                                                <input type="submit" id="searchsubmit" value="Find" />
+                                            </form>
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-static-layers"></div>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+ 
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi98;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_98_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_98_1");
+            } else {
+                revapi98 = tpj("#rev_slider_98_1").show().revolution({
+                    sliderType: "hero",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {},
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1240, 1024, 778, 480],
+                    gridheight: [600, 500, 400, 300],
+                    lazyType: "none",
+                    parallax: {
+                        type: "mouse",
+                        origo: "slidercenter",
+                        speed: 2000,
+                        levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
+                    },
+                    shadow: 0,
+                    spinner: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+</body>
+</html>

website/Boson/HTML/rev-s-hero-sports.html

@@ -0,0 +1,623 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>	
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+                        <div id="rev_slider_56_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="sports-hero54" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_56_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-214" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/sports2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption Sports-Display tp-resizeme rs-parallaxlevel-0" id="slide-214-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-170','-170','-190','-140']" data-fontsize="['130','130','130','100']" data-lineheight="['130','130','130','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:2000;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;s:1000;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="750" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; white-space: nowrap;">MAJOR
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption Sports-DisplayFat tp-resizeme rs-parallaxlevel-0" id="slide-214-layer-2" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-48','-48','-68','-48']" data-fontsize="['130','130','130','100']" data-lineheight="['130','130','130','100']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:2000;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;s:1000;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;">LEAGUE
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-0" id="slide-214-layer-3" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['70','70','50','40']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;s:1000;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1250" data-responsive_offset="on" style="z-index: 7;"><img src="plugins/rs-plugin/assets/images/sports_sublinebg.png" alt="" width="500" height="45" data-ww="['500px','500px','500px','420px']" data-hh="45px" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption Sports-Subline tp-resizeme rs-parallaxlevel-0" id="slide-214-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['71','71','51','41']" data-fontsize="['30','30','30','25']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;" data-transform_out="y:[100%];s:1000;s:1000;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500" data-splitin="chars" data-splitout="none" data-responsive_offset="on" data-elementdelay="0.05" style="z-index: 8; white-space: nowrap; font-size: 30px; line-height: 30px;">WATCH THE LIVE STREAM
+                                        </div>
+
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption MarkerDisplay tp-resizeme rs-parallaxlevel-0" id="slide-214-layer-5" data-x="['center','center','center','center']" data-hoffset="['180','180','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['90','42','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:-30px;opacity:0.01;s:1500;e:Power3.easeOut;" data-transform_out="auto:auto;s:1000;" data-start="3500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 9; white-space: nowrap; font-size: 15px; line-height: 22px; font-weight: 400; color: rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0);border-radius:0px 0px 30px 30px;">
+                                            <div class="rs-looped rs-slideloop" data-easing="Power3.easeInOut" data-speed="1" data-xs="0" data-xe="0" data-ys="0" data-ye="3"><i class="fa-icon-arrow-up"></i> NOW IN FULL HD
+                                            </div>
+                                        </div>
+
+                                        <!-- LAYER NR. 6 -->
+                                        <div class="tp-caption rev-btn rev-bordered rs-parallaxlevel-0" id="slide-214-layer-6" data-x="['center','center','center','center']" data-hoffset="['-180','-180','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['120','70','115','115']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:500;e:Linear.easeNone;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);" data-transform_in="x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="2500" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"px"}]' data-responsive_offset="off" data-responsive="off" style="z-index: 10; white-space: nowrap; font-size: 17px; line-height: 17px; font-weight: 600; color: rgba(255, 255, 255, 1.00);font-family:Raleway;background-color:rgba(0, 0, 0, 0);padding:12px 35px 12px 35px;border-color:rgba(255, 255, 255, 0.50);border-style:solid;border-width:2px;letter-spacing:2px;">CREATE FREE ACCOUNT
+                                        </div>
+
+                                        <!-- LAYER NR. 7 -->
+                                        <div class="tp-caption rev-btn rev-bordered rs-parallaxlevel-0" id="slide-214-layer-7" data-x="['center','center','center','center']" data-hoffset="['180','180','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['120','70','50','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:500;e:Linear.easeNone;" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 1.00);bc:rgba(0, 0, 0, 1.00);" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="2500" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"px"}]' data-responsive_offset="off" data-responsive="off" style="z-index: 11; white-space: nowrap; font-size: 17px; line-height: 17px; font-weight: 600; color: rgba(255, 255, 255, 1.00);font-family:Raleway;background-color:rgba(219, 28, 34, 1.00);padding:12px 35px 12px 35px;border-color:rgba(219, 28, 34, 0);border-style:solid;border-width:2px;letter-spacing:2px;">SIGN UP FOR PREMIUM
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-static-layers"></div>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+ 
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi56;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_56_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_56_1");
+            } else {
+                revapi56 = tpj("#rev_slider_56_1").show().revolution({
+                    sliderType: "hero",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {},
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1240, 1024, 778, 480],
+                    gridheight: [720, 640, 640, 640],
+                    lazyType: "none",
+                    parallax: {
+                        type: "scroll",
+                        origo: "enterpoint",
+                        speed: 400,
+                        levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],
+                    },
+                    shadow: 0,
+                    spinner: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+</body>
+</html>

website/Boson/HTML/rev-s-hero-vimeo.html

@@ -0,0 +1,624 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_84_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="vimeo-hero" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_84_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-266" data-transition="zoomout" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="3000" data-thumb="plugins/rs-plugin/assets/images/vimeobg-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Intro" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/vimeobg.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- BACKGROUND VIDEO LAYER -->
+                                        <div class="rs-background-video-layer" data-forcerewind="on" data-volume="mute" data-vimeoid="82642494" data-videoattributes="title=0&amp;byline=0&amp;portrait=0&amp;api=1" data-videowidth="100%" data-videoheight="100%" data-videocontrols="none" data-videostartat="00:00" data-videoendat="00:48" data-videoloop="loop" data-forceCover="1" data-aspectratio="4:3" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true"></div>
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper rs-parallaxlevel-0" id="slide-266-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="s:300;s:300;" data-start="750" data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5;background-color:rgba(0, 0, 0, 0.25);border-color:rgba(0, 0, 0, 0.50);">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-0" id="slide-266-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-66','-64','-78','-78']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:default;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;"><i class="pe-7s-film"></i>
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0" id="slide-266-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','-22','-29']" data-fontsize="['70','70','70','50']" data-lineheight="['70','70','70','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">VIMEO HERO
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0" id="slide-266-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['52','52','28','13']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; white-space: nowrap;">REVOLUTION SLIDER TEMPLATE
+                                        </div>
+
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption Hero-Button rev-btn rs-parallaxlevel-0" id="slide-266-layer-7" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['124','124','80','65']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1250" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"0px"}]' data-responsive_offset="on" data-responsive="off" style="z-index: 9; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">CONTINUE ON SITE
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-static-layers"></div>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+ 
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi84;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_84_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_84_1");
+            } else {
+                revapi84 = tpj("#rev_slider_84_1").show().revolution({
+                    sliderType: "standard",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {
+                        onHoverStop: "off",
+                    },
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1240, 1024, 778, 480],
+                    gridheight: [600, 500, 400, 270],
+                    lazyType: "none",
+                    parallax: {
+                        type: "scroll",
+                        origo: "slidercenter",
+                        speed: 2000,
+                        levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
+                    },
+                    shadow: 0,
+                    spinner: "off",
+                    stopLoop: "on",
+                    stopAfterLoops: 0,
+                    stopAtSlide: 1,
+                    shuffle: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        nextSlideOnWindowFocus: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+</body>
+</html>

website/Boson/HTML/rev-s-hero-web-product-dark.html

@@ -0,0 +1,636 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+		<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+                        <div id="rev_slider_68_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="web-product-dark-hero64" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_68_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-235" data-transition="fade" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-rotate="0" data-saveperformance="off" data-title="Intro" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/webproduct_darkbg1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-235-layer-1" data-x="['right','right','center','center']" data-hoffset="['-254','-453','70','60']" data-y="['middle','middle','middle','bottom']" data-voffset="['50','50','211','25']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:right;s:1500;e:Power3.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="2500" data-responsive_offset="on" style="z-index: 5;"><img src="plugins/rs-plugin/assets/images/macbookpro.png" alt="" width="1000" height="600" data-ww="['1000px','1000px','500px','350px']" data-hh="['600px','600px','300px','210px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-235-layer-2" data-x="['left','left','center','center']" data-hoffset="['828','865','70','60']" data-y="['top','top','top','bottom']" data-voffset="['217','216','580','63']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="3350" data-responsive_offset="on" style="z-index: 6;"><img src="plugins/rs-plugin/assets/images/express_macbook_content1.jpg" alt="" width="653" height="408" data-ww="['653px','653px','330px','230px']" data-hh="['408px','408px','206px','144px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-235-layer-3" data-x="['left','left','center','center']" data-hoffset="['593','633','-110','-60']" data-y="['top','top','top','bottom']" data-voffset="['203','203','590','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:right;s:1500;e:Power3.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="2750" data-responsive_offset="on" style="z-index: 7;"><img src="plugins/rs-plugin/assets/images/ipad_dark.png" alt="" width="430" height="540" data-ww="['430px','430px','200px','170px']" data-hh="['540px','540px','251px','213px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-235-layer-4" data-x="['left','left','left','center']" data-hoffset="['663','703','212','-60']" data-y="['top','top','top','bottom']" data-voffset="['291','291','632','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="3700" data-responsive_offset="on" style="z-index: 8;"><img src="plugins/rs-plugin/assets/images/express_ipad_content1.jpg" alt="" width="290" height="374" data-ww="['290px','290px','135px','115px']" data-hh="['374px','374px','174px','148px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-3" id="slide-235-layer-5" data-x="['left','left','left','left']" data-hoffset="['530','553','127','58']" data-y="['top','top','top','top']" data-voffset="['297','297','622','529']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:right;s:1500;e:Power3.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="3000" data-responsive_offset="on" style="z-index: 9;"><img src="plugins/rs-plugin/assets/images/ihpone_dark.png" alt="" width="260" height="450" data-ww="['260px','260px','130px','100px']" data-hh="['450px','450px','225px','173px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 6 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-3" id="slide-235-layer-6" data-x="['left','left','left','left']" data-hoffset="['575','598','150','75']" data-y="['top','top','top','top']" data-voffset="['380','379','663','560']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="3950" data-responsive_offset="on" style="z-index: 10;"><img src="plugins/rs-plugin/assets/images/express_iphone_content1.jpg" alt="" width="170" height="286" data-ww="['170px','170px','85px','66px']" data-hh="['286px','286px','143px','111px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 7 -->
+                                        <div class="tp-caption WebProduct-Title-Light tp-resizeme rs-parallaxlevel-0" id="slide-235-layer-7" data-x="['left','left','left','left']" data-hoffset="['30','30','200','80']" data-y="['middle','middle','top','top']" data-voffset="['-110','-110','137','130']" data-fontsize="['90','90','75','75']" data-lineheight="['90','90','75','70']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:-50px;opacity:0;s:1000;e:Power2.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 11; white-space: nowrap;">Beautiful
+                                            <br/> Websites
+                                        </div>
+
+                                        <!-- LAYER NR. 8 -->
+                                        <div class="tp-caption WebProduct-SubTitle-Light tp-resizeme rs-parallaxlevel-0" id="slide-235-layer-10" data-x="['left','left','left','left']" data-hoffset="['30','30','200','80']" data-y="['middle','middle','top','top']" data-voffset="['14','44','294','277']" data-fontsize="['15','15','15','13']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:-50px;opacity:0;s:1000;e:Power2.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="1250" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 12; white-space: nowrap;letter-spacing:2px;font-weight:500;">WORDPRESS / HTML & CSS / JQUERY
+                                        </div>
+
+                                        <!-- LAYER NR. 9 -->
+                                        <div class="tp-caption WebProduct-Content-Light tp-resizeme rs-parallaxlevel-0" id="slide-235-layer-9" data-x="['left','left','left','left']" data-hoffset="['30','30','200','80']" data-y="['middle','middle','top','top']" data-voffset="['99','127','345','316']" data-fontsize="['16','16','16','14']" data-lineheight="['24','24','24','22']" data-width="['448','356','334','277']" data-height="['none','none','76','68']" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="x:-50px;opacity:0;s:1000;e:Power2.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 13; min-width: 448px; max-width: 448px; white-space: normal;">Our portfolio includes some of the most prominent clients.
+                                            <br/> You can be a part now!
+                                        </div>
+
+                                        <!-- LAYER NR. 10 -->
+                                        <div class="tp-caption WebProduct-Button rev-btn rs-parallaxlevel-0" id="slide-235-layer-8" data-x="['left','left','left','left']" data-hoffset="['30','30','200','80']" data-y="['middle','middle','top','top']" data-voffset="['238','238','456','420']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Linear.easeNone;" data-style_hover="c:rgba(51, 51, 51, 1.00);bg:rgba(255, 255, 255, 1.00);" data-transform_in="x:-50px;opacity:0;s:1000;e:Power2.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="1750" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"px"}]' data-responsive_offset="on" data-responsive="off" style="z-index: 14; white-space: nowrap;letter-spacing:1px;">GET STARTED TODAY
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-static-layers">
+                                </div>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+  <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi68;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_68_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_68_1");
+            } else {
+                revapi68 = tpj("#rev_slider_68_1").show().revolution({
+                    sliderType: "hero",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {},
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1400, 1240, 778, 480],
+                    gridheight: [768, 768, 960, 720],
+                    lazyType: "none",
+                    parallax: {
+                        type: "mouse+scroll",
+                        origo: "slidercenter",
+                        speed: 2000,
+                        levels: [1, 2, 3, 20, 25, 30, 35, 40, 45, 50],
+                        disable_onmobile: "on"
+                    },
+                    shadow: 0,
+                    spinner: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+</body>
+</html>

website/Boson/HTML/rev-s-hero-web-product-light.html

@@ -0,0 +1,643 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+		<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+                        <div id="rev_slider_70_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="web-product-light-hero66" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_70_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-243" data-transition="fade" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="1500" data-rotate="0" data-saveperformance="off" data-title="Intro" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/express_bglight.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-243-layer-1" data-x="['right','right','center','center']" data-hoffset="['-254','-453','70','60']" data-y="['middle','middle','middle','bottom']" data-voffset="['50','50','211','25']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:right;s:1500;e:Power3.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="2500" data-responsive_offset="on" style="z-index: 5;"><img src="plugins/rs-plugin/assets/images/macbookpro.png" alt="" width="1000" height="600" data-ww="['1000px','1000px','500px','350px']" data-hh="['600px','600px','300px','210px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-243-layer-2" data-x="['left','left','center','center']" data-hoffset="['828','865','70','60']" data-y="['top','top','top','bottom']" data-voffset="['216','216','580','63']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="3350" data-responsive_offset="on" style="z-index: 6;"><img src="plugins/rs-plugin/assets/images/express_macbook_content1.jpg" alt="" width="653" height="408" data-ww="['653px','653px','330px','230px']" data-hh="['408px','408px','206px','144px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-243-layer-3" data-x="['left','left','center','center']" data-hoffset="['593','633','-110','-60']" data-y="['top','top','top','bottom']" data-voffset="['203','203','590','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:right;s:1500;e:Power3.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="2750" data-responsive_offset="on" style="z-index: 7;"><img src="plugins/rs-plugin/assets/images/ipad.png" alt="" width="430" height="540" data-ww="['430px','430px','200px','170px']" data-hh="['540px','540px','251px','213px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-243-layer-4" data-x="['left','left','left','center']" data-hoffset="['663','703','212','-60']" data-y="['top','top','top','bottom']" data-voffset="['291','291','632','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="3700" data-responsive_offset="on" style="z-index: 8;"><img src="plugins/rs-plugin/assets/images/express_ipad_content1.jpg" alt="" width="290" height="374" data-ww="['290px','290px','135px','115px']" data-hh="['374px','374px','174px','148px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-3" id="slide-243-layer-5" data-x="['left','left','left','left']" data-hoffset="['530','553','127','58']" data-y="['top','top','top','top']" data-voffset="['298','297','622','529']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:right;s:1500;e:Power3.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="3000" data-responsive_offset="on" style="z-index: 9;"><img src="plugins/rs-plugin/assets/images/ihpone.png" alt="" width="260" height="450" data-ww="['260px','260px','130px','100px']" data-hh="['450px','450px','225px','173px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 6 -->
+                                        <div class="tp-caption tp-resizeme rs-parallaxlevel-3" id="slide-243-layer-6" data-x="['left','left','left','left']" data-hoffset="['576','598','150','75']" data-y="['top','top','top','top']" data-voffset="['380','379','663','560']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="3950" data-responsive_offset="on" style="z-index: 10;"><img src="plugins/rs-plugin/assets/images/express_iphone_content1.jpg" alt="" width="170" height="286" data-ww="['170px','170px','85px','66px']" data-hh="['286px','286px','143px','111px']" data-no-retina>
+                                        </div>
+
+                                        <!-- LAYER NR. 7 -->
+                                        <div class="tp-caption WebProduct-Title tp-resizeme rs-parallaxlevel-0" id="slide-243-layer-7" data-x="['left','left','left','left']" data-hoffset="['30','30','200','80']" data-y="['middle','middle','top','top']" data-voffset="['-110','-110','137','130']" data-fontsize="['90','90','75','75']" data-lineheight="['90','90','75','70']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:-50px;opacity:0;s:1000;e:Power2.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 11; white-space: nowrap;">Beautiful
+                                            <br/> Websites
+                                        </div>
+
+                                        <!-- LAYER NR. 8 -->
+                                        <div class="tp-caption WebProduct-SubTitle tp-resizeme rs-parallaxlevel-0" id="slide-243-layer-10" data-x="['left','left','left','left']" data-hoffset="['30','30','200','80']" data-y="['middle','middle','top','top']" data-voffset="['14','14','294','277']" data-fontsize="['15','15','15','13']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:-50px;opacity:0;s:1000;e:Power2.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="1250" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 12; white-space: nowrap;letter-spacing:2px;font-weight:500;">WORDPRESS / HTML & CSS / JQUERY
+                                        </div>
+
+                                        <!-- LAYER NR. 9 -->
+                                        <div class="tp-caption WebProduct-Content tp-resizeme rs-parallaxlevel-0" id="slide-243-layer-9" data-x="['left','left','left','left']" data-hoffset="['30','30','200','80']" data-y="['middle','middle','top','top']" data-voffset="['99','127','345','316']" data-fontsize="['16','16','16','14']" data-lineheight="['24','24','24','22']" data-width="['448','356','334','277']" data-height="['none','none','76','68']" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="x:-50px;opacity:0;s:1000;e:Power2.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 13; min-width: 448px; max-width: 448px; white-space: normal;">Our portfolio includes some of the most prominent clients.
+                                            <br/> You can be a part now!
+                                        </div>
+
+                                        <!-- LAYER NR. 10 -->
+                                        <div class="tp-caption rev-btn rev-btn rs-parallaxlevel-0" id="slide-243-layer-8" data-x="['left','left','left','left']" data-hoffset="['30','30','200','80']" data-y="['middle','middle','top','top']" data-voffset="['238','238','456','420']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Linear.easeNone;" data-style_hover="c:rgba(51, 51, 51, 1.00);bg:rgba(255, 255, 255, 1.00);" data-transform_in="x:-50px;opacity:0;s:1000;e:Power2.easeOut;" data-transform_out="opacity:0;s:1500;e:Power4.easeIn;s:1500;e:Power4.easeIn;" data-start="1750" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"px"}]' data-responsive_offset="on" data-responsive="off" style="z-index: 14; white-space: nowrap; font-size: 16px; line-height: 48px; font-weight: 600; color: rgba(255, 255, 255, 1.00);font-family:Raleway;background-color:rgba(51, 51, 51, 1.00);padding:0px 40px 0px 40px;border-color:rgba(0, 0, 0, 1.00);border-width:2px;letter-spacing:1px;">GET STARTED TODAY
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-static-layers">
+                                    <!-- LAYER NR. 1 -->
+                                    <div class="tp-caption - rs-parallaxlevel-0 tp-static-layer" id="slide-34-layer-1" data-x="['right','right','right','right']" data-hoffset="['30','30','30','30']" data-y="['top','top','top','top']" data-voffset="['30','30','30','30']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;" data-start="500" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"toggleclass","layer":"slide-34-layer-1","delay":"0","classname":"open"},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slide-34-layer-3","delay":"0"},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slide-34-layer-4","delay":"0"},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slide-34-layer-5","delay":"0"},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slide-34-layer-6","delay":"0"}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-startslide="-1" data-endslide="-1" style="z-index: 5; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgba(255, 255, 255, 1.00);">
+                                        <div id="rev-burger">
+                                            <span></span>
+                                            <span></span>
+                                            <span></span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi70;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_70_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_70_1");
+            } else {
+                revapi70 = tpj("#rev_slider_70_1").show().revolution({
+                    sliderType: "hero",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {},
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1400, 1240, 778, 480],
+                    gridheight: [768, 768, 960, 720],
+                    lazyType: "none",
+                    parallax: {
+                        type: "mouse+scroll",
+                        origo: "slidercenter",
+                        speed: 2000,
+                        levels: [1, 2, 3, 20, 25, 30, 35, 40, 45, 50],
+                        disable_onmobile: "on"
+                    },
+                    shadow: 0,
+                    spinner: "spinner2",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+</body>
+</html>

website/Boson/HTML/rev-s-hero-youtube.html

@@ -0,0 +1,626 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+		<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+              
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_88_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="youtube-hero" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_88_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-270" data-transition="zoomout" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="3000" data-thumb="plugins/rs-plugin/assets/images/youtubebg-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Intro" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/youtubebg.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- BACKGROUND VIDEO LAYER -->
+                                        <div class="rs-background-video-layer" data-forcerewind="on" data-volume="mute" data-ytid="8dTzy_N0Pn4" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;hd=1&amp;wmode=opaque&amp;showinfo=0&amp;ref=0;;origin=http://server.local;" data-videorate="1" data-videowidth="100%" data-videoheight="100%" data-videocontrols="none" data-videostartat="00:06" data-videoendat="01:40" data-videoloop="loop" data-forceCover="1" data-aspectratio="4:3" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true"></div>
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper rs-parallaxlevel-0" id="slide-270-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="s:300;s:300;" data-start="750" data-basealign="slide" data-responsive_offset="on" data-responsive="off" style="z-index: 5;background-color:rgba(0, 0, 0, 0.25);border-color:rgba(0, 0, 0, 0.50);">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-0" id="slide-270-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-66','-64','-78','-78']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:default;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; white-space: nowrap;"><i class="pe-7s-film"></i>
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0" id="slide-270-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','-22','-29']" data-fontsize="['70','70','70','50']" data-lineheight="['70','70','70','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">YOUTUBE HERO
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0" id="slide-270-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['52','52','28','13']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; white-space: nowrap;">REVOLUTION SLIDER TEMPLATE
+                                        </div>
+
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption Hero-Button rev-btn rs-parallaxlevel-0" id="slide-270-layer-7" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['124','124','80','65']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1250" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"0px"}]' data-responsive_offset="on" data-responsive="off" style="z-index: 9; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">CONTINUE ON SITE
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-static-layers">
+                                </div>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+    <script type="text/javascript">
+        var tpj = jQuery,
+            revapi88;
+
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_88_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_88_1");
+            } else {
+                revapi88 = tpj("#rev_slider_88_1").show().revolution({
+                    sliderType: "standard",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {
+                        onHoverStop: "off",
+                    },
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1240, 1024, 778, 480],
+                    gridheight: [600, 500, 400, 270],
+                    lazyType: "none",
+                    parallax: {
+                        type: "scroll",
+                        origo: "slidercenter",
+                        speed: 2000,
+                        levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
+                    },
+                    shadow: 0,
+                    spinner: "off",
+                    stopLoop: "on",
+                    stopAfterLoops: 0,
+                    stopAtSlide: 1,
+                    shuffle: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        nextSlideOnWindowFocus: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+</body>
+</html>

website/Boson/HTML/rev-s-news-video.html

@@ -0,0 +1,623 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+		<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+
+
+                        <div id="rev_slider_42_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="news-video40" style="margin:0px auto;background-color:#eeeeee;padding:0px;margin-top:0px;margin-bottom:0px;">
+                            <!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
+                            <div id="rev_slider_42_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-140" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="1500" data-rotate="0" data-saveperformance="off" data-title="Slide" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/transparent.png" style='background-color:#d6adad' alt="" data-bgposition="center bottom" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme fullscreenvideo rs-parallaxlevel-10 tp-videolayer" id="slide-140-layer-3" data-x="0" data-y="0" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="s:1000;s:1000;" data-start="1500" data-responsive_offset="on" data-vimeoid="131379560" data-videoattributes="title=0&byline=0&portrait=0&api=1" data-videowidth="100%" data-videoheight="100%" data-videoloop="none" data-forceCover="1" data-aspectratio="4:3" data-autoplay="off" data-volume="100" style="z-index: 5;">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-0" id="slide-140-layer-5" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="s:1000;s:1000;" data-start="1500" data-basealign="slide" data-responsive_offset="on" data-lasttriggerstate="reset" style="z-index: 6;background-color:rgba(0, 0, 0, 0.25);border-color:rgba(0, 0, 0, 1.00);">
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption Newspaper-Title-Centered tp-resizeme rs-parallaxlevel-0" id="slide-140-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['7','7','7','-10']" data-fontsize="['50','50','50','30']" data-lineheight="['55','55','55','35']" data-width="['721','721','721','420']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:0;y:0;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-lasttriggerstate="reset" style="z-index: 7; min-width: 721px; max-width: 721px; white-space: normal;text-align:center;">Chaz Bundick: Sketch to Screen
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption Newspaper-Subtitle tp-resizeme rs-parallaxlevel-0" id="slide-140-layer-2" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-65','-65','-65','-59']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:0;y:0;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-lasttriggerstate="reset" style="z-index: 8; white-space: nowrap;">A VIMEO VIDEO MADE BY YOURS TRULY
+                                        </div>
+
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption Newspaper-Button-2 rev-btn rs-parallaxlevel-0" id="slide-140-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['96','96','96','77']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Linear.easeNone;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="opacity:0;s:2;e:Linear.easeNone;s:2;e:Linear.easeNone;" data-start="1000" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"playvideo","layer":"slide-140-layer-3","delay":"1000"},{"event":"click","action":"togglelayer","layerstatus":"visible","layer":"slide-140-layer-5","delay":"0"},{"event":"click","action":"stoplayer","layer":"slide-140-layer-1","delay":"0"},{"event":"click","action":"stoplayer","layer":"slide-140-layer-2","delay":"0"},{"event":"click","action":"stoplayer","layer":"slide-140-layer-4","delay":"0"},{"event":"click","action":"startlayer","layer":"slide-140-layer-6","delay":"0"}]' data-responsive_offset="on" data-responsive="off" data-lasttriggerstate="reset" style="z-index: 9; white-space: nowrap;">PLAY VIDEO
+                                        </div>
+
+                                        <!-- LAYER NR. 6 -->
+                                        <div class="tp-caption rev-btn rev-medium rev-minround rev-bordered rs-parallaxlevel-0" id="slide-140-layer-6" data-x="['left','center','center','center']" data-hoffset="['30','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['30','30','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Linear.easeNone;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" data-transform_out="opacity:0;s:2;e:Linear.easeNone;s:2;e:Linear.easeNone;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"stopvideo","layer":"slide-140-layer-3","delay":"0"},{"event":"click","action":"stoplayer","layer":"slide-140-layer-6","delay":"0"},{"event":"click","action":"startlayer","layer":"slide-140-layer-5","delay":"0"},{"event":"click","action":"startlayer","layer":"slide-140-layer-1","delay":"0"},{"event":"click","action":"startlayer","layer":"slide-140-layer-2","delay":"0"},{"event":"click","action":"startlayer","layer":"slide-140-layer-4","delay":"0"}]' data-responsive_offset="on" data-responsive="off" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 10; white-space: nowrap; font-size: 15px; line-height: 15px; font-weight: 900; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(0, 0, 0, 0);padding:10px 30px 10px 30px;border-color:rgba(255, 255, 255, 0.50);border-style:solid;border-width:2px;border-radius:3px 3px 3px 3px;"><i class="fa-icon-pause"></i>
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+    <script type="text/javascript">
+        var tpj = jQuery;
+        var revapi42;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_42_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_42_1");
+            } else {
+                revapi42 = tpj("#rev_slider_42_1").show().revolution({
+                    sliderType: "hero",
+
+                    sliderLayout: "fullwidth",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {},
+                    viewPort: {
+                        enable: true,
+                        outof: "pause",
+                        visible_area: "80%"
+                    },
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1240, 1024, 778, 480],
+                    gridheight: [500, 450, 400, 350],
+                    lazyType: "none",
+                    parallax: {
+                        type: "scroll",
+                        origo: "enterpoint",
+                        speed: 400,
+                        levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],
+                    },
+                    shadow: 0,
+                    spinner: "off",
+                    autoHeight: "off",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+</body>
+</html>

website/Boson/HTML/rev-s-premium-4kvideos.html

@@ -0,0 +1,797 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+	   <script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+                        <div id="rev_slider_287_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="better-youtube-gallery" style="background-color:#000000;padding:0px;">
+                            <!-- START REVOLUTION SLIDER 5.1.4 fullscreen mode -->
+                            <div id="rev_slider_287_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.1.4">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-929" data-transition="fade" data-slotamount="default" data-easein="Power1.easeInOut" data-easeout="Power1.easeInOut" data-masterspeed="500" data-thumb="http://revolution.themepunch.com/wp-content/" data-rotate="0" data-saveperformance="off" data-title="Youtube" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/transparent.png" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme fullscreenvideo rs-parallaxlevel-5 tp-videolayer" id="slide-929-layer-1" data-x="0" data-y="0" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:1000;s:1000;" data-start="500" data-responsive_offset="on" data-ytid="iNJdPyoqt8U" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&wmode=opaque&showinfo=0&rel=0;&start=08;origin=http://server.local;" data-videorate="1" data-videowidth="100%" data-videoheight="100%" data-videocontrols="none" data-videoloop="none" data-forceCover="1" data-aspectratio="16:9" data-autoplay="off" data-nextslideatend="true" data-videoposter="http://img.youtube.com/vi/iNJdPyoqt8U/maxresdefault.jpg" data-noposteronmobile="on" data-volume="100" data-allowfullscreenvideo="true" data-videostartat="0:08" style="z-index: 5;">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper " id="slide-929-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="500" data-actions='[{"event":"click","action":"stoplayer","layer":"slide-929-layer-11","delay":""},{"event":"click","action":"stoplayer","layer":"slide-929-layer-12","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-2","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-5","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-6","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-7","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-8","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-9","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-3","delay":""},{"event":"click","action":"stopvideo","layer":"slide-929-layer-1","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="z-index: 6;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0);cursor:pointer;">
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper " id="slide-929-layer-2" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="500" data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 7;background-color:rgba(0, 0, 0, 0.50);border-color:rgba(0, 0, 0, 0);">
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption VideoControls-Pause rev-btn " id="slide-929-layer-11" data-x="['right','right','right','right']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="50" data-height="50" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;sX:0.85;sY:0.85;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);" data-transform_in="opacity:0;s:500;e:Power1.easeInOut;" data-transform_out="opacity:0;s:500;s:500;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"stopvideo","layer":"slide-929-layer-1","delay":""},{"event":"click","action":"stoplayer","layer":"slide-929-layer-11","delay":""},{"event":"click","action":"stoplayer","layer":"slide-929-layer-12","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-2","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-5","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-6","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-3","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-7","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-8","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-9","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 8; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; white-space: nowrap;text-align:center;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"><i class="fa-icon-pause"></i>
+                                        </div>
+
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption VideoControls-Mute rev-btn " id="slide-929-layer-12" data-x="['right','right','right','right']" data-hoffset="['72','72','72','72']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="50" data-height="50" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;sX:0.85;sY:0.85;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);" data-transform_in="opacity:0;s:500;e:Power1.easeInOut;" data-transform_out="opacity:0;s:500;s:500;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"toggle_mute_video","layer":"slide-929-layer-1","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 9; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; white-space: nowrap;text-align:center;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
+                                            <div class="rs-untoggled-content"><i class="fa-icon-volume-up"></i>
+                                            </div>
+                                            <div class="rs-toggled-content"><i class="fa-icon-volume-off"></i>
+                                            </div>
+                                        </div>
+
+                                        <!-- LAYER NR. 6 -->
+                                        <div class="tp-caption VideoControls-Play rev-btn " id="slide-929-layer-3" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['50','50','30','30']" data-lineheight="['120','120','80','80']" data-width="['120','120','80','80']" data-height="['120','120','80','80']" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;sX:0.85;sY:0.85;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);" data-transform_in="sX:0.5;sY:0.5;opacity:0;s:1000;e:Power1.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="1000" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"stoplayer","layer":"slide-929-layer-3","delay":""},{"event":"click","action":"playvideo","layer":"slide-929-layer-1","delay":""},{"event":"click","action":"stoplayer","layer":"slide-929-layer-2","delay":""},{"event":"click","action":"stoplayer","layer":"slide-929-layer-5","delay":""},{"event":"click","action":"stoplayer","layer":"slide-929-layer-6","delay":""},{"event":"click","action":"stoplayer","layer":"slide-929-layer-7","delay":""},{"event":"click","action":"stoplayer","layer":"slide-929-layer-8","delay":""},{"event":"click","action":"stoplayer","layer":"slide-929-layer-9","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-11","delay":""},{"event":"click","action":"startlayer","layer":"slide-929-layer-12","delay":""}]' data-responsive_offset="on" data-responsive="off" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 10; min-width: 120px; max-width: 120px; max-width: 120px; max-width: 120px; white-space: nowrap;text-align:center;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"><i class="fa-icon-play"></i>
+                                        </div>
+
+                                        <!-- LAYER NR. 7 -->
+                                        <div class="tp-caption VideoPlayer-Title tp-resizeme" id="slide-929-layer-5" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['150','130','100','80']" data-fontsize="['40','40','30','20']" data-lineheight="['40','40','30','20']" data-width="['none','none','none','360']" data-height="none" data-whitespace="['nowrap','nowrap','nowrap','normal']" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:-50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 11; white-space: nowrap;text-align:center;">COSTA RICA IN 4K 60FPS
+                                        </div>
+
+                                        <!-- LAYER NR. 8 -->
+                                        <div class="tp-caption VideoPlayer-SubTitle tp-resizeme" id="slide-929-layer-6" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['200','180','140','132']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:-50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 12; white-space: nowrap;font-style:italic;">Jacob + Katie Schwarz
+                                        </div>
+
+                                        <!-- LAYER NR. 9 -->
+                                        <a class="tp-caption VideoPlayer-Social tp-resizeme" href="https://www.youtube.com/user/jacobschwarz/featured" target="_blank" id="slide-929-layer-7" data-x="['center','center','center','center']" data-hoffset="['-70','-70','-70','-70']" data-y="['top','top','top','top']" data-voffset="['450','400','320','320']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;sX:0.5;sY:0.5;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:1500;e:Elastic.easeOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="2000" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 13; white-space: nowrap;text-align:center;cursor:pointer;"><i class="fa-icon-youtube"></i> 
+  </a>
+
+                                        <!-- LAYER NR. 10 -->
+                                        <a class="tp-caption VideoPlayer-Social tp-resizeme" href="https://twitter.com/jakeschwarz" target="_blank" id="slide-929-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['450','400','320','320']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;sX:0.5;sY:0.5;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:1500;e:Elastic.easeOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="2150" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 14; white-space: nowrap;text-align:center;cursor:pointer;"><i class="fa-icon-twitter"></i> 
+  </a>
+
+                                        <!-- LAYER NR. 11 -->
+                                        <a class="tp-caption VideoPlayer-Social tp-resizeme" href="https://www.instagram.com/jacobschwarz/" target="_blank" id="slide-929-layer-9" data-x="['center','center','center','center']" data-hoffset="['70','70','70','70']" data-y="['top','top','top','top']" data-voffset="['450','400','320','320']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;sX:0.5;sY:0.5;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:1500;e:Elastic.easeOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="2300" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 15; white-space: nowrap;text-align:center;cursor:pointer;"><i class="fa-icon-camera-retro"></i> 
+  </a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-930" data-transition="fade" data-slotamount="default" data-easein="Power1.easeInOut" data-easeout="Power1.easeInOut" data-masterspeed="500" data-thumb="http://revolution.themepunch.com/wp-content/" data-rotate="0" data-saveperformance="off" data-title="Youtube Two" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/transparent.png" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme fullscreenvideo rs-parallaxlevel-5 tp-videolayer" id="slide-930-layer-1" data-x="0" data-y="0" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:1000;s:1000;" data-start="500" data-responsive_offset="on" data-ytid="gU10ALRQ0ww" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&wmode=opaque&showinfo=0&rel=0;;origin=http://server.local;" data-videorate="1" data-videowidth="100%" data-videoheight="100%" data-videocontrols="none" data-videoloop="none" data-forceCover="1" data-aspectratio="16:9" data-autoplay="off" data-nextslideatend="true" data-videoposter="http://img.youtube.com/vi/gU10ALRQ0ww/maxresdefault.jpg" data-noposteronmobile="on" data-volume="100" data-allowfullscreenvideo="true" style="z-index: 5;">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper " id="slide-930-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="500" data-actions='[{"event":"click","action":"stoplayer","layer":"slide-930-layer-11","delay":""},{"event":"click","action":"stoplayer","layer":"slide-930-layer-12","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-2","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-5","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-6","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-7","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-8","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-9","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-3","delay":""},{"event":"click","action":"stopvideo","layer":"slide-930-layer-1","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="z-index: 6;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0);cursor:pointer;">
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper " id="slide-930-layer-2" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="500" data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 7;background-color:rgba(0, 0, 0, 0.50);border-color:rgba(0, 0, 0, 0);">
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption VideoControls-Pause rev-btn " id="slide-930-layer-11" data-x="['right','right','right','right']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="50" data-height="50" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;sX:0.85;sY:0.85;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);" data-transform_in="opacity:0;s:500;e:Power1.easeInOut;" data-transform_out="opacity:0;s:500;s:500;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"stopvideo","layer":"slide-930-layer-1","delay":""},{"event":"click","action":"stoplayer","layer":"slide-930-layer-11","delay":""},{"event":"click","action":"stoplayer","layer":"slide-930-layer-12","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-2","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-5","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-6","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-3","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-7","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-8","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-9","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 8; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; white-space: nowrap;text-align:center;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"><i class="fa-icon-pause"></i>
+                                        </div>
+
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption VideoControls-Mute rev-btn " id="slide-930-layer-12" data-x="['right','right','right','right']" data-hoffset="['72','72','72','72']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="50" data-height="50" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;sX:0.85;sY:0.85;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);" data-transform_in="opacity:0;s:500;e:Power1.easeInOut;" data-transform_out="opacity:0;s:500;s:500;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"toggle_mute_video","layer":"slide-930-layer-1","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 9; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; white-space: nowrap;text-align:center;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
+                                            <div class="rs-untoggled-content"><i class="fa-icon-volume-up"></i>
+                                            </div>
+                                            <div class="rs-toggled-content"><i class="fa-icon-volume-off"></i>
+                                            </div>
+                                        </div>
+
+                                        <!-- LAYER NR. 6 -->
+                                        <div class="tp-caption VideoControls-Play rev-btn " id="slide-930-layer-3" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['50','50','30','30']" data-lineheight="['120','120','80','80']" data-width="['120','120','80','80']" data-height="['120','120','80','80']" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;sX:0.85;sY:0.85;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);" data-transform_in="sX:0.5;sY:0.5;opacity:0;s:1000;e:Power1.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="1000" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"stoplayer","layer":"slide-930-layer-3","delay":""},{"event":"click","action":"playvideo","layer":"slide-930-layer-1","delay":""},{"event":"click","action":"stoplayer","layer":"slide-930-layer-2","delay":""},{"event":"click","action":"stoplayer","layer":"slide-930-layer-5","delay":""},{"event":"click","action":"stoplayer","layer":"slide-930-layer-6","delay":""},{"event":"click","action":"stoplayer","layer":"slide-930-layer-7","delay":""},{"event":"click","action":"stoplayer","layer":"slide-930-layer-8","delay":""},{"event":"click","action":"stoplayer","layer":"slide-930-layer-9","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-11","delay":""},{"event":"click","action":"startlayer","layer":"slide-930-layer-12","delay":""}]' data-responsive_offset="on" data-responsive="off" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 10; min-width: 120px; max-width: 120px; max-width: 120px; max-width: 120px; white-space: nowrap;text-align:center;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"><i class="fa-icon-play"></i>
+                                        </div>
+
+                                        <!-- LAYER NR. 7 -->
+                                        <div class="tp-caption VideoPlayer-Title tp-resizeme" id="slide-930-layer-5" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['150','130','100','80']" data-fontsize="['40','40','30','20']" data-lineheight="['40','40','30','20']" data-width="['none','none','none','360']" data-height="none" data-whitespace="['nowrap','nowrap','nowrap','normal']" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:-50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 11; white-space: nowrap;text-align:center;">TIMELAPSE IN 4K
+                                        </div>
+
+                                        <!-- LAYER NR. 8 -->
+                                        <div class="tp-caption VideoPlayer-SubTitle tp-resizeme" id="slide-930-layer-6" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['200','180','140','132']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:-50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 12; white-space: nowrap;font-style:italic;">Jacob + Katie Schwarz
+                                        </div>
+
+                                        <!-- LAYER NR. 9 -->
+                                        <a class="tp-caption VideoPlayer-Social tp-resizeme" href="https://www.youtube.com/user/jacobschwarz/featured" target="_blank" id="slide-930-layer-7" data-x="['center','center','center','center']" data-hoffset="['-70','-70','-70','-70']" data-y="['top','top','top','top']" data-voffset="['450','400','320','320']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;sX:0.5;sY:0.5;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:1500;e:Elastic.easeOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="2000" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 13; white-space: nowrap;text-align:center;cursor:pointer;"><i class="fa-icon-youtube"></i> 
+  </a>
+
+                                        <!-- LAYER NR. 10 -->
+                                        <a class="tp-caption VideoPlayer-Social tp-resizeme" href="https://twitter.com/jakeschwarz" target="_blank" id="slide-930-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['450','400','320','320']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;sX:0.5;sY:0.5;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:1500;e:Elastic.easeOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="2150" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 14; white-space: nowrap;text-align:center;cursor:pointer;"><i class="fa-icon-twitter"></i> 
+  </a>
+
+                                        <!-- LAYER NR. 11 -->
+                                        <a class="tp-caption VideoPlayer-Social tp-resizeme" href="https://www.instagram.com/jacobschwarz/" target="_blank" id="slide-930-layer-9" data-x="['center','center','center','center']" data-hoffset="['70','70','70','70']" data-y="['top','top','top','top']" data-voffset="['450','400','320','320']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;sX:0.5;sY:0.5;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:1500;e:Elastic.easeOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="2300" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 15; white-space: nowrap;text-align:center;cursor:pointer;"><i class="fa-icon-camera-retro"></i> 
+  </a>
+                                    </li>
+                                    <!-- SLIDE -->
+                                    <li data-index="rs-931" data-transition="fade" data-slotamount="default" data-easein="Power1.easeInOut" data-easeout="Power1.easeInOut" data-masterspeed="500" data-thumb="http://revolution.themepunch.com/wp-content/" data-rotate="0" data-saveperformance="off" data-title="Youtube Three" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
+                                        <!-- MAIN IMAGE -->
+                                        <img src="plugins/rs-plugin/assets/images/transparent.png" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
+                                        <!-- LAYERS -->
+
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-resizeme fullscreenvideo rs-parallaxlevel-5 tp-videolayer" id="slide-931-layer-1" data-x="0" data-y="0" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:1000;s:1000;" data-start="500" data-responsive_offset="on" data-ytid="nHXVc_cQqyI" data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&wmode=opaque&showinfo=0&rel=0;;origin=http://server.local;" data-videorate="1" data-videowidth="100%" data-videoheight="100%" data-videocontrols="none" data-videoloop="none" data-forceCover="1" data-aspectratio="16:9" data-autoplay="off" data-nextslideatend="true" data-videoposter="http://img.youtube.com/vi/nHXVc_cQqyI/maxresdefault.jpg" data-noposteronmobile="on" data-volume="100" data-allowfullscreenvideo="true" style="z-index: 5;">
+                                        </div>
+
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper " id="slide-931-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="500" data-actions='[{"event":"click","action":"stoplayer","layer":"slide-931-layer-11","delay":""},{"event":"click","action":"stoplayer","layer":"slide-931-layer-12","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-2","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-5","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-6","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-7","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-8","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-9","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-3","delay":""},{"event":"click","action":"stopvideo","layer":"slide-931-layer-1","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" style="z-index: 6;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0);cursor:pointer;">
+                                        </div>
+
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper " id="slide-931-layer-2" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power3.easeInOut;" data-transform_out="opacity:0;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-start="500" data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 7;background-color:rgba(0, 0, 0, 0.50);border-color:rgba(0, 0, 0, 0);">
+                                        </div>
+
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption VideoControls-Pause rev-btn " id="slide-931-layer-11" data-x="['right','right','right','right']" data-hoffset="['20','20','20','20']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="50" data-height="50" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;sX:0.85;sY:0.85;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);" data-transform_in="opacity:0;s:500;e:Power1.easeInOut;" data-transform_out="opacity:0;s:500;s:500;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"stopvideo","layer":"slide-931-layer-1","delay":""},{"event":"click","action":"stoplayer","layer":"slide-931-layer-11","delay":""},{"event":"click","action":"stoplayer","layer":"slide-931-layer-12","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-2","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-5","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-6","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-3","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-7","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-8","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-9","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 8; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; white-space: nowrap;text-align:center;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"><i class="fa-icon-pause"></i>
+                                        </div>
+
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption VideoControls-Mute rev-btn " id="slide-931-layer-12" data-x="['right','right','right','right']" data-hoffset="['72','72','72','72']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="50" data-height="50" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;sX:0.85;sY:0.85;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);" data-transform_in="opacity:0;s:500;e:Power1.easeInOut;" data-transform_out="opacity:0;s:500;s:500;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"toggle_mute_video","layer":"slide-931-layer-1","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 9; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; white-space: nowrap;text-align:center;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
+                                            <div class="rs-untoggled-content"><i class="fa-icon-volume-up"></i>
+                                            </div>
+                                            <div class="rs-toggled-content"><i class="fa-icon-volume-off"></i>
+                                            </div>
+                                        </div>
+
+                                        <!-- LAYER NR. 6 -->
+                                        <div class="tp-caption VideoControls-Play rev-btn " id="slide-931-layer-3" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['50','50','30','30']" data-lineheight="['120','120','80','80']" data-width="['120','120','80','80']" data-height="['120','120','80','80']" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-transform_idle="o:1;sX:0.85;sY:0.85;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(0, 0, 0, 1.00);" data-transform_in="sX:0.5;sY:0.5;opacity:0;s:1000;e:Power1.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="1000" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"stoplayer","layer":"slide-931-layer-3","delay":""},{"event":"click","action":"playvideo","layer":"slide-931-layer-1","delay":""},{"event":"click","action":"stoplayer","layer":"slide-931-layer-2","delay":""},{"event":"click","action":"stoplayer","layer":"slide-931-layer-5","delay":""},{"event":"click","action":"stoplayer","layer":"slide-931-layer-6","delay":""},{"event":"click","action":"stoplayer","layer":"slide-931-layer-7","delay":""},{"event":"click","action":"stoplayer","layer":"slide-931-layer-8","delay":""},{"event":"click","action":"stoplayer","layer":"slide-931-layer-9","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-11","delay":""},{"event":"click","action":"startlayer","layer":"slide-931-layer-12","delay":""}]' data-responsive_offset="on" data-responsive="off" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 10; min-width: 120px; max-width: 120px; max-width: 120px; max-width: 120px; white-space: nowrap;text-align:center;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"><i class="fa-icon-play"></i>
+                                        </div>
+
+                                        <!-- LAYER NR. 7 -->
+                                        <div class="tp-caption VideoPlayer-Title tp-resizeme" id="slide-931-layer-5" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['112','91','70','80']" data-fontsize="['40','40','30','20']" data-lineheight="['40','40','30','20']" data-width="['800','800','640','360']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:-50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 11; min-width: 800px; max-width: 800px; white-space: normal;text-align:center;">AMERICAN SOUTHWEST IN 4K 60FPS
+                                        </div>
+
+                                        <!-- LAYER NR. 8 -->
+                                        <div class="tp-caption VideoPlayer-SubTitle tp-resizeme" id="slide-931-layer-6" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['200','180','140','151']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:-50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 12; white-space: nowrap;font-style:italic;">Jacob + Katie Schwarz
+                                        </div>
+
+                                        <!-- LAYER NR. 9 -->
+                                        <a class="tp-caption VideoPlayer-Social tp-resizeme" href="https://www.youtube.com/user/jacobschwarz/featured" target="_blank" id="slide-931-layer-7" data-x="['center','center','center','center']" data-hoffset="['-70','-70','-70','-70']" data-y="['top','top','top','top']" data-voffset="['450','400','320','320']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;sX:0.5;sY:0.5;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:1500;e:Elastic.easeOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="2000" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 13; white-space: nowrap;text-align:center;cursor:pointer;"><i class="fa-icon-youtube"></i> 
+  </a>
+
+                                        <!-- LAYER NR. 10 -->
+                                        <a class="tp-caption VideoPlayer-Social tp-resizeme" href="https://twitter.com/jakeschwarz" target="_blank" id="slide-931-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['450','400','320','320']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;sX:0.5;sY:0.5;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:1500;e:Elastic.easeOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="2150" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 14; white-space: nowrap;text-align:center;cursor:pointer;"><i class="fa-icon-twitter"></i> 
+  </a>
+
+                                        <!-- LAYER NR. 11 -->
+                                        <a class="tp-caption VideoPlayer-Social tp-resizeme" href="https://www.instagram.com/jacobschwarz/" target="_blank" id="slide-931-layer-9" data-x="['center','center','center','center']" data-hoffset="['70','70','70','70']" data-y="['top','top','top','top']" data-voffset="['450','400','320','320']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;sX:0.5;sY:0.5;" data-transform_hover="o:1;sX:1.01;sY:1.01;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:1500;e:Elastic.easeOut;" data-transform_out="y:50px;opacity:0;s:700;e:Power3.easeInOut;s:700;e:Power3.easeInOut;" data-start="2300" data-splitin="none" data-splitout="none" data-actions='' data-responsive_offset="on" data-end="bytrigger" data-lasttriggerstate="reset" style="z-index: 15; white-space: nowrap;text-align:center;cursor:pointer;"><i class="fa-icon-camera-retro"></i> 
+  </a>
+                                    </li>
+                                </ul>
+                                <div class="tp-static-layers">
+                                </div>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+
+    <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+    <script type="text/javascript">
+        var tpj = jQuery;
+
+        var revapi287;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_287_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_287_1");
+            } else {
+                revapi287 = tpj("#rev_slider_287_1").show().revolution({
+                    sliderType: "standard",
+                    jsFileLocation: "../../revolution/js/",
+                    sliderLayout: "fullscreen",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {
+                        keyboardNavigation: "off",
+                        keyboard_direction: "horizontal",
+                        mouseScrollNavigation: "off",
+                        onHoverStop: "off",
+                        touch: {
+                            touchenabled: "on",
+                            swipe_threshold: 75,
+                            swipe_min_touches: 50,
+                            swipe_direction: "horizontal",
+                            drag_block_vertical: false
+                        },
+                        arrows: {
+                            style: "uranus",
+                            enable: true,
+                            hide_onmobile: true,
+                            hide_under: 778,
+                            hide_onleave: true,
+                            hide_delay: 200,
+                            hide_delay_mobile: 1200,
+                            tmp: '',
+                            left: {
+                                h_align: "left",
+                                v_align: "center",
+                                h_offset: 20,
+                                v_offset: 0
+                            },
+                            right: {
+                                h_align: "right",
+                                v_align: "center",
+                                h_offset: 20,
+                                v_offset: 0
+                            }
+                        }
+                    },
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    visibilityLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1200, 1024, 778, 480],
+                    gridheight: [675, 576, 480, 480],
+                    lazyType: "none",
+                    parallax: {
+                        type: "scroll",
+                        origo: "enterpoint",
+                        speed: 400,
+                        levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 51, 55],
+                        type: "scroll",
+                    },
+                    shadow: 0,
+                    spinner: "off",
+                    stopLoop: "on",
+                    stopAfterLoops: 0,
+                    stopAtSlide: 1,
+                    shuffle: "off",
+                    autoHeight: "off",
+                    fullScreenAutoWidth: "off",
+                    fullScreenAlignForce: "off",
+                    fullScreenOffsetContainer: "",
+                    fullScreenOffset: "60px",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        nextSlideOnWindowFocus: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+</body>
+</html>

website/Boson/HTML/rev-s-premium-agency.html

@@ -0,0 +1,634 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+	<title>Boson</title>
+	
+	<!-- Styles -->
+	<link rel="stylesheet" href="css/prettyPhoto.css">
+	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/jquery-ui.css">
+	<link rel="stylesheet" href="css/yamm/yamm.css">
+	<link rel="stylesheet" href="css/color-scheme/blue.css">
+	<link rel="stylesheet" href="css/responsive.css">
+
+	<!-- Base JS -->
+	<script src="js/jquery-1.9.1.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/jquery-ui.js"></script>
+	<script src="js/jquery.sticky.js"></script>
+	<script src="js/stellar.js"></script>
+	<script src="js/main.js"></script>
+		<script src="js/main2.js"></script>
+	<!-- Revolution Slider -->
+	<script src="js/jquery.themepunch.plugins.min.js"></script>
+	<script src="js/jquery.themepunch.revolution.min.js"></script>
+	<script src="js/revolution-slider-options.js"></script>
+	
+
+	
+	<!-- Prety photo -->
+	<script src="js/jquery.prettyPhoto.js"></script>
+	<script>
+		$(document).ready(function(){
+			$("a[rel^='prettyPhoto']").prettyPhoto();
+		});
+	</script>
+
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css"></script>
+    <script>
+      $(function() {
+        window.prettyPrint && prettyPrint()
+        $(document).on('click', '.yamm .dropdown-menu', function(e) {
+          e.stopPropagation()
+        })
+      })
+    </script>
+	
+    <!-- Revolution Slider -->
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/settings.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/layers.css">
+    <link rel="stylesheet" type="text/css" href="plugins/rs-plugin/css/navigation.css">
+
+
+</head>
+
+<body>
+
+<div class="main"> <!-- SLIDER EXAMPLE -->
+                <section class="example">
+                    <article class="content">
+                        <div class="rev_slider_wrapper fullscreen-container" data-alias="agency-website" id="rev_slider_280_1_wrapper" style="background-color:#222222;padding:0px;">
+                            <!-- START REVOLUTION SLIDER 5.1.4 fullscreen mode -->
+                            <div class="rev_slider fullscreenbanner" data-version="5.1.4" id="rev_slider_280_1" style="display:none;">
+                                <ul>
+                                    <!-- SLIDE -->
+                                    <li data-description="" data-easein="Power2.easeInOut" data-easeout="default" data-index="rs-898" data-masterspeed="2000" data-param1="" data-param10="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off" data-slotamount="default" data-title="Slide" data-transition="fade">
+                                        <!-- MAIN IMAGE -->
+                                        <img alt="" class="rev-slidebg" data-bgparallax="3" data-bgposition="center center" data-duration="30000" data-ease="Linear.easeNone" data-kenburns="on" data-no-retina="" data-offsetend="0 0" data-offsetstart="0 0" data-rotateend="0" data-rotatestart="0" data-scaleend="100" data-scalestart="140" src="plugins/rs-plugin/assets/images/concept.jpg">
+                                        <!-- LAYERS -->
+                                        <!-- LAYER NR. 1 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper" data-basealign="slide" data-height="full" data-hoffset="['0','0','0','0']" data-responsive="off" data-responsive_offset="off" data-start="0" data-transform_idle="o:1;" data-transform_in="opacity:0;s:2000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:500;s:500;" data-voffset="['0','0','0','0']" data-whitespace="nowrap" data-width="full" data-x="['center','center','center','center']" data-y="['middle','middle','middle','middle']" id="slide-898-layer-1" style="z-index: 5;background-color:rgba(51, 51, 51, 0.15);border-color:rgba(0, 0, 0, 0);">
+                                        </div>
+                                        <!-- LAYER NR. 2 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper" data-basealign="slide" data-end="bytrigger" data-height="full" data-hoffset="['0','0','0','0']" data-lasttriggerstate="reset" data-responsive="off" data-responsive_offset="off" data-start="bytrigger" data-transform_idle="o:1;" data-transform_in="opacity:0;s:2000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:500;s:500;" data-voffset="['0','0','0','0']" data-whitespace="nowrap" data-width="full" data-x="['center','center','center','center']" data-y="['middle','middle','middle','middle']" id="slide-898-layer-19" style="z-index: 6;background-color:rgba(0, 0, 0, 0.75);border-color:rgba(0, 0, 0, 0);">
+                                        </div>
+                                        <!-- LAYER NR. 3 -->
+                                        <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" data-height="2" data-hoffset="['0','0','0','0']" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-responsive_offset="on" data-start="1000" data-transform_idle="o:1;" data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power3.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-voffset="['-156','-156','-156','-156']" data-whitespace="nowrap" data-width="100" data-x="['center','center','center','center']" data-y="['middle','middle','middle','middle']" id="slide-898-layer-6" style="z-index: 7;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(0, 0, 0, 0);">
+                                        </div>
+                                        <!-- LAYER NR. 4 -->
+                                        <div class="tp-caption Agency-Title tp-resizeme" data-fontsize="['70','70','50','50']" data-height="none" data-hoffset="['0','0','0','0']" data-lineheight="['70','70','50','50']" data-mask_in="x:0px;y:0px;" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="1250" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power3.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-voffset="['-101','-101','-108','-107']" data-whitespace="nowrap" data-width="none" data-x="['center','center','center','center']" data-y="['middle','middle','middle','middle']" id="slide-898-layer-2" style="z-index: 8; white-space: nowrap;">
+                                            THE AGENCY
+                                        </div>
+                                        <!-- LAYER NR. 5 -->
+                                        <div class="tp-caption Agency-SubTitle tp-resizeme" data-height="none" data-hoffset="['0','0','0','0']" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="1500" data-transform_idle="o:1;" data-transform_in="y:50px;opacity:0;s:2000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-voffset="['-42','-41','-46','-45']" data-whitespace="['nowrap','nowrap','normal','normal']" data-width="['none','none','480','360']" data-x="['center','center','center','center']" data-y="['middle','middle','middle','middle']" id="slide-898-layer-4" style="z-index: 9; white-space: nowrap;text-align:center;font-style:italic;">
+                                            We have been building picture perfect websites since 2010
+                                        </div>
+                                        <!-- LAYER NR. 6 -->
+                                        <div class="tp-caption Agency-PlayBtn rev-btn tp-resizeme" data-actions='[{"event":"mouseenter","action":"startlayer","layer":"slide-898-layer-18","delay":""},{"event":"mouseleave","action":"stoplayer","layer":"slide-898-layer-18","delay":""},{"event":"click","action":"startlayer","layer":"slide-898-layer-15","delay":""},{"event":"click","action":"startlayer","layer":"slide-898-layer-19","delay":""},{"event":"click","action":"startlayer","layer":"slide-898-layer-20","delay":"1000"},{"event":"click","action":"playvideo","layer":"slide-898-layer-15","delay":"1000"}]' data-height="none" data-hoffset="['0','0','0','0']" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="2000" data-style_hover="c:rgba(255, 255, 255, 1.00);" data-transform_hover="o:1;sX:1.1;sY:1.1;rX:0;rY:0;rZ:0;z:0;s:500;e:Power1.easeInOut;" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:2000;e:Power3.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-voffset="['51','53','38','39']" data-whitespace="nowrap" data-width="75" data-x="['center','center','center','center']" data-y="['middle','middle','middle','middle']" id="slide-898-layer-17" style="z-index: 10; min-width: 75px; max-width: 75px; white-space: nowrap;text-align:center;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
+                                            <i class="fa-icon-play"></i>
+                                        </div>
+                                        <!-- LAYER NR. 7 -->
+                                        <div class="tp-caption Agency-SmallText tp-resizeme" data-elementdelay="0.05" data-end="bytrigger" data-height="none" data-hoffset="['0','0','0','0']" data-lasttriggerstate="reset" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-responsive_offset="on" data-splitin="chars" data-splitout="none" data-start="bytrigger" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:500;e:Power2.easeInOut;" data-transform_out="y:[-100%];s:500;s:500;" data-voffset="['114','116','102','102']" data-whitespace="nowrap" data-width="none" data-x="['center','center','center','center']" data-y="['middle','middle','middle','middle']" id="slide-898-layer-18" style="z-index: 11; white-space: nowrap;">
+                                            PLAY VIDEO
+                                        </div>
+                                        <!-- LAYER NR. 8 -->
+                                        <a class="tp-caption Agency-Social tp-resizeme" data-actions='' data-basealign="slide" data-height="50" data-hoffset="['-30','-30','-30','-30']" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="3000" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(51, 51, 51, 1.00);" data-transform_hover="o:1;rX:0;rY:0;rZ:360;z:0;s:400;e:Power1.easeInOut;" data-transform_idle="o:1;" data-transform_in="y:50px;rZ:60deg;opacity:0;s:1500;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-voffset="['30','30','30','30']" data-whitespace="normal" data-width="50" data-x="['center','center','center','center']" data-y="['bottom','bottom','bottom','bottom']" href="https://www.facebook.com/themepunchofficial/" id="slide-898-layer-10" style="z-index: 12; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; white-space: normal;text-align:center;cursor:pointer;" target="_blank"><i class=
+     "fa-icon-facebook"></i></a>
+                                        <!-- LAYER NR. 9 -->
+                                        <a class="tp-caption Agency-Social tp-resizeme" data-actions='' data-basealign="slide" data-height="50" data-hoffset="['30','30','30','30']" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="3250" data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(51, 51, 51, 1.00);" data-transform_hover="o:1;rX:0;rY:0;rZ:360;z:0;s:400;e:Power1.easeInOut;" data-transform_idle="o:1;" data-transform_in="y:50px;rZ:60deg;opacity:0;s:1500;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-voffset="['30','30','30','30']" data-whitespace="normal" data-width="50" data-x="['center','center','center','center']" data-y="['bottom','bottom','bottom','bottom']" href="https://twitter.com/themepunch" id="slide-898-layer-11" style="z-index: 13; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; white-space: normal;text-align:center;cursor:pointer;" target="_blank"><i class="fa-icon-twitter"></i></a>
+                                        <!-- LAYER NR. 10 -->
+                                        <div class="tp-caption tp-resizeme tp-videolayer" data-autoplay="off" data-end="bytrigger" data-hoffset="['0','0','0','0']" data-lasttriggerstate="reset" data-responsive_offset="on" data-start="bytrigger" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:300;" data-videoattributes="title=0&byline=0&portrait=0&api=1" data-videoheight="['540px','405px','270px','203px']" data-videoloop="none" data-videowidth="['960px','720px','480px','360px']" data-vimeoid="142874198" data-voffset="['0','0','0','0']" data-volume="100" data-whitespace="nowrap" data-x="['center','center','center','center']" data-y="['middle','middle','middle','middle']" id="slide-898-layer-15" style="z-index: 14;"></div>
+                                        <!-- LAYER NR. 11 -->
+                                        <div class="tp-caption Agency-CloseBtn rev-btn" data-actions='[{"event":"click","action":"stoplayer","layer":"slide-898-layer-15","delay":""},{"event":"click","action":"stoplayer","layer":"slide-898-layer-19","delay":""},{"event":"click","action":"stoplayer","layer":"slide-898-layer-20","delay":""}]' data-end="bytrigger" data-height="none" data-hoffset="['510','389','270','199']" data-lasttriggerstate="reset" data-responsive="off" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="bytrigger" data-style_hover="c:rgba(255, 255, 255, 1.00);" data-transform_hover="o:1;sX:1.1;sY:1.1;rX:0;rY:0;rZ:0;z:0;s:500;e:Power1.easeInOut;" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:45deg;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:500;" data-voffset="['-298','-229','-163','-118']" data-whitespace="nowrap" data-width="50" data-x="['center','center','center','center']" data-y="['middle','middle','middle','middle']" id="slide-898-layer-20" style="z-index: 15; min-width: 50px; max-width: 50px; white-space: nowrap;text-align:center;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
+                                            <i class="pe-7s-close"></i>
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+                            </div>
+                        </div>
+                        <!-- END REVOLUTION SLIDER --> </article>
+                </section>
+	
+	 <!-- HEADER 
+            ============================================= -->
+         <div class="header">
+            <header>
+               <div class="navbar yamm navbar-default navbar-top">
+                  <div class="container">
+                     <div class="navbar-header">
+                        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        </button>
+                        <a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
+                     </div>
+                     <div id="navbar-collapse-1" class="navbar-collapse collapse">
+                        <!-- Search Form -->
+                        <form action="/" class="b-search-form">
+                           <div class="input-wrap">
+                              <input type="text" placeholder="Search..">
+                           </div>
+                        </form>
+                        <!-- End Search Form -->
+                        <ul class="nav navbar-nav pull-right">
+                           <li class="dropdown yamm-fw yamm-fw5">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a>                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <div class="mmenu-title">Home Pages</div>
+                                             <a href="index-1.html">Home Layout 1</a>
+                                             <a href="index-2.html">Home Layout 2</a>
+                                             <a href="index-3.html">Home Layout 3</a>
+                                             <a href="index-4.html">Home Layout 4</a>
+                                             <a href="index-5.html">Home Layout 5</a>
+                                             <a href="index-6.html">Home Layout 6</a>
+                                             <a href="index-7.html">Home Layout 7</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="index-8.html">Home Layout 8</a>
+                                             <a href="index-9.html">Home Layout 9</a>
+                                             <a href="index-10.html">Home Layout 10</a>
+                                             <a href="index-11.html">Home Layout 11</a>
+                                             <div class="mmenu-title">Home - One Page</div>
+                                             <a href="index-onepage.html">One Page Default</a>
+                                             <a href="oncepage-topbar.html">One Page Topbar</a>
+                                             <a href="onepage-transparent.html">One Page Transparent</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Page 1-7</div>
+                                             <a href="home-restaurant.html">Home - Restaurant</a>
+                                             <a href="home-construction.html">Home - Construction</a>
+                                             <a href="home-hosting.html">Home - Hosting</a>
+                                             <a href="home-lawyer.html">Home - Lawyer</a>
+                                             <a href="home-fashion.html">Home - Fashion</a>
+                                             <a href="home-portfolio.html">Home - Portfolio</a>
+                                             <a href="home-landing.html">Home - App Landing</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 8 - 14</div>
+                                             <a href="home-creative.html">Home - Creative</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-medical.html">Home - Medical</a>
+                                             <a href="home-gym.html">Home - Gym</a>
+                                             <a href="home-church.html">Home - church</a>
+                                             <a href="home-charity.html">Home - Charity</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <div class="mmenu-title">Landing Pages 15-21 </div>
+                                             <a href="home-resume.html">Home - Resume</a>
+                                             <a href="home-portfolio2.html">Home - Portfolio 2</a>
+                                             <a href="home-app-landing.html">Home - App landing</a>
+                                             <a href="home-corporate.html">Home - Corporate</a>
+                                             <a href="home-hosting2.html">Home - Hosting</a>
+                                             <a href="home-marketing.html">Home - Marketing</a>
+                                             <a href="home-restaurant2.html">Home - Restaurant 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+
+                           <!-- Classic list -->
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Home - One Page</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="index-onepage.html">One Page Default</a></li>
+                                       <li><a href="oncepage-topbar.html">One Page Topbar</a></li>
+                                       <li><a href="onepagefullslider.html">One Page Full Slider</a></li>
+                                       <li><a href="onepage-transparent.html">One Page Transparent</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
+                                 <li><a href="onepage-construction.html">One Page - Construction</a></li>
+                                 <li><a href="onepage-hosting.html">One Page - Hosting</a></li>
+                                 <li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
+                                 <li><a href="onepage-fashion.html">One Page - Fashion</a></li>
+                                 <li><a href="onepage-landing.html">One Page - App Landing</a></li>
+                                 <li><a href="onepage-resume.html">One Page - Resume</a></li>
+                                 <li><a href="onepage-medical.html">One Page - Medical</a></li>
+                                 <li><a href="onepage-gym.html">One Page - Gym</a></li>
+                                 <li><a href="onepage-church.html">One Page - church</a></li>
+                                 <li><a href="onepage-charity.html">One Page - Charity</a></li>
+                                 <li><a href="onepage-corporate.html">One Page - Corporate</a></li>
+                              </ul>
+                           </li><li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
+<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
+									<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
+									<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
+									<li><a href="index-transparent.html">Transparent Nav</a></li>
+								</ul>
+							</li>
+                           <li class="dropdown yamm-fw">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
+                              <ul class="dropdown-menu">
+                                 <li>
+                                    <div class="yamm-content">
+                                       <div class="row">
+                                          <div class="col-xs-12 col-sm-3 m-submenu first">
+                                             <a href="about-us.html">About Us</a>
+                                             <a href="pricing.html">Pricing Tables</a>
+                                             <a href="testimonials.html">Testimonials</a>
+                                             <a href="testimonials-2.html">Testimonials: 2</a>
+                                             <a href="404-error-page.html">404 Error Page</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="services-2.html">Services: 1</a>
+                                             <a href="services-3.html">Services: 2</a>
+                                             <a href="services-4.html">Services: 3</a>
+                                             <a href="services-5.html">Services: 4</a>
+                                             <a href="services-6.html">Services: 5</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="meet-the-team.html">Meet The Team</a>
+                                             <a href="faq.html">F.A.Q.</a>
+                                             <a href="full-width-page.html">Full Width Page</a>
+                                             <a href="side-navigation.html">Side Navigation</a>
+                                             <a href="search-results.html">Search Results</a>
+                                          </div>
+                                          <div class="col-xs-12 col-sm-3 m-submenu">
+                                             <a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
+                                             <a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
+                                             <a href="no-title-bar.html">No Title Bar</a>
+                                             <a href="contact-us-1.html">Contact Us 1</a>
+                                             <a href="contact-us-2.html">Contact Us 2</a>
+                                          </div>
+                                       </div>
+                                    </div>
+                                 </li>
+                              </ul>
+                           </li>
+                          <li class="dropdown">
+								<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
+								<ul class="dropdown-menu yamm-sm">
+									<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
+									<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
+									<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Wide</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-wide-image.html">Image</a></li>
+											<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-wide-video.html">Video</a></li>
+										</ul>
+									</li>
+									<li class="dropdown-submenu">
+										<a href="#">Single Project: Half</a>
+										<ul class="dropdown-menu">
+											<li><a href="portfolio-single-half-image.html">Image</a></li>
+											<li><a href="portfolio-single-half-slider.html">Slider</a></li>
+											<li><a href="portfolio-single-half-video.html">Video</a></li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="blog-large.html">Blog: Large Images</a></li>
+                                 <li><a href="blog-medium.html">Blog: Medium Images</a></li>
+                                 <li class="dropdown-submenu">
+                                    <a href="#">Blog: Single Post</a>
+                                    <ul class="dropdown-menu">
+                                       <li><a href="blog-single-image.html">Image</a></li>
+                                       <li><a href="blog-single-slider.html">Slider</a></li>
+                                       <li><a href="blog-single-video.html">Video</a></li>
+                                    </ul>
+                                 </li>
+                                 <li><a href="news.html">News</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
+                                 <li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
+                                 <li><a href="elements.html">Elements</a></li>
+                                 <li><a href="images.html">Images & Gallery</a></li>
+                                 <li><a href="lists.html">Lists</a></li>
+                                 <li><a href="columns.html">Grid Columns</a></li>
+                                 <li><a href="typography.html">Typography</a></li>
+                                 <li><a href="media.html">Media</a></li>
+                                 <li><a href="pricing-elements.html">Elements of Prices</a></li>
+                              </ul>
+                           </li>
+                           <li class="dropdown">
+                              <a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
+                              <ul class="dropdown-menu yamm-sm">
+                                 <li><a href="./shop.html">Shop - Home</a></li>
+                                 <li><a href="./shop-single.html">Shop - Single</a></li>
+                                 <li><a href="./shop_checkout.html">Shop - Checkout</a></li>
+                                 <li><a href="./shop_cart.html">Shop - Cart</a></li>
+                              </ul>
+                           </li>
+                        </ul>
+                     </div>
+                  </div>
+               </div>
+            </header>
+         </div>
+         <!-- END HEADER 
+            ============================================= -->
+	
+	<!-- TITLE BAR
+	============================================= -->
+	<div class="b-titlebar">
+		<div class="container layout">
+			<!-- Bread Crumbs -->
+			<ul class="crumbs">
+				<li>You are here:</li>
+				<li><a href="#">Home</a></li>
+				<li><a href="#">Page With Right Sidebar</a></li>
+			</ul>
+			<!-- Title -->
+			<h1>Page With Right Sidebar</h1>
+		</div>
+	</div>
+	<!-- END TITLE BAR
+	============================================= -->
+
+	
+	<!-- CONTENT 
+	============================================= -->
+	<div class="content">
+		<div class="container layout">
+			<div class="row">
+				<div class="row-item col-md-9">
+					<!-- Paragraph -->
+					<p>
+						 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<p>
+						 At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
+					</p>
+					<p>
+						 Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+					</p>
+					<!-- End Paragraph -->
+					<!-- Social Buttons -->
+					<ul class="b-social m-varicolored">
+						<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+						<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+						<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+						<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+						<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					</ul>
+					<!-- End Social Buttons -->
+				</div>
+				<!-- Sidebar -->
+				<div class="row-item col-md-3 sidebar">
+					<!-- Latest Projects -->
+					<h3 style="margin-bottom: 20px;">Latest Projects</h3>
+					<div class="latest-project">
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-1.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-2.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-3.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-4.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-5.jpg" alt=""></a>
+						</div>
+						<div class="latest-project-item">
+							<a href="#"><img src="img/port/rp-6.jpg" alt=""></a>
+						</div>
+					</div>
+					<!-- End Latest Project -->
+					<!-- Twitter Widget -->
+					<h3>Twitter Widget</h3>
+					<div class="b-twitter">
+						<ul>
+							<li>
+							<span>Et harum quidem rerum facilis est et expedita distinctio <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+							<li>
+							<span>Nam libero tempore, cum soluta nobis est eligendi :) <a href="#" class="link">http://twitter.com</a></span>
+							<span class="twit-date">Jan 7, 2013</span>
+							</li>
+						</ul>
+					</div>
+					<!-- End Twitter Widget -->
+				</div>
+				<!-- End Sidebar -->
+			</div>
+		</div>
+	</div>
+	<!-- END CONTENT 
+	============================================= -->
+
+	<!-- FOOTER 
+	============================================= -->
+	<div class="footer">
+		<!-- Widget Area -->
+		<div class="b-widgets">
+			<div class="container layout">
+				<div class="row">
+					<!-- Links -->
+					<div class="row-item col-md-3">
+						<h3>Links</h3>
+						<ul class="b-list just-links m-dark">
+							<li><a href="#">Voluptas Assumenda</a></li>
+							<li><a href="#">Repudiandae Sint</a></li>
+							<li><a href="#">Perferendis Doloribus</a></li>
+							<li><a href="#">Maxime Placeat</a></li>
+							<li><a href="#">Quidem Rerum</a></li>
+							<li><a href="#">Occaecati Cupiditate</a></li>
+						</ul>
+					</div>
+					<!-- End Links -->
+					<!-- Latest Tweets -->
+					<div class="row-item col-md-3">
+						<h3>Latest Tweets</h3>
+						<div class="b-twitter m-footer">
+							<ul>
+								<!-- Twitter Message 1 -->
+								<li>
+									<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+								<!-- Twitter Message 2 -->
+								<li>
+									<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
+									<span class="twit-date">Jan 7, 2013</span>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<!-- End Latest Tweets -->
+					<!-- Tag Cloud -->
+					<div class="row-item col-md-3">
+						<h3>Popular Tags</h3>
+						<div class="b-tag-cloud m-dark">
+							<a href="#">beach</a>
+							<a href="#">bar</a>
+							<a href="#">blog</a>
+							<a href="#">business</a>
+							<a href="#">coctail</a>
+						</div>
+					</div>
+					<!-- End Tag Cloud -->
+					<!-- Contact Form -->
+					<div class="row-item col-md-3">
+						<h3>Contact Form</h3>
+						<!-- Success Message -->
+						<div class="form-message"></div>
+						<!-- Form -->
+						<form class="b-form b-contact-form" action="contact.php">
+							<div class="input-wrap m-full-width">
+								<i class="icon-user"></i>
+								<input class="field-name" type="text" placeholder="Name (required)">
+							</div>
+							<div class="input-wrap m-full-width">
+								<i class="icon-envelope"></i>
+								<input class="field-email" type="text" placeholder="E-mail (required)">
+							</div>
+							<div class="textarea-wrap">
+								<i class="icon-pencil"></i>
+								<textarea class="field-comments" placeholder="Message"></textarea>
+							</div>
+							<input class="btn-submit btn colored" type="submit" value="Send">
+						</form>
+						<!-- End Contact Form -->
+					</div>
+					<!-- End Get In Touch -->
+				</div>
+			</div>
+		</div>
+		<!-- End Widget Area -->
+		<!-- Copyright Area -->
+		<div class="b-copyright">
+			<div class="container layout">
+				<!-- Copyright Text -->
+				<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
+				<!-- Social Icons -->
+				<ul class="b-social bot">
+					<li>Follow Us:</li>
+					<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
+					<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
+					<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
+					<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
+					<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
+					<!-- 
+					<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
+					<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
+					<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
+					<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
+					<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
+					<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
+					<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
+					<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
+					<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
+					<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
+				</ul>
+			</div>
+		</div>
+	</div>
+	<!-- END FOOTER 
+	============================================= -->
+
+</div>
+<!-- END MAIN 
+============================================= -->
+
+        <!-- JS -->
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
+        <script type="text/javascript" src="plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
+
+    <script type="text/javascript">
+        var tpj = jQuery;
+
+        var revapi280;
+        tpj(document).ready(function() {
+            if (tpj("#rev_slider_280_1").revolution == undefined) {
+                revslider_showDoubleJqueryError("#rev_slider_280_1");
+            } else {
+                revapi280 = tpj("#rev_slider_280_1").show().revolution({
+                    sliderType: "hero",
+                    jsFileLocation: "../../revolution/js/",
+                    sliderLayout: "fullscreen",
+                    dottedOverlay: "none",
+                    delay: 9000,
+                    navigation: {},
+                    responsiveLevels: [1240, 1024, 778, 480],
+                    visibilityLevels: [1240, 1024, 778, 480],
+                    gridwidth: [1240, 1024, 778, 480],
+                    gridheight: [868, 768, 960, 720],
+                    lazyType: "none",
+                    parallax: {
+                        type: "scroll",
+                        origo: "slidercenter",
+                        speed: 1000,
+                        levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 51, 55],
+                        type: "scroll",
+                    },
+                    shadow: 0,
+                    spinner: "spinner2",
+                    autoHeight: "off",
+                    fullScreenAutoWidth: "off",
+                    fullScreenAlignForce: "off",
+                    fullScreenOffsetContainer: "",
+                    fullScreenOffset: "60",
+                    disableProgressBar: "on",
+                    hideThumbsOnMobile: "off",
+                    hideSliderAtLimit: 0,
+                    hideCaptionAtLimit: 0,
+                    hideAllCaptionAtLilmit: 0,
+                    debugMode: false,
+                    fallbacks: {
+                        simplifyAll: "off",
+                        disableFocusListener: false,
+                    }
+                });
+            }
+        }); /*ready*/
+    </script>
+
+    <script>
+        jQuery(window).load(function() {
+            var retina = window.devicePixelRatio > 1 ? true : false;
+            if (retina) {
+                var retinaEl = jQuery("#logo img");
+                var retinaLogoW = retinaEl.width();
+                var retinaLogoH = retinaEl.height();
+                retinaEl.attr("src", "images/logo-retina.png").width(retinaLogoW).height(retinaLogoH)
+            }
+        });
+    </script>
+
+
+</body>
+</html>