video course

Essential Building Blocks of Modern Websites

Learn to design responsive headers, footers, buttons, feature blocks, stat counter boxes, icon boxes, call to actions, testimonial cards, pricing tables, and more. After completing this series, you'll have a good understanding of how to use fundamental HTML elements and set CSS properties to create any design.

Start Watching Series
Learn OxygenVideo Courses
Essential Building Blocks of Modern Websites
Follow along with a free test installation 

Learn to design the essential components that make up modern websites using Oxygen.

Each lesson shows how to create a different type of component. Most modern websites are made up of combinations and variations of the components shown here. You don't need to watch these videos in order. Instead, just choose a video that shows how to design the component you're interested in.

01.

Modern Header Pt 1

5 minutes Watch Now
02.

Modern Header Pt 2 - Responsive

3 minutes Watch Now
03.

Simple Icon Button

3 minutes Watch Now
04.

Simple Responsive Screenshot / Feature Block

5 minutes Watch Now
05.

Responsive Icon Statistics Counter Boxes

7 minutes Watch Now
06.

Various Icon Box Styles

8 minutes Watch Now
07.

Simple Call To Action Section

7 minutes Watch Now
08.

Responsive Testimonial Cards with Logo Image

8 minutes Watch Now
09.

Responsive Big Testimonial w/ Tinted Background

6 minutes Watch Now
10.

Header & Hero on Gradient Background

11 minutes Watch Now
11.

Pre-Footer Icon Bullet Points

6 minutes Watch Now
12.

Responsive Four Column Footer

9 minutes Watch Now
13.

Responsive Pricing Tables

17 minutes Watch Now
14.

Simple Content Block Variations

8 minutes Watch Now
15.

Simple Responsive Hero

6 minutes Watch Now
16.

Simple Responsive Header

4 minutes Watch Now

Everyone is switching to Oxygen.

30-Day Money Back Guarantee
Lifetime Updates
World-Class Support
Unlimited Site License
Use On Client Websites
Get Oxygen Now
Note: limited time introductory pricing of $99 expiring soon
The ultimate WYSIWYG visual editor plugin for WordPress.

More flexible than typical page builders and as powerful as hand-coding, Oxygen is quickly becoming the tool of choice for WordPress web designers.

Product

HomeTryFeaturesDesign SetsGet It Now

Learn

SupportLearn OxygenGetting Started GuideVideos

Customers

LoginBlogAboutAffiliates
Copyright © Soflyy
Everything you see here was designed entirely, 100% with Oxygen.
checkmenu-circle