Scroll to Top Button for Website Design (using HTML and CSS - no JavaScript)
Channel: Gentle Living Shop
Date: 2021-09-05

❗ We are no longer on YouTube, watch our new tutorials on PeerTube: https://diode.zone/c/gentle_living_shop/videos
~~~~~~~~~~~
We show you how to make a simple 'scroll to top of the page' button with HTML and CSS.
~~~~~~~~~~
*We aim to make our YouTube channel free of all ads, but to do that we are required to have 1000 subscribers. Please help us by subscribing, thank you! :) (if we reach this goal in the future we will log back on and remove the ads)
~~~~~~~~~~
➡️ get the html and css code here: https://gentlelivingshop.org/css-scroll-to-top-button.html

chapters:
00:00 intro
00:22 creating the button shape
01:08 style the text div
01:59 html anchor
02:25 smooth scrolling and :hover colour
02:41 set font-family and text shadow - important!

➡️ code editor we used: https://flems.io/
➡️ watch this video on PeerTube: https://diode.zone/w/vZC2rWE9XCgqgxM4Se8qek?subtitle=en

#html #css
~~~~~~~~~~
We are a family striving to live a simpler life in this world. Our goal is to have a little piece of land in nature to grow our own veggies and be self-sufficient (off-grid!). In the process, we want to share all that we learn including crafting, sewing, soapmaking, foraging, cooking, cob house building, forest gardening, barefoot walking, wood carving... Join us on this beautiful journey🥰

💚 Visit our website where we share *free for all* tutorials and PDF guides: https://gentlelivingshop.org

➡️ Learn How to Make Natural Soap!: https://gentlelivingshop.org/soap-guide-pdf.html
➡️ Make Bean Bags! – Easy Tunisian Crochet Pattern: https://gentlelivingshop.org/crochet-bean-bag.html
➡️ Sew a Simple T-shirt! (without sewing machine): https://gentlelivingshop.org/2-seam-tshirt-sewing-guide.html

💚 Our PeerTube Channel, decentralise video platform: https://diode.zone/c/gentle_living_shop/videos
💚 Support us through ko-fi: https://ko-fi.com/gentlelivingshop
💚 Prefer open-source? Support us here: https://liberapay.com/GentleLivingShop/
💚 Purchase our handmade goods: coming soon!

Love,
Gentle Living Shop❤️

This video is in the public domain: To the extent possible under law, Gentle Living Shop waive all copyright and related or neighbouring rights to this work. You are free to copy, edit and share this video for any purpose with no restrictions 🌟(https://creativecommons.org/publicdomain/mark/1.0/)