Blocs 4 Course On Sale

Blocs 4 Website Course

Learn everything you need to know to build a fully functional e-commerce website in Blocs 4 and popular payment processors.

The Curriculum

Blocs 4 Website Course Overview

Part 1. Introduction
1-1. Exploring Blocs 4 User Interface
1-2. Project & Page Settings
1-3. Blocs Website Structure
1-4. Visual Web Design Basics
1-5. Classes Basics
1-6. Managing Menus
1-7. Image Editor & SEO Helper
1-8. Next Steps

Part 2. Preparation
2-1. Overview of the Part 2
2-2. Planning a Website Project
2-3. Setting Up a Project
2-4. Creating Pages & Site Structure
2-5. Installing Custom Google Fonts
2-6. Default Typography Settings
2-7. Preparing Images
2-8. Preparing Videos
2-9. Review of the Part 2

Part 3. Design
3-1. Creating a Custom Menu
3-2. Adjusting the Style of Menu
3-3. Setting the Color Scheme
3-4. Optimizing the Mobile Menu
3-5. Completing the Custom Menu
3-6. Creating banners with Responsive Headers
3-7. Responsive Padding
3-8. Applying Gradients to Text
3-9. Bloc Edge Shape Dividers
3-10. Building Responsive Column Grids
3-11. Applying Css Filter Effects
3-12. Class Library Manager
3-13. Custom Button Styles
3-14. Building Website Footer
3-15. Social Links & Footer Optimization
3-16. Writer Mode & Text Editing Options
3-17. Multi-layer Parallax Effect
3-18. Building a Grid of Icons with Text
3-19. Edge to Edge Feature Blocs
3-20. Gradient Background & Wire Button
3-21. Installing 3rd Party Brics
3-22. Creating a Shop Page
3-23. Using Toggle Visibility
3-24. Setting Up a Product Page
3-25. Setting Up a Tabbed Contact Bric
3-26. Adding Content to Tabs
3-27. Using Toggle Class Interaction
3-28. Completing the Product Page
3-29. Setting Up a Gallery Page
3-30. Setting Up a Contact Page
3-31. Adding & Editing the Form
3-32. Embedding Google Maps
3-33. Adjusting the Style of Alert Messages
3-34. Adjusting the ‘Scroll to Top’ Button

4-1. Website Design Optimization
4-2. Local Host Preview
4-3. Troubleshooting Links
4-4. Adjusting Page Settings
4-5. Adding Social Cards
4-6. Search Engine Optimization

Part 5. Publishing
5-1. Exporting & Publishing a Website
5-2. Analyzing Website Performance
5-3. Creating and Editing .htaccess File
5-4. Preparing Project Files for Transfer

Blocs 4 Website Course Review

Part 6. Bonus Videos
6-1. DIV Container Bric
6-2. Styling Dropdown Menus
6-3. Class Editor – Flex
6-4. Class Editor – Positioning
6-5. Vertical Menu – Part 1 – Flex & Position
6-6. Vertical Menu – Part 2 – Body Classes
6-7. Continuous Scroll FX
6-8. Class Editor – Filters
6-9. Class Editor – SVG
6-10. Carousel Bric
6-11. Class Editor – Shadows