LearnWD: Bootstrap Templates

Learn Web Design

Showing posts with label Bootstrap Templates. Show all posts
Showing posts with label Bootstrap Templates. Show all posts

Friday, June 8, 2018

Bootstrap Templates - Header - 5

7:50 AM 0
Bootstrap Templates - Header - 5

Bootstrap Templates - Header - 5 was made to showcase mobile applications on your website. 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 the PSD you can do so here https://designmodo.com/startup/sources/

For a live preview of this template click here.


Template Requirements

  • Bootstrap 4

Implementation

For this to work you must meet the requirements listed above.

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:

Wednesday, June 6, 2018

Bootstrap Templates - Features - 7

2:59 AM 2
Bootstrap Templates - Features - 7

Bootstrap Templates - Features - 7 lets you display your products features on your website. 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 the PSD you can do so here https://designmodo.com/startup/sources/

For a live preview of this template click here.



Template Requirements

  • Bootstrap 4
  • Font awesome 4.7

Implementation

For this to work you must meet the requirements listed above.

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:

Tuesday, June 5, 2018

Bootstrap Templates - Features - 6

4:07 AM 0
Bootstrap Templates - Features - 6

Bootstrap Templates - Features - 6 lets you display the main features of your product on your website. 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 the PSD you can do so here https://designmodo.com/startup/sources/

For a live preview of this template click here.



Template Requirements

  • Bootstrap 4

Implementation

For this to work you must meet the requirements listed above.

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:

Monday, June 4, 2018

Bootstrap Templates - Features - 5

1:03 AM 0
Bootstrap Templates - Features - 5

Bootstrap Templates - Features - 5 lets you display the main features of your product on your website. 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 the PSD you can do so here https://designmodo.com/startup/sources/

For a live preview of this template click here.



Template Requirements

  • Bootstrap 4
  • Font awesome 4.7

Implementation

For this to work you must meet the requirements listed above.

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:

Wednesday, May 30, 2018

Bootstrap Templates - Features - 4

11:38 PM 0
Bootstrap Templates - Features - 4

Bootstrap Templates - Features - 4 lets you showcase the main features of your product on your website. 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 the PSD you can do so here https://designmodo.com/startup/sources/

For a live preview of this template click here.



Template Requirements

  • Bootstrap 4
  • Font awesome 4.7

Implementation

For this to work you must meet the requirements listed above.

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:

Monday, May 28, 2018

Bootstrap Templates - Features - 3

9:47 AM 0
Bootstrap Templates - Features - 3

Bootstrap Templates - Features - 3 is a block made to showcase the main features of a mobile application on your website. 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 the PSD you can do so here https://designmodo.com/startup/sources/


For a live preview of this template click here.



Template Requirements

  • Bootstrap 4
  • Font awesome 4.7

Implementation

For this to work you must meet the requirements listed above.

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:

Sunday, May 27, 2018

Bootstrap Templates - Header - 4

12:24 PM 0
Bootstrap Templates - Header - 4

Bootstrap Templates - Header - 4 was made to showcase web applications on your website. 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.



Template Requirements

  • Bootstrap 4

Implementation

For this to work you must meet the requirements listed above.

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:

Friday, May 25, 2018

Bootstrap Templates - Header - 3

5:44 AM 0
Bootstrap Templates - Header - 3

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

For this to work you must meet the requirements listed above.

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:

Monday, May 21, 2018

Bootstrap Templates - Header - Logo

12:58 AM 0
Bootstrap Templates - Header - Logo

Bootstrap Templates - Header - Logo lets you display your logo along with your main message on your website. This bootstrap template offers a nice and clean design that is fully responsive and will look great on any device.


For a live preview of this template click here.



Block Requirements

  • Bootstrap 4

Implementation

For this to work you must meet the requirements listed above.

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:

Bootstrap Templates - Header - Mobile App

12:39 AM 0
Bootstrap Templates - Header - Mobile App

Bootstrap templates - Header - Mobile App lets you showcase your mobile application on your website with a fully responsive design that 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

For this to work you must meet the requirements listed above.

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:

Bootstrap Templates - Testimonial Carousel

12:13 AM 0
Bootstrap Templates - Testimonial Carousel

Bootstrap templates - Testimonial carousel let’s you present customer testimonials on your website. This template uses the bootstrap carousel slide class which lets you cycle through a series of testimonials.


For a live preview of the testimonial carousel Click here



Block Requirements

  • Bootstrap 4
  • Font awesome 4.7

Implementation

For this to work you must meet the requirements listed above.

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: