https://sticky-card-sections.webflow.io/

1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Wed Oct 01 2025 02:40:32 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="sticky-card-sections.webflow.io" data-wf-page="5d9e92914a6e6c126707fb81" data-wf-site="5d9e92914a6e6c538407fb80"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Sticky card sections</title><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/5d9e92914a6e6c538407fb80/css/sticky-card-sections.webflow.shared.ad8367955.css" rel="stylesheet" type="text/css"/>

1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>

1<link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"/></head><body class="body"><div class="delete-this"><a href="http://bit.ly/2VxCNYA" target="_blank" class="sticky-list-link download">Clone this page</a><div class="made-in-webflow"><div class="text-block">Built in <a href="http://bit.ly/2VxCNYA" target="_blank" class="link">Webflow</a> by <a href="https://raymmar.com" target="_blank" class="link">Raymmar</a> </div></div></div><div class="sticky-card-sections"><div class="sticky-menu"><a href="#web" class="list-link">Section 1</a><a href="#Video" class="list-link">Section 2 (video)</a><a href="#Creative" class="list-link">Section 3</a><a href="#talk" class="list-link cta">Call to action</a></div><div data-w-id="a4067326-35aa-60f7-2d42-b090583623b2" class="title"><h1 class="huge-heading">Sticky cardS On Scroll</h1></div><div id="web" data-w-id="a4067326-35aa-60f7-2d42-b090583623b5" class="section-1"><div class="section-grid"><div id="w-node-a4067326-35aa-60f7-2d42-b090583623b7-6707fb81" class="blank-column"></div><div id="w-node-a4067326-35aa-60f7-2d42-b090583623b8-6707fb81" data-w-id="a4067326-35aa-60f7-2d42-b090583623b8" class="grid-content"></div></div></div><div id="Video" data-w-id="a4067326-35aa-60f7-2d42-b090583623b9" class="section-2"><div class="section-grid _2"><div id="w-node-a4067326-35aa-60f7-2d42-b090583623bb-6707fb81" class="blank-column"></div><div id="w-node-a4067326-35aa-60f7-2d42-b090583623bc-6707fb81" class="grid-content _2"></div></div></div><div id="Creative" data-w-id="a4067326-35aa-60f7-2d42-b090583623bd" class="section-3"><div class="section-grid _3"><div id="w-node-a4067326-35aa-60f7-2d42-b090583623bf-6707fb81" class="blank-column"></div><div id="w-node-a4067326-35aa-60f7-2d42-b090583623c0-6707fb81" class="grid-content _3"></div></div></div><div id="talk" data-w-id="a4067326-35aa-60f7-2d42-b090583623c1" class="call-to-action"><div class="cta-content"></div></div><div data-poster-url="https://cdn.prod.website-files.com/5cd9ffdcb48aab9be917800b/5cdde298bb738cff697bd68a_Welcome to the online mind of Raymmar Tirado-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/5c5e75f716bb6e5edb4885ee/5d915fee124e071ba6196847_Welcome%20to%20the%20online%20mind%20of%20Raymmar%20Tirado-poster-00001.jpg,https://cdn.prod.website-files.com/5c5e75f716bb6e5edb4885ee/5d915fee124e071ba6196847_Welcome%20to%20the%20online%20mind%20of%20Raymmar%20Tirado-transcode.mp4,https://cdn.prod.website-files.com/5c5e75f716bb6e5edb4885ee/5d915fee124e071ba6196847_Welcome%20to%20the%20online%20mind%20of%20Raymmar%20Tirado-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="bkg-video w-background-video w-background-video-atom"><video id="a4067326-35aa-60f7-2d42-b090583623c3-video" autoplay="" loop="" style="background-image:url(&quot;https://cdn.prod.website-files.com/5cd9ffdcb48aab9be917800b/5cdde298bb738cff697bd68a_Welcome to the online mind of Raymmar Tirado-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/5c5e75f716bb6e5edb4885ee/5d915fee124e071ba6196847_Welcome%20to%20the%20online%20mind%20of%20Raymmar%20Tirado-poster-00001.jpg" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/5c5e75f716bb6e5edb4885ee/5d915fee124e071ba6196847_Welcome%20to%20the%20online%20mind%20of%20Raymmar%20Tirado-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/5c5e75f716bb6e5edb4885ee/5d915fee124e071ba6196847_Welcome%20to%20the%20online%20mind%20of%20Raymmar%20Tirado-transcode.webm" data-wf-ignore="true"/></video></div></div>

1<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5d9e92914a6e6c538407fb80" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

1<script src="https://cdn.prod.website-files.com/5d9e92914a6e6c538407fb80/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript"></script>

1<script src="https://cdn.prod.website-files.com/5d9e92914a6e6c538407fb80/js/webflow.8e6e879b.434774668e619ee8.js" type="text/javascript"></script>

1<script src="https://ray.do/widget.js" data-widget="RT Network Widget"></script>

1</body></html>