A Pen by Stan Williams on CodePen.
Stan Williams stanwmusic
🏠
This file contains hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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.5----</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> |
stanwmusic
/ index.html
Created
March 16, 2023 07:46
One Page Responsive Website Template By Ahsan Khurshid
This file contains hidden or 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
| <!-- Google Web Fonts --> | |
| <link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'> | |
| <link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'> | |
| <!-- Header: begins --> | |
| <header id="header"> | |
| <!-- Centered Wrapper: begins --> |