indialight_box

Language: CSS3, jQuery & HTML5 Steps to Implement: ————————– Step 1 : Download jQuery Form › jQuery.com JQuery inside the <head> tags in Html <head> <script type=text/javascript src=jquery-1.5.2.min.js ></script> </head> Attribute to “http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”; <head> <script type=text/javascript src=http://ajax.googleapis.com/ ajax/libs/jquery/1.4.2/jquery.min.js ></script> </head> Step 2 : Create a Image Gallery <div> <img src=images/imge1.jpg class=thumbnail width=”127″> <img src=images/imge2.jpg class=thumbnail […]

Read More →
what-html5

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 →
seo-training-seo

  Boost your web site google rank in your city,  just follow this tutorials seo Techniques and boost your website. (A) On-Page Optimization: Content Optimization Website Loading time Optimization Meta Tags Optimization HTML Code Optimization H1 Tags Optimization Image & Hyperlink Optimization Robots.txt Creation Google Analytics Sitemap Creation Google Webmaster Tools (B) Off-Page Optimization: Best […]

Read More →
google_map

How To make a google map for your? Its simple way just follow this tutorials Example and points by points make a map then put in your website. Set the HTML Example <!DOCTYPE html> <html> <body> <h1>My First Google Map</h1> <div id=”Gmap”>My map</div> </body> <html>   Set the Map Size   <div id=”gmap” style=”width:300px;height:200px”> Add […]

Read More →
Hover-Effects-india

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 →