SALE 20% off all. Use code OFF20% Shop now

1.Layouts

[[ COLUMN LEFT ]]
[[COLUMN RIGHT ]]
[[ COLUMN LEFT ]]
[[COLUMN RIGHT ]]
[[ COLUMN LEFT ]]
[[COLUMN RIGHT ]]
[[ COLUMN LEFT ]]
[[COLUMN RIGHT ]]
[[ COLUMN LEFT ]]
[[ COLUMN MIDDLE ]]
[[ COLUMN RIGHT ]]
[[ SMALL COLUMN 1 ]]
[[ SMALL COLUMN 2 ]]
[[ BIG COLUMN ]]
[[ SMALL COLUMN 1 ]]
[[ SMALL COLUMN 2 ]]
[[ BIG COLUMN ]]
[[ SMALL COLUMN 1 ]]
[[ SMALL COLUMN 2 ]]
[[ BIG COLUMN ]]
[[ COLUMN LEFT ]]
[[ COLUMN MIDDLE 1 ]]
[[ COLUMN MIDDLE 2 ]]
[[ COLUMN RIGHT ]]
[[ COLUMN 1 ]]
[[ COLUMN 2 ]]
[[ COLUMN 3 ]]
[[ COLUMN 4 ]]
[[ COLUMN 5 ]]
[[ COLUMN 6 ]]
 
 
 
[[ HTML CONTENT FIRST ]]
 
 
 
 
 
[[ HTML CONTENT MIDDLE 1 ]]
 
 
 
 
 
[[ HTML CONTENT MIDDLE 2 ]]
 
 
 
 
 
[[ HTML CONTENT MIDDLE 3 ]]
 
 
 
[[ HTML CONTENT LAST ]]

2. Build elements

# Typography

This is H1 heading

This is H1 heading

This is H2 heading

This is H3 heading

This is H4 heading

This is H5 heading
This is H6 heading

Lorem ipsum dolor sit amet consectetur adipiscing elit

Lorem ipsum dolor sit amet consectetur adipiscing elit

Lorem ipsum dolor sit amet consectetur adipiscing elit


#Divided, the gaps between the element













# Banners, images

HTML builder image
HTML builder image
HTML builder image
HTML builder image

Nice Lily

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Holy Sadie

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Dreamy Honey Now

Crazy Layla

When Layla appears, she brings an eternal summer along.

Creative Zoe

Zoe never had the patience of her sisters. She deliberately punched the bear in his face.

Warm Oscar

Oscar is a decent man. He used to clean porches with pleasure.

Sweet Marley

Marley tried to convince her but she was not interested.

Glowing Ruby

Ruby did not need any help. Everybody knew that.

Charming Roxy

Roxy was my best friend. She'd cross any border for me.

Fresh Bubba

Bubba likes to appear out of thin air.

Wild Romeo

Romeo never knows what he wants. He seemed to be very cross about something.

Strange Dexter

Dexter had his own strange way. You could watch him training ants.

Free Sarah

Sarah likes to watch clouds. She's quite depressed.

Silly Chico

Chico's main fear was missing the morning bus.

Faithful Milo

Milo went to the woods. He took a fun ride and never came back.


# Snippets

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut. @consequat"

Someone famous in Source Title

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut. @consequat"

Someone famous in Source Title

Design Quality

Rich and beautifully designed. There are countless features allowing for a great deal of flexibility in website creation. Logical and precise it's well thought out and works seamlessly as it should. The customer support is great too; timely, direct. I recommend.
Sky Walker

CEO

[[ Icon ]]
Service heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
[[ Icon ]]
Service heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
[[ Icon ]] Service heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Ajay Core

CTO

card image

Sunlimetech

This is basic card with image on top, title, description and button.

[[Icon]]
[[ CONTENT TEXT 1 ]]
[[ CONTENT TEXT 2 ]]
[[ CONTENT TEXT 3 ]]
[[ CONTENT TEXT 4 ]]

# Other components

Rating


Countdown 1


Countdown 2


Google maps

šŸ‘‰ Get embled code here


#Icon (Click to copy code)


#Introduction (v1.08)

This tool is used to quickly create HTML templates in Shopify or other platform with Bootstrap 4.3.1 You can paste the HTML codes generated from this tool into product desription, collection description, page, theme settings, metafields,... in your Shopify store. This tool is only integrated into this demonstration store, so it does not affect your page or your theme speed, you simply copy the HTML from this tool. Based on Apollo framework 4.0, Bootstrap 4.3.1 and other technologies (Shopify, jQuery, Smashicons, HTML5, CSS3,..) These are not hard-code, they work with CSS classes in Apollo framework 4.0. In some cases, colors and fonts display differently than here, depending on your theme settings. Feel free to contact us if you have any issues with this tool or Apollo framework 4.0. ( apollotheme@gmail.com | trandinhnghiait | nvchien91 ) Please note that we do not support issues that appear when you paste the codes into 3rd party themes.
×