926 lines
111 KiB
HTML
926 lines
111 KiB
HTML
<!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_48_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="photography1" style="background-color:transparent;padding:0px;">
|
|
<!-- START REVOLUTION SLIDER 5.0.7 fullscreen mode -->
|
|
<div id="rev_slider_48_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.0.7">
|
|
<ul>
|
|
<!-- SLIDE -->
|
|
<li data-index="rs-163" 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="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-163-layer-4" data-x="['center','center','center','center']" data-hoffset="['162','42','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-163-layer-1" data-x="['center','center','center','center']" data-hoffset="['153','33','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-163-layer-3" data-x="['center','center','center','center']" data-hoffset="['280','160','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-163-layer-6" data-x="['center','center','center','center']" data-hoffset="['55','-66','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;" data-start="1250" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-164","delay":""}]' data-basealign="slide" 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-164" 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-164-layer-4" data-x="['center','center','center','center']" data-hoffset="['-8','40','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%];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;">SOME OF MY <span style="color: #fff;">BEST WORK</span>
|
|
</div>
|
|
|
|
<!-- LAYER NR. 2 -->
|
|
<div class="tp-caption Photography-ImageHover tp-resizeme" id="slide-164-layer-7" data-x="['left','left','center','center']" data-hoffset="['460','400','-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-165","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="['250px','150px','150px','150px']" data-hh="['167px','100px','100px','100px']" data-no-retina>
|
|
</div>
|
|
|
|
<!-- LAYER NR. 3 -->
|
|
<div class="tp-caption Photography-ImageHover tp-resizeme" id="slide-164-layer-8" data-x="['left','left','center','center']" data-hoffset="['720','560','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-166","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="['250px','150px','150px','150px']" data-hh="['167px','100px','100px','100px']" data-no-retina>
|
|
</div>
|
|
|
|
<!-- LAYER NR. 4 -->
|
|
<div class="tp-caption Photography-ImageHover tp-resizeme" id="slide-164-layer-9" data-x="['left','left','center','center']" data-hoffset="['980','720','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-167","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="['250px','150px','150px','150px']" data-hh="['167px','100px','100px','100px']" data-no-retina>
|
|
</div>
|
|
|
|
<!-- LAYER NR. 5 -->
|
|
<div class="tp-caption Photography-ImageHover tp-resizeme" id="slide-164-layer-10" data-x="['left','left','center','center']" data-hoffset="['460','400','-160','80']" data-y="['top','top','top','top']" data-voffset="['507','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-168","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="['250px','150px','150px','150px']" data-hh="['167px','100px','100px','100px']" data-no-retina>
|
|
</div>
|
|
|
|
<!-- LAYER NR. 6 -->
|
|
<div class="tp-caption Photography-ImageHover tp-resizeme" id="slide-164-layer-11" data-x="['left','left','center','center']" data-hoffset="['720','560','0','-80']" data-y="['top','top','top','top']" data-voffset="['507','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-169","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="['250px','150px','150px','150px']" data-hh="['167px','100px','100px','100px']" data-no-retina>
|
|
</div>
|
|
|
|
<!-- LAYER NR. 7 -->
|
|
<div class="tp-caption Photography-ImageHover tp-resizeme" id="slide-164-layer-12" data-x="['left','left','center','center']" data-hoffset="['980','720','160','80']" data-y="['top','top','top','top']" data-voffset="['507','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-170","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="['250px','150px','150px','150px']" data-hh="['167px','100px','100px','100px']" data-no-retina>
|
|
</div>
|
|
</li>
|
|
<!-- SLIDE -->
|
|
<li data-index="rs-165" 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="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-165-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-165-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-165-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-165-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-164","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-166" 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-166-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-166-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-166-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-166-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-166-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-164","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-167" 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-167-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-167-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-167-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-167-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-167-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-164","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-168" 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="right 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-168-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%];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;">RED BEAUTY
|
|
</div>
|
|
|
|
<!-- LAYER NR. 2 -->
|
|
<div class="tp-caption Photography-Subline tp-resizeme" id="slide-168-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%];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-168-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;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;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-168-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-164","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-169" 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="right 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-169-layer-8" data-x="['right','right','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','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;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-169-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%];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;">SCOOTER
|
|
</div>
|
|
|
|
<!-- LAYER NR. 3 -->
|
|
<div class="tp-caption Photography-Subline tp-resizeme" id="slide-169-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%];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; color: rgba(255, 255, 255, 0.35);">PHOTOGRAPHY
|
|
</div>
|
|
|
|
<!-- LAYER NR. 4 -->
|
|
<div class="tp-caption Photography-Textblock tp-resizeme" id="slide-169-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;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;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-169-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-164","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-170" 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-170-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-170-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-170-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-170-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-164","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-171" 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="<p><br data-mce-bogus=\"1\"></p>
|
|
">
|
|
<!-- 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-171-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-171-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-171-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-171-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-171-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-172","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-172" 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="<p><br data-mce-bogus=\"1\"></p>
|
|
">
|
|
<!-- MAIN IMAGE -->
|
|
<img src="plugins/rs-plugin/assets/images/photography_contact.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone" data-scalestart="120" data-scaleend="100" data-rotatestart="5" data-rotateend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina>
|
|
<!-- LAYERS -->
|
|
|
|
<!-- LAYER NR. 1 -->
|
|
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-172-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-172-layer-1" data-x="['left','left','left','left']" data-hoffset="['400','300','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-172-layer-11" data-x="['left','left','left','left']" data-hoffset="['400','300','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%];" 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; 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-172-layer-7" data-x="['left','left','left','left']" data-hoffset="['400','300','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;" 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: 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-172-layer-4" data-x="['left','left','left','left']" data-hoffset="['400','300','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 -->
|
|
|
|
|
|
<!-- LAYER NR. 2 -->
|
|
<div class="tp-caption rev-burger revb-whitenoborder tp-static-layer" id="slide-18-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-18-layer-16","delay":"0","classname":"open"},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slide-18-layer-5","delay":""},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slide-18-layer-6","delay":""},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slide-18-layer-7","delay":""},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slide-18-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 -->
|
|
<a class="tp-caption tp-static-layer" href="https://www.facebook.com/themepunchofficial" target="_blank" id="slide-18-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='' 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>
|
|
</a>
|
|
|
|
<!-- LAYER NR. 4 -->
|
|
<a class="tp-caption tp-static-layer" href="https://twitter.com/themepunch" target="_blank" id="slide-18-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='' 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>
|
|
</a>
|
|
|
|
<!-- LAYER NR. 5 -->
|
|
<div class="tp-caption Photography-Menuitem tp-static-layer" id="slide-18-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;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-163","delay":""},{"event":"click","action":"simulateclick","layer":"slide-18-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-18-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;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-164","delay":""},{"event":"click","action":"simulateclick","layer":"slide-18-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-18-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;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-171","delay":""},{"event":"click","action":"simulateclick","layer":"slide-18-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-18-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;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="bytrigger" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-172","delay":""},{"event":"click","action":"simulateclick","layer":"slide-18-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-18-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-18-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-165","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-18-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-166","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-18-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-167","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-18-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-168","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-18-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-169","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-18-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-170","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>
|
|
<!-- 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 © 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 revapi48;
|
|
tpj(document).ready(function() {
|
|
if (tpj("#rev_slider_48_1").revolution == undefined) {
|
|
revslider_showDoubleJqueryError("#rev_slider_48_1");
|
|
} else {
|
|
revapi48 = tpj("#rev_slider_48_1").show().revolution({
|
|
sliderType: "standard",
|
|
|
|
sliderLayout: "fullscreen",
|
|
dottedOverlay: "none",
|
|
delay: 9000,
|
|
navigation: {
|
|
keyboardNavigation: "off",
|
|
keyboard_direction: "horizontal",
|
|
mouseScrollNavigation: "on",
|
|
onHoverStop: "off",
|
|
touch: {
|
|
touchenabled: "on",
|
|
swipe_threshold: 75,
|
|
swipe_min_touches: 1,
|
|
swipe_direction: "vertical",
|
|
drag_block_vertical: false
|
|
}
|
|
},
|
|
responsiveLevels: [1240, 1024, 778, 480],
|
|
gridwidth: [1240, 1024, 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> |