Skip to content

Instantly share code, notes, and snippets.

@SreemaanKCKS
Created December 28, 2022 05:56
Show Gist options
  • Save SreemaanKCKS/db5bf3976c6577309d7c4e7f6e20dd41 to your computer and use it in GitHub Desktop.
Save SreemaanKCKS/db5bf3976c6577309d7c4e7f6e20dd41 to your computer and use it in GitHub Desktop.
<html>
<head>
<meta charset="UTF-8">
<title>PFS</title>
</head>
<style>
{...css stylings }
</style>
<body>
<div class="parallax1" id="section1">
<a class="anchor" href="#section2">Section 1</a>
</div>
<div class="content">
{content...}
</div>
<div class="parallax2" id="section2">
<a class="anchor" href="#section1">Section 2</a>
</div>
<div class="floating-wrapper">
<!-- To open/close the floating button -->
<input id="floatCheckbox" type="checkbox" class="floating-checkbox" />
<label class="floating" for="floatCheckbox">
<div class="circle-icon"></div>
</label>
<div class="floating-wheel">
<a class="floating-action floating-action-1">
<p>{...}</p>
</a>
{required no.of same elements...}
</div>
</div>
<footer>
{content...}
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment