Full Responsive Business Website Template Using HTML, CSS & Javascript | Company Website Template

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.

Category