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 →

HTML Form Code <form method=”POST”> <p>Name</p> <input type=”text” name=”name”> <p>Email</p> <input type=”text” name=”email”> <p>Message</p><textarea name=”message” rows=”7″ cols=”27″></textarea><br /> <input type=”submit” value=”Send”><input type=”reset” value=”Clear”> </form> <input type=”text”> <form>   First Name:<br>   <input type=”text” name=”firstname”><br>   Last Name:<br>   <input type=”text” name=”lastname”> </form> First Name: Last Name: Radio Button <form>   <input type=”radio” name=”gender” value=”male” checked>Male<br> […]

Read More →