LearnWD: Headers

Learn Web Design

Showing posts with label Headers. Show all posts
Showing posts with label Headers. 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:

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: