Learn to create a full responsive business/company website with many designs and responsive animations using HTML, CSS And Javascript; Step by step tutorial. 💼

🔑 Get Full Source Code: https://www.buymeacoffee.com/cstutorials/e/102643

Start Code From Scratch (basic and assets): https://github.com/TL122022/Company-Website-Template

This Full Tutorial Contains:
1. A preloader that shows before the page completes loading
2. A navigation bar that is fixed at the top of the screen and can direct to a section of the website. The navigation bar will be blurred if user scrolls down
3. Swiper to swipe multiple containers
5. Subscribe form design
6. Dark/Light mode toggle
7. Slide in when in view
8. Compatible with most devices’ screens, such as mobile phones
9. Website Favicon
10. Scroll to top button that only appears when the user scrolls down and will disappear when user goes back to the top

✨ Support me: https://www.buymeacoffee.com/cstutorials

📷 Images by:
unDraw (undraw.co):
Search the following in the search bar on unDraw.co
1. Programming
2. Software engineer
3. Chatting
4. Two factor authentication
5. Teaching
6. Newsletter
7. Subscribe

Ouch! (icons8.com)
1. https://icons8.com/illustrations/illustration/lounge-cyber-security-1

IconScout Unicons (https://iconscout.com/unicons)
1. Bag (e8b6, line mode) — Website favicon

🔗 WEBSITE LINKS:
Swiper JS Link:
https://swiperjs.com/

Google Fonts Link:
https://fonts.google.com/

Jquery Link:
https://cdnjs.com/libraries/jquery

Jquery Link to embed in head script tag:
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js

Remix Icon:
https://remixicon.com/

⏱ Timestamps:
00:00 Intro
04:00 Set Root Values And Basic Styling
07:15 Nav With Toggle & Compatibility (Scroll To Section)
26:07 Landing Page Content With Styling
33:18 About Section
37:15 Change Header/Nav On Scroll & Remove Nav When Go To Section (For Smaller Devices)
36:28 Pop-up Modals
44:41 Services Section (Swiper JS)
59:48 Newsletter Section (Subscribe Form)
01:06:43 Footer
01:10:56 Dark/Light Mode Toggle
01:19:44 Slide In When In View Animations
01:24:43 Preloader
01:28:15 Scroll To Top Button
01:34:37 Scroll To About Section
01:37:27 Scrollbar
01:38:24 Breakpoints (Screen Adapt To Most Devices)
01:57:54 Change Header On Scroll Minor Update
01:58:28 Ending

Click here for more: https://m.youtube.com/@CodingstarTutorials

🎵 MUSIC:
Memories by Bensound on bensound.com

— Tags ——
#website #company #business #javascript #css #coding #html #responsive #full #tutorial #fulltutorial
——————–

Please enjoy the video! Share and Subscribe for more videos! 🙂
Thank you.