Category - HTML

Bootstrap Tiles Layout

Bootstrap Tiles Layout

By Irfan Iqbal In HTML Beginners, HTML Intermediate -

In this post let us create a tiles layout using bootstrap just copy the code to get the design . Design: Code: <!DOCTYPE html> <html> <head> <title>Tiles</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3...

CSS Inbox Button Hover

CSS Inbox Button Hover

By Irfan Iqbal In HTML Beginners -

  In this post let us create a CSS Inbox Button Hover which is originally posted by jonathan Larradet . Output: Source Code: CSS: .circle { width:60px; height:60px; box-shadow: 3px 3px 6px #333333; border-radius:50%; position: absolute;...

Bootstrap Login Form

Bootstrap Login Form

By Irfan Iqbal In HTML Beginners -

In this section let us design a bootstrap login form .if you are already familiar with html and bootstrap then you can directly understand the design else start learning html and bootstrap basics .At first see the design you can also implement it just copy paste the code. Design: code:...

Bootstrap Search Box

Bootstrap Search Box

By Irfan Iqbal In HTML Beginners, HTML Intermediate -

In this section let us design a fullscreen search box using bootstrap .As you are already familiar with bootstrap let me show you the design if you are new to bootstrap go to this link . Now let us see the design . It is fullscreen search box so click on search to view the effects . Code:...

Bootstrap Layered Login Form

Bootstrap Layered Login Form

By Irfan Iqbal In HTML Beginners -

In this section let us design a layered login form using bootstrap .At first you must know what is bootstrap and how to use bootstrap . Click on the below link to know more about bootstrap. http://www.kodeinfo.com/post/html-login-page-using-bootstrap#sthash.jBMKqDtC.dpuf If you are already...

Bootstrap Menu

Bootstrap Menu

By Irfan Iqbal In HTML Beginners -

In this section let us design a bootstrap menu .At first you should know what is bootstrap and how to use  bootstrap . click on the below link to know more about bootstrap  http://www.kodeinfo.com/post/html-login-page-using-bootstrap If you are already familiar with bootstrap...

HTML+Bootstrap Input validators

HTML+Bootstrap Input validators

By Irfan Iqbal In HTML Beginners -

In this section let us create responsive input validators .As we already discussed about bootstrap in our previous posts .so  i am directly providing you the entire design just copy and paste the code . Code: <!DOCTYPE html> <html> <head> <title>Form valida...

Circular Bootstrap tabs

Circular Bootstrap tabs

By Irfan Iqbal In HTML Beginners -

In this section let us make circular bootstrap tabs .As we already discussed about bootstrap in our previous posts let us directly see the code . Code: <!DOCTYPE html> <html> <head> <title>Circulat tabs</title> <link rel="stylesheet" hr...

HTML Login page using Bootstrap(part 3)

HTML Login page using Bootstrap(part 3)

By Irfan Iqbal In HTML Beginners -

In this section let us make another bootstrap snippet.As you already know what is bootstrap and how to use bootstrap i will directly show you the code. Code: <!DOCTYPE html> <html> <head> <title>Login</title> <link rel="stylesheet" href...

HTML Login page using Bootstrap(part 2)

HTML Login page using Bootstrap(part 2)

By Irfan Iqbal In HTML Beginners -

In this section let us make a another HTML login page using bootstrap. As we discussed in the previous post i.e HTML Login page using Bootstrap what is bootstrap and how to use bootstrap .So Now let us make some of the snippets using bootstrap . Now i will show you How to make a resp...