Resource Examples

Multipurpose snippets, effects, components and section layout resources that can be added to your site. This allows me to implement eye-catching elements taking your website to the next level.

Diagonal Overlay Section

Section Free Download

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Pellentesque in ipsum id orci porta.

Grid Image Layout

Jason Miller

Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed magna dictum porta.

Learn More

Andrea Flow

Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed magna dictum porta.

Learn More

Jack Cold

Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed magna dictum porta.

Learn More

Tom Pattr

Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed magna dictum porta.

Learn More

Tom Pattr

Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed magna dictum porta.

Learn More

Jack Cold

Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed magna dictum porta.

Learn More

Split Screen Layout

Beginner’s Guide

A Swim in
The Ocean

thumb

Rick F.

Designer at Ciao

Open Water Swimming

Lorem ipsum dolor sit amet, consect elit. Phasellus ac magna non augue port titor scelerisque ac id diam. Mauris elit velit, lobortis sed interdum at.

Proin ut quam eros. Donec sed lobortis diam. Nulla nec odio lacus. Quisque porttitor egestas dolor in placerat. Nunc vehicula dapibus ipsum. Duis venena tis risus non nunc ferme ntum dapibus. Morbi lorem ante, male suada in mollis nec, auctor nec massa. Aenean tempus dui eget felis blandit at fringilla urna ultrices. Suspendisse feugiat.

02-01Microphone

In facilisis scelerisque dui vel dignissim.
Sed nunc orci, ultriciescongue vehicula.
In aliquet facilisis condime.

READ MORE

02-01Microphone

In facilisis scelerisque dui vel dignissim.
Sed nunc orci, ultriciescongue vehicula.
In aliquet facilisis condime.

READ MORE

Article

How to Wash
a Dress Shirt

SHARE THIS:

01-fb 02-twitter

Tips On Washing

Lorem ipsum dolor sit amet, consect elit. Phasellus ac magna non augue port titor scelerisque ac id diam. Mauris elit velit, lobortis sed interdum at.

Proin ut quam eros. Donec sed lobortis diam. Nulla nec odio lacus. Quisque porttitor egestas dolor in placerat. Nunc vehicula dapibus ipsum. Duis venena tis risus non nunc ferme ntum dapibus. Morbi lorem ante, male suada in mollis nec, auctor nec massa. Aenean tempus dui eget felis blandit at fringilla urna ultrices. Suspendisse feugiat.

Basic

$18

05-05Unlimited Bandwidth and Storage
05-05 Mobile-Optimized Website
Powerful Metrics
24/7 Customer Support

FREE TRIAL

Advance

$48

05-05Unlimited Bandwidth and Storage
05-05 Mobile-Optimized Website
05-05 Powerful Metrics
05-05 24/7 Customer Support

FREE TRIAL

Tabbed Services

Really a great experience. Recommended!

After Hours Programming created this application. I hope you enjoyed the fake text. A designer can use default text to simulate what text would look like.

testimonial-1

Alan Drake | Project Manager

Good job. Really recommended!

After Hours Programming created this application. I hope you enjoyed the fake text. A designer can use default text to simulate what text would look like.

testimonial-2

Sara Connor |  Designer

Great team and excellent work

After Hours Programming created this application. I hope you enjoyed the fake text. A designer can use default text to simulate what text would look like.

testimonial-3

Frank Smitt | Art Director

Our Service

If it is not real text, they will focus on the design. Whoever evaluates your text cannot evaluate the way you write. However, standard default text can do the trick.

After Hours Programming created this application. Whoever evaluates your text cannot evaluate the way you write. This string is randomly generated.

The standard default text is designed to ramble about nothing. Thank you for using this application. JavaScript has the awesome power to manipulate DOM elements on the fly.

If it is not real text, they will focus on the design. Whoever evaluates your text cannot evaluate the way you write. However, standard default text can do the trick.

The standard default text is designed to ramble about nothing. Thank you for using this application. JavaScript has the awesome power to manipulate DOM elements on the fly is not real text, they will focus on the design. Whoever evaluates your text cannot evaluate the way you write

If it is not real text, they will focus on the design. Whoever evaluates your text cannot evaluate the way you write. However, standard default text can do the trick.

After Hours Programming created this application. Whoever evaluates your text cannot evaluate the way you write. This string is randomly generated.

The standard default text is designed to ramble about nothing. Thank you for using this application. JavaScript has the awesome power to manipulate DOM elements on the fly.

Boxed Three Image Blurb

YOUR HEADER HERE

Information goes here. This is a blurb section, information here.

YOUR HEADER HERE

Information goes here. This is a blurb section, information here.

Split Background (With image)

Split Background Section

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec.

Split Background

Split Background Section

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec.

section-free-creative-child-themes

Overlay an image with text

Heading

Velit duis in ut quis sit, ad duis lobortis ex facilisis dolore; iusto eum facilisi sit iriure feugait et. Duis tation lobortis… ut et euismod quis aliquam elit vulputate crisare eum crisare. Vel lobortis sciurus nostrud; aliquam facilisi consequatvel ut, esse elit in exerci dignissim ad. Esse velit delenit wisi iusto adipiscing dignissim ex et odio nulla, praesent — consequatvel aliquam dignissim.  

Circle Line Divider Blurb Layout

KICK-START Your Project Right Here

Z

OUR SERVICES

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Donec velit neque, auctor sit.

ABOUT US

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Donec velit neque, auctor sit.

OUR TEAM

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Donec velit neque, auctor sit.

WHO WE ARE

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Donec velit neque, auctor sit.

WHO WE ARE

l

YOUR HEADING

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare purus eget tortor condimentum bibendum. Integer eget nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare purus eget tortor condimentum bibendum. Integer eget nulla.

YOUR HEADING

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare purus eget tortor condimentum bibendum. Integer eget nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare purus eget tortor condimentum bibendum. Integer eget nulla.

A Blurb Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare purus eget tortor condimentum bibendum. Integer eget nulla.

YOUR HEADING

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare purus eget tortor condimentum bibendum. Integer eget nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare purus eget tortor condimentum bibendum. Integer eget nulla.

YOUR HEADING

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare purus eget tortor condimentum bibendum. Integer eget nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare purus eget tortor condimentum bibendum. Integer eget nulla.

Floating images between sections

Floating icons between sections.

Quickly add floating icons/images between sections.

modules below for images of 100px, 150px and 200px. Each module’s margin-top to be 50% of the height of your image.

This floating section image below is 100px x 100px

Divi Theme Examples

The floating section image below is 150px x 150px

Divi Theme Examples

The floating section image below is 200px x 200px

Divi Theme Examples

The floating section image below alignment is set to left.

Divi Theme Examples

The floating section image alignment is set to right.

Divi Theme Examples

Sale Now On, Image Hover

SALE
NOW
ON >

Sed nunc orci, ultricies congue vehicula quis et sorem, facilisis a orci. In aliquet facilisis condimentum. Donec at orci orci, a dictum justo. Sed a nunc non lectus fringilla suscipit. Vivamus pretium sapien sit amet mauris est.

Add Link to Fullwidth Slider Image (disable the button & makes the entire image a link)

Slider Heading

Click Here

Heading Two

Click Here

fullwidth tiled gallery 4 rows

fullwidth tiled gallery 3 rows

fullwidth tiled gallery 5 rows

fullwidth tiled gallery 6 rows

Latest Projects

OUR LATEST PROJECTS

//////////

Donec elit risus, scelerisque id consectetur at, lacinia eget est. Maecenas posuere vehicula efficitur. Donec vitae sapien vel dolor lobortis vehicula. Pellentesque ultricies dui nec erat commodo, eget malesuada tellus pellentesque.

New basin design

Donec elit risus, scelerisque id consectetur at, lacinia eget est. Maecenas posuere vehicula.

New basin design

Donec elit risus, scelerisque id consectetur at, lacinia eget est. Maecenas posuere vehicula.

New basin design

Donec elit risus, scelerisque id consectetur at, lacinia eget est. Maecenas posuere vehicula.

New basin design

Donec elit risus, scelerisque id consectetur at, lacinia eget est. Maecenas posuere vehicula.

Ungrid

Donec nec justo eget felis.

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

Sit amet orci. Aenean dignissim pellentesque felis.

Diagonal Section

Lorem ipsum dolor sit amet

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

Visit App Store

Promotional Section

License to kill.

Bond is Back

19th July

Device Positions

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Features

Lorem ipsum dolor sit amet

Morbi magna nibh, ultrices a interdum gravida, accumsan at sapien. In sed ante et quam interdum scelerisque.

Pin It on Pinterest

Share This

Share this with your friends!