What is New in HTML5? <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title>Title of the Your Content</title> </head> <body> Your Content…. </body> </html> Block Elements: header, section, footer, aside, nav, main, article, figure { display: block; }   HTML5 New Elements: <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> </head> <body> <section> <h1>Web Design India</h1> <article> <h2>India</h2> <p>Web […]

Read More →

Follow look at the HTML Markup: <div id=”effect-1″ class=”effects img clearfix”> <div class=”img”> <img src=”img/jpg/1.jpg” alt=””> <div class=”overlay”> <a href=”#” class=”expand”>+</a> <a class=”close-overlay hidden”>x</a> </div> </div> <div class=”img”> <img src=”img/jpg/2.jpg” alt=””> <div class=”overlay”> <a href=”#” class=”expand”>+</a> <a class=”close-overlay hidden”>x</a> </div> </div> </div> Then look at all the common CSS File and Put this css in […]

Read More →

Go to Html code ad this div:   <div class=”brighten_pict”> <img src=”http://yourwebsite.com/300/400/technics/2″ alt=”sea”> </div> 1 2 3 <div class=”brighten_pict”> <img src=”http://yourwebsite.com/300/300/technics/2″ alt=”sea”> </div>   Then Ad this CSS3 Tag in your Css File:     .brighten_pict { -webkit-filter: brightness(-67%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; […]

Read More →