This page demonstrates parallax within Twitter Bootstrap.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This page demonstrates parallax within Twitter Bootstrap.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

2. szakasz

This page demonstrates parallax within Twitter Bootstrap.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This page demonstrates parallax within Twitter Bootstrap.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

3. szakasz

This page demonstrates parallax within Twitter Bootstrap.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

1hasábcímsor

Vivamus vel felis metus, vel gravida est. Sed augue turpis, molestie non vehicula non, vestibulum nec mi. Suspendisse 

Tovább >>

2hasabcimsor

Vivamus vel felis metus, vel gravida est. Sed augue turpis, molestie non vehicula non, vestibulum nec mi.

Tovább >>

3hasábcímsor

Curabitur venenatis ornare augue pretium tempor. Vestibulum porta placerat tristique. 

Tovább >>

4. szakasz

This page demonstrates parallax within Twitter Bootstrap.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This page demonstrates parallax within Twitter Bootstrap.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This page demonstrates parallax within Twitter Bootstrap.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

1. szakasz

 

 

 

Html

<!--kód eleje ==================================== --> 
<!-- Section #1 -->
	<section id="hatterkep" data-speed="6" data-type="background">
    	    	
		<div class="container">
	    	<div class="row-fluid">
	    		<h2>This page demonstrates parallax within Twitter Bootstrap.</h2>
	    		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	    		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
	    		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
	    		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
	    		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
	    		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                <h2>This page demonstrates parallax within Twitter Bootstrap.</h2>
	    		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	    		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
	    		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
	    		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
	    		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
	    		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                <p><a href="#pottyos">2. szakasz</a></p>
	    	</div>
	    </div>
      
	</section>

<!-- Section #2 -->
	<section id="pottyos" data-speed="6" data-type="background">
    	    	
		<div class="container">
	    	<div class="row-fluid">
	    		<h2>This page demonstrates parallax within Twitter Bootstrap.</h2>
	    		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	    		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
	    		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
	    		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
	    		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
	    		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                <h2>This page demonstrates parallax within Twitter Bootstrap.</h2>
	    		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	    		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
	    		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
	    		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
	    		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
	    		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                <p><a href="#hatterkep2">3. szakasz</a></p>
	    	</div>
	    </div>
      
	</section>

<!-- Section #3 -->
	<section id="hatterkep2" data-speed="4" data-type="background">

        <div class="container">
	    	<div class="row-fluid">
	    		<h2>This page demonstrates parallax within Twitter Bootstrap.</h2>
	    		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	    		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
	    		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
	    		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
	    		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
	    		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	    		
            <div class="row">
                <div class="col-sm-4">
                    <h1>1hasábcímsor</h1>
                    <p><img alt="" class="normal" src="/kepek/images/890.jpg" /></p>
                    <p>Vivamus vel felis metus, vel gravida est. Sed augue turpis, molestie non vehicula non, vestibulum nec mi. Suspendisse&nbsp;</p>
                    <p><a href="#">Tovább &gt;&gt;</a></p>
                </div>
                
                <div class="col-sm-4">
                    <h1>2hasabcimsor</h1>
                    <p><img alt="" class="normal" src="/kepek/images/890.jpg" /></p>
                    <p>Vivamus vel felis metus, vel gravida est. Sed augue turpis, molestie non vehicula non, vestibulum nec mi.</p>
                    <p><a href="#">Tovább &gt;&gt;</a></p>
                </div>
                
                <div class="col-sm-4">
                    <h1>3hasábcímsor</h1>
                    <p><img alt="" class="normal" src="/kepek/images/890.jpg" /></p>
                    <p>Curabitur venenatis ornare augue pretium tempor. Vestibulum porta placerat tristique.&nbsp;</p>
                    <p><a href="#">Tovább &gt;&gt;</a>
                    </p>
                </div>
            </div>

                <p><a href="#csikos">4. szakasz</a></p>

            </div>
	    </div>
	</section>

<!-- Section #4 -->
	<section id="csikos" data-speed="2" data-type="background">
		<div class="container">
			<div class="row-fluid">
                <h2>This page demonstrates parallax within Twitter Bootstrap.</h2>
	    		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	    		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
	    		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
	    		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
	    		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
	    		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	    	</div>
	    	<div class="row-fluid">
	    		<h2>This page demonstrates parallax within Twitter Bootstrap.</h2>
	    		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	    		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
	    		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
	    		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
	    		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
	    		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	    	</div>
            
            <p><a href="#hatterkep">1. szakasz</a></p>

	    </div>
	</section>
<!--kód vége ===================================== -->

CSS

<!--kód eleje ==================================== --> 
        #hatterkep { 
			background: url(alapdesign/hatterkep.jpg) 50% 0 fixed; 
            box-shadow: 0 0 50px rgba(0,0,0,0.8);
            border-top:4px solid white;
            border-bottom:4px solid white;
            padding: 100px 0;
            color: #D6C399;
		}
        
    	#pottyos { 
			background: url(alapdesign/pottyos.png) 50% 0 fixed; 
            padding: 100px 0;
        }
        
        #hatterkep2 { 
            background: url(alapdesign/hatterkep2.jpg) 50% 0 fixed; 
            box-shadow: 0 0 50px rgba(0,0,0,0.8);
            padding: 200px 0;
            color: #fff;
		}
        
        #csikos { 
			background: url(alapdesign/csikos.png) 50% 0 fixed; 
            padding: 100px 0;
            color: #D6C399;
		}    
<!--kód vége ===================================== -->

Js

<!--kód eleje ==================================== --> 
   <!-- Parallax szakasz háttér js 
   ================================================== -->
    <script src="js/parallax-hatter.js"></script>
<!--kód vége ===================================== -->

KATcms | K@tilla | Weblapkészítés, webdesign, Balatonfüred | Tartalom | Kinézet: K@tilla | Statsztika

Tájékoztatunk, hogy az oldal „cookie”-kat (sütiket) használ. Fontos azonban tudnod, hogy ezek semmilyen adatot nem tárolnak illetve küldenek rólad vagy böngészési szokásaidról, csak is az oldal használatát segítik. Weboldalunk használatával beleegyezel a cookie-k használatába. Ha mégsem szeretnéd akkor az internetböngésződ beállításainak megváltoztatásával a sütik küldése letiltható!

oldalcíme.hu © 1999 - 2017