A Pen by Stan Williams on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<main> | |
<ul class='slider'> | |
<li class='item' style="background-image: url('https://cdn.mos.cms.futurecdn.net/dP3N4qnEZ4tCTCLq59iysd.jpg')"> | |
<div class='content'> | |
<h2 class='title'>"RESPONSIVE IMAGE GALLERY"</h2> | |
<p class='description'> Lorem ipsum, Snuffsum Dipsum | |
dolor sit amet sit boy sit consectetur | |
adipisicing elit. Tempore fuga voluptatum, iure corporis inventorey bloney samwich | |
praesentium nisi. Id laboriosam ipsam enim. </p> | |
<button>Read More</button> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="stage"> | |
<div class="container"> | |
<div class="ring"> | |
<div class="img"></div> | |
<div class="img"></div> | |
<div class="img"></div> | |
<div class="img"></div> | |
<div class="img"></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title></title> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
</head> | |
<body> | |
<div id="navbarContainer"> | |
<div id="navbar"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<header> | |
<h1> | |
<a target="_top" href="https://codepen.io/josetxu/full/jOQegyB" id="tuner-title"> | |
<span>O</span><span>nline</span> | |
<span>G</span><span>uitar</span> | |
<span>T</span><span>uner</span> | |
</a> | |
</h1> | |
<a class="josetxu-btn" href="https://josetxu.com" target="_blank"></a> | |
<button id="e-classic" class="change-guitar" onclick="changeGuitar(this.id)"></button> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="content"> | |
<section class="header"> | |
<h1><u>🖥️ - ON PAGE SCROLL PLUGIN V 1.7 - 🖥️ </u></h1> | |
<b><p>Now the height of each section can be set to your value and not <br>min-height: 'window.height()'</p></b> | |
<p>This is the Header (.header)</p> | |
<p>You can Enable/Disable it by setting the option like this:</p> | |
<p><b>'header' : 'your jQ selector'</b></p> | |
</section> | |
<section class="section"> | |
<div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="content"> | |
<section class="header"> | |
<h1><u>🖥️ - ONE PAGE SCROLL PLUGIN V 1.7 - 🖥️ </u></h1> | |
<b><p>Now the height of each section can be set to your value and not <br>min-height: 'window.height()'</p></b> | |
<p>This is the Header (.header)</p> | |
<p>You can Enable/Disable it by setting the option like this:</p> | |
<p><b>'header' : 'your jQ selector'</b></p> | |
</section> | |
<section class="section"> | |
<div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<header> | |
<h1> | |
<a target="_top" href="https://codepen.io/josetxu/full/jOQegyB" id="tuner-title"> | |
<span>O</span><span>nline</span> | |
<span>G</span><span>uitar</span> | |
<span>T</span><span>uner</span> | |
</a> | |
</h1> | |
<a class="josetxu-btn" href="https://josetxu.com" target="_blank"></a> | |
<button id="e-classic" class="change-guitar" onclick="changeGuitar(this.id)"></button> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div id="wrapper" ontouchstart=""> | |
<video autoplay="autoplay" muted="muted" preload="auto"> | |
<source src="https://i.imgur.com/gwV9AqQ.mp4" type="video/mp4"> | |
</video> | |
<div class="bg"></div> | |
<svg id="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1002.7 180.6"> | |
<path id="s" class="svgWords" d="M73.2,72.5c17.3,0,34.3,7.9,42.8,23.5s8.7,32.8,1.8,47.5-20.2,23.6-35.6,27-34.3,1.9-50.1-3.4a72.3,72.3,0,0,1-21.2-10.9c-.7-.5-2.9-3-3.6-3s-1.3,1-1.6,1.2l-4.1,3c19.8,18.7,51.4,25.2,77.7,20.9,12-1.9,23.5-6.5,32.5-14.6a53.9,53.9,0,0,0,17-31.6c3.8-24.1-6.5-50.8-29.5-61.4-9-4.2-18.7-5.4-28.5-5.4-3.1,0-6.1.1-9.1,0s-7.6-1.4-7.9-6.2,4.4-7.3,9.1-7.8a90.3,90.3,0,0,1,18,.3A55.4,55.4,0,0,1,88,52.8c1.1.2,3.5,1.6,4.5,1.4s2.4-1.8,3.1-2.3l2.6-2c-7.3-4.3-16.2-5.5-24.5-5.8s-15.5-.7-21.6,3.4S46,57.1,47.3,62.8C50.2,74.7,63.8,72.5,73.2,72.5Zm-12,35.6c-17.5,0-35.1-7.4-43.9-23.2C9.4,70.7,8.5,51.8,15.4,37.1S35.6,13.5,51,10.1s34.4-1.9,50.1,3.3a73.2,73.2,0,0,1,21.1,11c.7.5,3,3,3.7,3s1.3-1,1.6-1.2l4.1-3.1C1 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div id="wrapper" ontouchstart=""> | |
<video autoplay="autoplay" muted="muted" preload="auto"> | |
<source src="https://i.imgur.com/gwV9AqQ.mp4" type="video/mp4"> | |
</video> | |
<div class="bg"></div> | |
<svg id="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1002.7 180.6"> | |
<path id="s" class="svgWords" d="M73.2,72.5c17.3,0,34.3,7.9,42.8,23.5s8.7,32.8,1.8,47.5-20.2,23.6-35.6,27-34.3,1.9-50.1-3.4a72.3,72.3,0,0,1-21.2-10.9c-.7-.5-2.9-3-3.6-3s-1.3,1-1.6,1.2l-4.1,3c19.8,18.7,51.4,25.2,77.7,20.9,12-1.9,23.5-6.5,32.5-14.6a53.9,53.9,0,0,0,17-31.6c3.8-24.1-6.5-50.8-29.5-61.4-9-4.2-18.7-5.4-28.5-5.4-3.1,0-6.1.1-9.1,0s-7.6-1.4-7.9-6.2,4.4-7.3,9.1-7.8a90.3,90.3,0,0,1,18,.3A55.4,55.4,0,0,1,88,52.8c1.1.2,3.5,1.6,4.5,1.4s2.4-1.8,3.1-2.3l2.6-2c-7.3-4.3-16.2-5.5-24.5-5.8s-15.5-.7-21.6,3.4S46,57.1,47.3,62.8C50.2,74.7,63.8,72.5,73.2,72.5Zm-12,35.6c-17.5,0-35.1-7.4-43.9-23.2C9.4,70.7,8.5,51.8,15.4,37.1S35.6,13.5,51,10.1s34.4-1.9,50.1,3.3a73.2,73.2,0,0,1,21.1,11c.7.5,3,3,3.7,3s1.3-1,1.6-1.2l4.1-3.1C1 |
NewerOlder