Simplex – Free Responsive Template by Dzyngiri

Aug 27, 2012 by Team Dzyngiri    No Comments    Posted under: Freebies, HTML/CSS, Templates

Simplex is a free responsive template by Dzyngiri

As we all know that responsive or adaptive design is the need of today’s web designing world, it becomes very important for all of us to make our designs compatible to all the devices. Therefore we bring you a really nice and simple responsive template. Simplex, a free responsive web template.
There are some common tricks which we have used to make this design responsive. Which are:

Divs:

To make the blocks responsive, there are some simple tricks, one of that is, use the max-width tag and height as auto.

Padding and Margin:

If we give the padding and margin in %, it will enhance the responsivity of your design. The most important advantage is that, it will keep your divs little bit centered.

Images:

Only two lines of css can make all the images in your design flexible in size which is

img { max-width:100%;
height:auto }

Using this style, alll the images in your design will resize according to the screen resolution of the device on which they are rendered. One more important thing to remember is that, don’t define the height and width in your html. If you do so, then this style is useless.

Something about this template

• Simplex is a free responsive HTML web template.
• Simple and elegant color scheme
• Used HTML5 and CSS3
• Image gallery using css3 only
• Compatible with all the major browsers and partially compatible with IE9+.
• Useful for personal online portfolio, design agency website, photographer’s portfolio, etc.

Desktop:

i-Pad (Landscape):

i-Pad (Portrait):

i-Phone (Landscape):

i-Phone (Portrait):

You can have a look at the demo and download your free template from here. Please do share your opinion and share some words for us…

Team Dzyngiri

A professional and beautiful website design is the result of creative talent and technical expertise, and Dzyngiri is the source for the same!

More Posts – Website

Follow Me:

Got anything to say? Go ahead and leave a comment!