LearnWD

Bootstrap Templates - Header - 3 lets you showcase a desktop application on your website in a nice and modern way. The template is fully responsive and was built using the Bootstrap 4 framework.

The design and PSD for this template was provided by Designmodo, I have simply written the HTML & CSS for their design. If you would like to download PSD you can do so here https://designmodo.com/startup/sources/

For a live preview of this template click here.

Block Requirements

• Bootstrap 4
• Font awesome

Implementation

To make it as easy as possible to incorporate my templates into your own website design I've created two snippet files which you can view at the bottom of this post. The first snippet has the HTML code and the second one has the CSS code. To add these to your website begin by copying the HTML code and pasting it into your websites html file. Finally copy the CSS code and paste it into your websites stylesheet. That's all, Now the block should be working.

HTML Code Snippet:

CSS Code Snippet:

Mobirise Templates - Features - Large Image is the Mobirise version of this Bootstrap Template.

This Mobirise Template is fully functional and everything in the design can be customized inside the Mobirise editor itself.

For a live preview of this template click here

If you wish to see more features added to this block then please contact me and describe your desired feature.

Requirements

• Mobirise 4
• Mobirise Code Editor

HTML Code:

CSS Code:

Bootstrap Templates - Features - Large Image lets you showcase one of your products main features. This Bootstrap template has a clean and modern design that is fully responsive and looks great on any device.

The design and PSD for this template was provided by Designmodo, I have simply written the HTML & CSS for their design. If you would like to download the PSD you can do so here https://designmodo.com/startup/sources/

For a live preview of this template click here

Block Requirements

• Bootstrap 4

Implementation

To make it as easy as possible to incorporate my templates into your own website design I've created two snippet files which you can view at the bottom of this post. The first snippet has the HTML code and the second one has the CSS code. To add these to your website begin by copying the HTML code and pasting it into your websites html file. Finally copy the CSS code and paste it into your websites stylesheet. That's all, Now the block should be working.

HTML Code:

CSS Code:

To implement my Mobirise designs into your project you need Mobirise code editor extension. Once you have that all you need to do is add a custom html block to your project. Click on edit code near the block parameters icon, this will bring up the Mobirise code editor. In the code editor you will see a HTML section and a CSS section. Now open up the post with the design you want to use, scroll down to the bottom of the page and you will see two snippet files. The first one is the HTML code and the second one is the CSS code, copy the HTML code and paste it into the HTML section of the Mobirise code editor, then do the same thing with the CSS code. That's all.

For this to work you must meet the requirements listed in the template post.

To make it as easy as possible to implement my templates into your own website design I've created two snippet files which you can view at the bottom of each post. The first snippet has the HTML code and the second one has the CSS code. To add these to your website begin by copying the HTML code and pasting it into your websites html file. Finally copy the CSS code and paste it into your websites stylesheet. That's all, Now the block should be working.

Mobirise Templates - Header - Mobile App was developed to ease the creation of mobile application landing pages. The template has a very clean and modern design, perfect for presenting your application.

This Mobirise Template is fully functional and everything in the design can be customized inside the Mobirise editor itself.

For a live preview of this template click here

Requirements

• Mobirise 4
• Mobirise Code Editor

If you don't know how to implement this template into your Mobirise project please read my guide here.

HTML Code:

CSS Code:

Mobirise Template - Header - Logo is the Mobirise version of my "Bootstrap Template - Header - Logo" design which you can find here.

This Mobirise Template is fully functional and everything in the design can be customized inside the Mobirise editor itself.

For a live preview of this template click here

If you wish to see more features added to this block then please contact me and describe your desired feature.

Requirements

• Mobirise 4
• Mobirise Code Editor

If you don't know how to implement this template into your Mobirise project please read my guide here.

HTML Code:

CSS Code: