<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-9203973072796103960</id><updated>2026-10-07T04:53:51.903-07:00</updated><category term="Cheapest Website Designing Delhi"/><category term="Website Designing Delhi"/><category term="Website Development"/><category term="Cheapest Website Hosting Delhi"/><category term="Pushpa Infotech"/><category term="43 Web Design Mistakes You Should Avoid"/><category term="C Class Hosting For SEO"/><category term="How to Design a Staffing – Recruiting Website"/><category term="Web Hosting"/><title type='text'>Website Development Delhi</title><subtitle type='html'>Website Design India – Web Design Company India specializes in flash website design custom website design, websites websites,website designers, website designer website development cheap websites professional website</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>32</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-8291301606813961448</id><published>2013-03-31T12:48:00.001-07:00</published><updated>2015-10-07T12:56:44.352-07:00</updated><title type='text'>Domain Registration Delhi</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;span style=&quot;background-color: #f6f6f6; font-family: &#39;Trebuchet MS&#39;, &#39;Lucida Grande&#39;, Verdana, Arial, sans-serif; font-size: 18px; text-align: justify;&quot;&gt;Domain Registration Services Delhi&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;bottom-text1&quot; style=&quot;background-color: #f6f6f6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; padding-right: 10px; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;bottom-text1 &quot; style=&quot;background-color: #f6f6f6; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; padding-right: 10px; text-align: justify; width: 100%px;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;&lt;strong&gt;To start your own website, you must have following :&lt;/strong&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;A Registered Domain Name&lt;/li&gt;
&lt;li&gt;Web Hosting or Web Space to point your domain to and to host your website pages.&lt;/li&gt;
&lt;li&gt;Content / pages for your website&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
A domain is a .com, .net, .info, .org, .biz, .in etc. name that is accessible worldwide from any computer connected to internet. Any individual or organization from anywhere in the world can register any available domain of his choice. The cost of domain registration differs for various extensions of domains. Usually domains are priced yearly, a .com domain costs just under $10 for 1 year.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;border-box&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #333333; font-family: &#39;Open Sans&#39;, sans-serif; font-size: 12px; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;div class=&quot;subject-title&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(51, 51, 51); border-bottom-style: solid; border-width: 0px 0px 3px; box-sizing: border-box; margin: 0px; padding: 0px 0px 7px; vertical-align: baseline;&quot;&gt;
&lt;div class=&quot;name&quot; style=&quot;border: 0px; box-sizing: border-box; font-family: Oswald; font-size: 20px; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
Domain Prices Comparison&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;content-sec static_boxborders clearfix&quot; style=&quot;border: 1px solid rgb(209, 209, 209); box-sizing: border-box; color: #333333; font-family: &#39;Open Sans&#39;, sans-serif; font-size: 12px; margin: 0px; padding: 20px; text-align: justify; vertical-align: baseline; zoom: 1;&quot;&gt;
&lt;div class=&quot;contentp1&quot; style=&quot;background-color: white; border: 1px dashed rgb(204, 204, 204); box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 719px;&quot;&gt;
&lt;div class=&quot;column1&quot; style=&quot;border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px 0px 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 147px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;li class=&quot;gry&quot; style=&quot;background-color: #f6f5f5; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 17px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;Service Provider&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;.com&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column2&quot; style=&quot;background-color: #e4f1d0; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px 0px 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;Our Price&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;599&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column3&quot; style=&quot;border: 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-lft.jpg) 100% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;GoDaddy.com&lt;/li&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&lt;/span&gt;&amp;nbsp;699&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column4&quot; style=&quot;background-color: #daeefb; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li class=&quot;blu&quot; style=&quot;background-color: #a9cdd9; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;Net4.in&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&lt;/span&gt;&amp;nbsp;609&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column5&quot; style=&quot;border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px 0px 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-rt.jpg) 0% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;Rediff.com&lt;/li&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&lt;/span&gt;&amp;nbsp;650&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column6&quot; style=&quot;background-color: #f3fbd6; border: 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;Bigrock.in&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&lt;/span&gt;&amp;nbsp;599&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column1&quot; style=&quot;border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px 0px 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 147px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;.net&lt;/li&gt;
&lt;li class=&quot;gry&quot; style=&quot;background-color: #f6f5f5; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;.biz&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;.info&lt;/li&gt;
&lt;li class=&quot;gry&quot; style=&quot;background-color: #f6f5f5; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;.in&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column2&quot; style=&quot;background-color: #e4f1d0; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px 0px 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;599&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;380&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;599&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;549&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column3&quot; style=&quot;border: 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;809&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-lft.jpg) 100% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;809&lt;/li&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;647&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-lft.jpg) 100% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;647&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column4&quot; style=&quot;background-color: #daeefb; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;615&lt;/li&gt;
&lt;li class=&quot;blu&quot; style=&quot;background-color: #a9cdd9; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;615&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;651&lt;/li&gt;
&lt;li class=&quot;blu&quot; style=&quot;background-color: #a9cdd9; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;549&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column5&quot; style=&quot;border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px 0px 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;650&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-rt.jpg) 0% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;650&lt;/li&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;650&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-rt.jpg) 0% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;800&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column6&quot; style=&quot;background-color: #f3fbd6; border: 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;700&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;549&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;699&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;600&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column1&quot; style=&quot;border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px 0px 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 147px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;.co.in&lt;/li&gt;
&lt;li class=&quot;gry&quot; style=&quot;background-color: #f6f5f5; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;.org&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column2&quot; style=&quot;background-color: #e4f1d0; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px 0px 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;499&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;599&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column3&quot; style=&quot;border: 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;647&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-lft.jpg) 100% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;989&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column4&quot; style=&quot;background-color: #daeefb; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;549&lt;/li&gt;
&lt;li class=&quot;blu&quot; style=&quot;background-color: #a9cdd9; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;605&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column5&quot; style=&quot;border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px 0px 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;800&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-rt.jpg) 0% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;650&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column6&quot; style=&quot;background-color: #f3fbd6; border: 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;600&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;WebRupee&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Rs.&amp;nbsp;&lt;/span&gt;700&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;bn&quot; style=&quot;background-color: #636363; border: 0px; box-sizing: border-box; color: white; float: left; font-family: Tahoma; font-stretch: normal; font-weight: bold; line-height: 25px; margin: 0px; padding: 5px 0px 5px 6px; text-transform: uppercase; vertical-align: baseline; width: 705px;&quot;&gt;
FREE ADD-ON&lt;/div&gt;
&lt;div class=&quot;column1&quot; style=&quot;border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px 0px 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 147px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;li class=&quot;gry&quot; style=&quot;background-color: #f6f5f5; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 17px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;Whois Privacy Protection&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 17px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;Free Web Hosting&lt;/li&gt;
&lt;li class=&quot;gry&quot; style=&quot;background-color: #f6f5f5; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 17px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;Discount on Multiple Years&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;4,500+ Templates&lt;/li&gt;
&lt;li class=&quot;gry&quot; style=&quot;background-color: #f6f5f5; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 17px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;75+ Popular 1 Click Scripts&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;Email Accounts&lt;/li&gt;
&lt;li class=&quot;gry&quot; style=&quot;background-color: #f6f5f5; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 17px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;Domain Theft Protection&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column2&quot; style=&quot;background-color: #e4f1d0; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px 0px 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;tic&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: url(http://pushpatechnologies.com/images/tic.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat; background-size: initial; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;tic&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: url(http://pushpatechnologies.com/images/tic.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat; background-size: initial; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;tic&quot; style=&quot;background: url(http://pushpatechnologies.com/images/tic.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;tic&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: url(http://pushpatechnologies.com/images/tic.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat; background-size: initial; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;tic&quot; style=&quot;background: url(http://pushpatechnologies.com/images/tic.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;tic&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: url(http://pushpatechnologies.com/images/tic.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat; background-size: initial; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column3&quot; style=&quot;border: 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-lft.jpg) 100% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-lft.jpg) 100% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-lft.jpg) 100% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-lft.jpg) 100% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column4&quot; style=&quot;background-color: #daeefb; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li class=&quot;blu&quot; style=&quot;background-color: #a9cdd9; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;blu&quot; style=&quot;background-color: #a9cdd9; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;blu&quot; style=&quot;background-color: #a9cdd9; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;blu&quot; style=&quot;background-color: #a9cdd9; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column5&quot; style=&quot;border-right-color: rgb(255, 255, 255); border-right-style: solid; border-width: 0px 1px 0px 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-rt.jpg) 0% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-rt.jpg) 0% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-rt.jpg) 0% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;background-color: #ecf4df; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background: url(http://pushpatechnologies.com/images/green-rt.jpg) 0% 0% repeat-y; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;column6&quot; style=&quot;background-color: #f3fbd6; border: 0px; box-sizing: border-box; float: left; margin: 0px; padding: 0px; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #666666; list-style: none none; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 112px;&quot;&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;grn&quot; style=&quot;background-color: #cbe1ab; border: 0px; box-sizing: border-box; color: #464646; display: block; font-family: Tahoma; font-size: 11px; font-stretch: normal; font-weight: bold; height: 30px; line-height: 30px; list-style: none none; margin: 0px; padding: 5px 0px 5px 6px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;cross&quot; style=&quot;background: url(http://pushpatechnologies.com/images/cross.png) 50% 0% no-repeat; border: 0px; box-sizing: border-box; height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; width: 105px;&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 60px 0px 0px; text-align: center; vertical-align: baseline;&quot;&gt;
&lt;img align=&quot;center&quot; alt=&quot;Website Designing Delhi&quot; height=&quot;48&quot; src=&quot;http://pushpatechnologies.com/images/website-designing-contact.jpg&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot; width=&quot;585&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div id=&quot;nreg-data&quot; style=&quot;color: #434343; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; margin: 0px; padding: 0px; text-align: start;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div id=&quot;nreg-data&quot; style=&quot;color: #434343; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; margin: 0px; padding: 0px; text-align: start;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div id=&quot;nreg-data&quot; style=&quot;margin: 0px; padding: 0px; text-align: start;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b style=&quot;color: #434343; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal;&quot;&gt;Visit:&amp;nbsp;&lt;/b&gt;&lt;span style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #0000ee;&quot;&gt;&lt;span style=&quot;font-size: 12px;&quot;&gt;&lt;u&gt;http://domain.pushpatechnologies.com/&lt;/u&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #434343;&quot;&gt;&lt;span style=&quot;font-size: 12px;&quot;&gt;&amp;nbsp; or email: &lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;mailto:info@pushpainfotech.com&quot; style=&quot;color: #434343; font-size: 12px; line-height: normal;&quot;&gt;info@pushpatechnologies.com&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/8291301606813961448/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2013/03/domain-registration-delhi.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/8291301606813961448'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/8291301606813961448'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2013/03/domain-registration-delhi.html' title='Domain Registration Delhi'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-4713808511673059349</id><published>2013-03-31T12:44:00.003-07:00</published><updated>2015-10-07T12:55:27.307-07:00</updated><title type='text'>Services Provides By Pushpa Technologies (P) Ltd.</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;strong&gt;WEB DESIGNING &lt;/strong&gt; &lt;br /&gt;
We create stunning web sites that really work to promote your company, out of thin air (or at least pixels). It&#39;s not magic.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;E-COMMERCE&lt;/strong&gt;&lt;br /&gt;
To sell online, you need someone on your team that knows the online  marketplace. We can help you launch your virtual store front so that it  promotes your business.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;ONLINE MARKETING&lt;/strong&gt;&lt;br /&gt;
At Speed Limit Studios we understand the value of online marketing. What  good is a website anyway if no one can find it? We can ensure that  steady traffic flows to your website.&lt;br /&gt;
&lt;br /&gt;
&lt;h1 class=&quot;tabHead&quot; style=&quot;background: rgb(51, 51, 51); border: 0px; box-sizing: border-box; color: white; font-family: Oswald; font-size: 16px; font-weight: normal; line-height: 1.1; margin: 0px; padding: 12px 0px 12px 12px; position: relative; vertical-align: baseline;&quot;&gt;
Our Services&lt;span class=&quot;selected_link&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -63px -102px no-repeat; border: 0px; bottom: -15px; box-sizing: border-box; color: #ed1c24; display: inline-block; height: 15px; left: 15px; margin: 0px; padding: 0px; position: absolute; vertical-align: baseline; width: 30px;&quot;&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;ul class=&quot;cats&quot; style=&quot;background: rgb(237, 237, 237); border: 0px; box-sizing: border-box; color: #333333; font-family: &#39;Open Sans&#39;, sans-serif; font-size: 12px; height: 310px; list-style: none none; margin: 0px; padding: 25px 0px 0px 5px; vertical-align: baseline;&quot;&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail4Group10&quot; href=&quot;http://pushpatechnologies.com/website-designing.php&quot; style=&quot;background: transparent; border-top-style: none; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;Website Designing&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail3Group11&quot; href=&quot;http://pushpatechnologies.com/web-development.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;Website Development&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail3Group11&quot; href=&quot;http://pushpatechnologies.com/e-commerce-solutions.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;E-Commerce Solutions&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail2Group12&quot; href=&quot;http://pushpatechnologies.com/seo-services.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;SEO Services&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail6Group13&quot; href=&quot;http://pushpatechnologies.com/ppc.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;Pay Per Click&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail3Group11&quot; href=&quot;http://pushpatechnologies.com/email-marketing.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;Email Marketing&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail1Group14&quot; href=&quot;http://manage.pushpatechnologies.com/domainchecker.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;Domain Registration&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail5Group15&quot; href=&quot;http://pushpatechnologies.com/linux-hosting.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;Linux Hosting&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/4713808511673059349/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2013/03/services-provides-by-pushpa-infotech.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/4713808511673059349'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/4713808511673059349'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2013/03/services-provides-by-pushpa-infotech.html' title='Services Provides By Pushpa Technologies (P) Ltd.'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-1403961904102262509</id><published>2013-03-31T12:43:00.001-07:00</published><updated>2013-03-31T12:43:17.401-07:00</updated><title type='text'>Website Designing Delhi</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;Pushpa Infotech (PI)&lt;/b&gt; is a leading Indian based software company focused on delivering the best and most cost-effective solutions to our clients in areas such as e-finance, e-business, healthcare, and media. We provide offshore software development and maintenance services (&quot;offsourcing&quot;) for companies. Combining proven expertise in technology, and domain expertise, &lt;b&gt;Pushpa Infotech (PI)&lt;/b&gt; delivers a range of outsourcing services that includes Custom Application / Software Development Outsourcing, Offshore website development, Web Application Development, mobile application development and application integration. Pushpa Infotech has very strong expertise in DOT NET Programming, Linux Programming and Website Designing. 

&lt;b&gt;Pushpa Infotech&lt;/b&gt; is a well established offshore software outsourcing company head-quartered in Delhi City. We at PI provide quality and professional web design, web development, offshore website development and offshore software outsourcing services to customers from all over the world. Wherever you are located, PI offshore software outsourcing company can help. 

Following benefits:
Access more relevant &amp;amp; timely results derived from the full context and scope of information.
Illuminate unseen relationships, to know what you don&#39;t know .
Explore information interactively, leveraging human knowledge; closing the &quot;last mile&quot; to the decision maker .
Achieve value 10 X faster than competitors through easy implementation and immediate functionality .
Get &quot;the 80% of Knowledge Management you need at 10% of the price&quot;.
&lt;br /&gt;
&lt;br /&gt;
Our Services :
&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://www.pushpainfotech.com/website-designing-delhi.php&quot; title=&quot;Website Designing Delhi&quot;&gt;Website Designing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.pushpainfotech.com/web-development.php&quot; title=&quot;Website Development Delhi&quot;&gt;Website Development&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.pushpainfotech.com/landing-page.php&quot; title=&quot;Web Designing Delhi&quot;&gt;Landing Page Design&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.pushpainfotech.com/cms.php&quot; title=&quot;Content Management System Delhi&quot;&gt;Content Management System&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.pushpainfotech.com/seo-services-delhi.php&quot; title=&quot;SEO Services Delhi&quot;&gt;Seo Services&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.pushpainfotech.com/internet-marketing.php&quot; title=&quot;Internet Marketing Delhi&quot;&gt;Internet Marketing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.pushpainfotech.com/ppc.php&quot; title=&quot;PPC Services Delhi&quot;&gt;Pay Per Click Services&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.pushpainfotech.com/domain-registration.php&quot; title=&quot;PPC Services Delhi&quot;&gt;Domain Registration Services&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.pushpainfotech.com/web-hosting.php&quot; title=&quot;Web Hosting Services Delhi&quot;&gt;Hosting Services&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/1403961904102262509/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2013/03/website-designing-delhi.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/1403961904102262509'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/1403961904102262509'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2013/03/website-designing-delhi.html' title='Website Designing Delhi'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-8744191150438194697</id><published>2012-03-25T10:49:00.000-07:00</published><updated>2012-03-25T10:49:58.116-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Cheapest Website Designing Delhi"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Designing Delhi"/><title type='text'>How To Kill Your Next Social Media Promotion</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;br /&gt;
&lt;div style=&quot;color: #333333; font-family: &#39;Lucida Grande&#39;, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;One common way small business owner’s work to build up their social media profiles is through online promotions. They may hold a Twitter contest or a Facebook giveaway in the hopes that it will help them catch a user’s eye and provide incentive to get them engaging with the brand. However, that doesn’t mean they’re always successful or they go about it in the right way. Far too often SMB owners fall victim to innocent (and very preventable) marketing mistakes that cause them to lose potential customers without even realizing it.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: &#39;Lucida Grande&#39;, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;Below are some tip for running a social media promotion if you WANT people to completely ignore it.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: &#39;Lucida Grande&#39;, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;aligncenter size-full wp-image-72038&quot; height=&quot;283&quot; src=&quot;http://smallbiztrends.com/wp-content/uploads/2011/01/iStock_000013694050XSmall.jpg&quot; style=&quot;border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; display: block; margin-left: auto; margin-right: auto; text-align: justify;&quot; width=&quot;424&quot; /&gt;&lt;/div&gt;&lt;ol style=&quot;color: #333333; font-family: &#39;Lucida Grande&#39;, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 13px; text-align: -webkit-auto;&quot;&gt;&lt;li style=&quot;line-height: 22px; list-style-image: initial; list-style-position: outside; list-style-type: decimal; margin-bottom: 10px; text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;strong&gt;Make sure no one knows about it&lt;/strong&gt;: Even though you may be running the contest to build brand awareness and get users engaging with you, don’t worry about actually promoting it. You wouldn’t want to create a graphic to put on your Web site, tweet about the contest daily, Facebook it, mention it in store, and definitely don’t put it in your email newsletter. Your perfect customers will naturally find you all on their own. You just come up with your great idea and then lock it in the basement. Your customers will use their magic to find it.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;line-height: 22px; list-style-image: initial; list-style-position: outside; list-style-type: decimal; margin-bottom: 10px; text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;strong&gt;Be unsure about it yourself&lt;/strong&gt;: When launching that promotion, don’t worry about having a specific marketing goal in mind or setting up metrics to track what you’re doing. You wouldn’t want to waste valuable tweeting time by outlining why it is you’re running the promotion, what you hope to attain from it, and how it’s going to help the brand meet its larger goals. That stuff will just naturally fall into place. Again, like magic.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;line-height: 22px; list-style-image: initial; list-style-position: outside; list-style-type: decimal; margin-bottom: 10px; text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;strong&gt;Don’t do any research about prior promotions&lt;/strong&gt;: Sure you could enter [contest] into Facebook or Twitter and see immediate examples of what people are doing, what’s working, and what’s dead in the water, but don’t worry about all that. I’m sure you won’t repeat other people’s mistakes or that you don’t need any help. You’re smarter than everyone else who came before you.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;line-height: 22px; list-style-image: initial; list-style-position: outside; list-style-type: decimal; margin-bottom: 10px; text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;strong&gt;Pick a really uninteresting prize/angle&lt;/strong&gt;: Most social media promotions include giving your customers some sort of prize or reward for their participation. For example, you may offer a discount for the customer who creates the best video montage about your company or offer a free product to the winner of your trivia contest. When coming up with prizes, make sure you pick something completely uninteresting and, if you can, really self-serving (like a free copy of your book, perhaps). Using interesting, exciting prizes will attract the wrong kind of person and may get you too much attention. Stick to boring stuff.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;line-height: 22px; list-style-image: initial; list-style-position: outside; list-style-type: decimal; margin-bottom: 10px; text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;strong&gt;Make it impossible to enter&lt;/strong&gt;: Before someone is allowed to take part in your promotion, you should require that they give you their full name, address, phone number, email address, social security number, shoe size, and at least offer legal rights to your first child. They should also need a Master’s Degree to understand your content guidelines. Don’t worry, this won’t at all discourage people from entering or make them wary about what exactly you’re going to do with all this information. Also, don’t worry about&amp;nbsp;&lt;em&gt;telling&lt;/em&gt;&amp;nbsp;them what you’ll do with the info. It’s really none of their business.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;line-height: 22px; list-style-image: initial; list-style-position: outside; list-style-type: decimal; margin-bottom: 10px; text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;strong&gt;Don’t highlight entrants&lt;/strong&gt;: During the time that your promotion is running, don’t bother highlighting your latest entrants or let anyone else know what’s going on or the excitement that’s taking place. By highlighting any new submissions or interesting work, you might accidentally attract more people to what you’re doing and give yourself more work in judging. Meh, people.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;line-height: 22px; list-style-image: initial; list-style-position: outside; list-style-type: decimal; margin-bottom: 10px; text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;strong&gt;Don’t use analytics. At all&lt;/strong&gt;: Your brand will probably see a spike in mentions, retweets, traffic and other measurable data points during the time that your promotion is going on. This is natural since lots of people will be talking about the contest and hopefully passing it around to their friends. Don’t bother actually tracking any of this data or looking for where the spikes are coming from. It’s not like you’ll learn anything useful in there.&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/8744191150438194697/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2012/03/how-to-kill-your-next-social-media.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/8744191150438194697'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/8744191150438194697'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2012/03/how-to-kill-your-next-social-media.html' title='How To Kill Your Next Social Media Promotion'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-765381678297684325</id><published>2012-03-25T10:47:00.000-07:00</published><updated>2012-03-25T10:47:12.834-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Cheapest Website Hosting Delhi"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Designing Delhi"/><title type='text'>13 Ways to Promote your Local Business for Free</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; text-align: -webkit-auto;&quot;&gt;Many local businesses struggle to find ways to promote themselves, get links, rank in search engines, and ultimately drive traffic to their websites. Most small businesses also have limited budgets making the task more difficult. For those businesses here are 13 ways you can promote your business online for free.&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;strong style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Google Local:&lt;/strong&gt;&amp;nbsp;If you don’t already have one Create an account on&amp;nbsp;&lt;a href=&quot;https://www.google.com/accounts/ServiceLogin?service=lbc&amp;amp;passive=1209600&amp;amp;continue=https://www.google.com/local/add/businessCenter&amp;amp;followup=https://www.google.com/local/add/businessCenter&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Google Local&lt;/a&gt;.&amp;nbsp;&lt;/div&gt;&lt;/strong&gt;&lt;img alt=&quot;emty-pockets&quot; height=&quot;424&quot; hspace=&quot;10&quot; src=&quot;http://www.wolf-howl.com/wp-content/uploads/2007/02/emty-pockets.jpg&quot; style=&quot;background-color: white; clear: right; color: #111111; float: right; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; margin-left: 1.538em; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: right;&quot; vspace=&quot;10&quot; width=&quot;283&quot; /&gt;&lt;span style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; text-align: -webkit-auto;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Enter your company name, address, phone number and website. Verify the information with a postacard or telephone call. In a few weeks you will help you get a map listing for your company name or industry and town.&lt;span style=&quot;background-color: transparent; text-align: left;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Google Coupons:&lt;/strong&gt;&amp;nbsp;Coupons are a great way to bring new customers into your business or remind old customers that you’re still around. Google has a free coupon tool that puts your coupon on relevant local searches.&lt;/div&gt;&lt;div style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Google Base:&lt;/strong&gt;&amp;nbsp;Google base is part of Google’s one box service. Google uses it to try giving the most appropriate answer from different data sources. If you are selling products you can upload feeds automatically into&amp;nbsp;&lt;a href=&quot;http://base.google.com/base/?gsessionid=fN79TC0D4gMOuc4NidcnxQ&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Google Base&lt;/a&gt;&amp;nbsp;and often get preferential placement. You can also upload your business, or special event.&lt;/div&gt;&lt;div style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Yahoo Local:&lt;/strong&gt;&amp;nbsp;Yahoo local is a directory organized by category and geographic location. You can get a basic listing in&amp;nbsp;&lt;a href=&quot;http://listings.local.yahoo.com/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Yahoo Local&lt;/a&gt;&amp;nbsp;for free. People searching for your business or industry can find your listing&lt;/div&gt;&lt;div style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Get Reviews:&lt;/strong&gt;&amp;nbsp;An integral part of the Yahoo Local listings are reviews. Ask your good customers to write reviews for you on Yahoo local. Businesses with higher ratings will get preferential listings.&lt;/div&gt;&lt;div style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;YellowPages.com:&lt;/strong&gt;&amp;nbsp;Yellow Pages have a strong brand name and recognition, and are still used by many people today. They offer a few levels of listings the&amp;nbsp;&lt;a class=&quot;broken_link&quot; href=&quot;http://listings.yellowpages.com/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: line-through;&quot;&gt;most basic is free&lt;/a&gt;.&lt;/div&gt;&lt;div style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;423&quot; hspace=&quot;10&quot; src=&quot;http://www.wolf-howl.com/wp-content/uploads/2007/02/break-the-bank.jpg&quot; style=&quot;clear: left; float: left; margin-bottom: 1.538em; margin-left: 0px; margin-right: 1.538em; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;&quot; vspace=&quot;10&quot; width=&quot;284&quot; /&gt;&lt;/strong&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Press Releases:&lt;/strong&gt;&amp;nbsp;Doing something newsworthy? If you are you can always submit a press release to&amp;nbsp;&lt;a href=&quot;http://www.wolf-howl.com/go/prweb/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;PRWeb&lt;/a&gt;&amp;nbsp;or&amp;nbsp;&lt;a href=&quot;http://www.prleap.com/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;PRLeap.com&lt;/a&gt;. Be sure to check out their tips like 25 Action Words for Writing a Newsworthy Headline and Why Localizing a Press Release to a ZIP Code and City Matters.&lt;/strong&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Free Blog Promotion Tools:&lt;/strong&gt;&amp;nbsp;Does your company have a website or are you thinking of adding one? Websites like&lt;a href=&quot;http://technorati.com/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Technorati&lt;/a&gt;&amp;nbsp;and&amp;nbsp;&lt;a href=&quot;http://www.mybloglog.com/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;mybloglog&lt;/a&gt;&amp;nbsp;can help you gain exposure, visitors, readers, and subscribers to your blog.&lt;/div&gt;&lt;div style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Free Directory Advertising:&lt;/strong&gt;&amp;nbsp;It doesn’t get any easier than trying free advertising. Go to BOTW.org and sign up for a&amp;nbsp;&lt;a href=&quot;http://botw.org/helpcenter/sponsor.aspx&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;free 60 day advertising listing&lt;/a&gt;.&lt;/div&gt;&lt;div style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Create a Lens at Squidoo:&lt;/strong&gt;&amp;nbsp;&lt;a href=&quot;http://www.squidoo.com/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Squidoo&lt;/a&gt;&amp;nbsp;has a nice easy to use interface that allows you to give information to your visitors. You can talk about your business specifically or the services or products you provide.&lt;/div&gt;&lt;div style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;LinkedIn:&lt;/strong&gt;&amp;nbsp;Join&amp;nbsp;&lt;a href=&quot;http://www.linkedin.com/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;LinkedIn&lt;/a&gt;&amp;nbsp;and get connected with people you know and make connections with people you don’t through introductions. Look at the new&amp;nbsp;&lt;a href=&quot;http://www.linkedin.com/answers&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Questions and Answers&lt;/a&gt;&amp;nbsp;section and try and be genuinely helpful. Follow the axiom of ‘Givers Gain’ and you may generate a few leads for yourself from your goodwill.&lt;/div&gt;&lt;div style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Email Signatures:&lt;/strong&gt;&amp;nbsp;Be sure to add your URL to all of your outgoing email. Try adding your mission statement, or a catchy phrase to help people understand what you do. Change it a several times a year so people notice it again.&lt;/div&gt;&lt;div style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Syndicate Your Content and Ideas:&lt;/strong&gt;&amp;nbsp;Take advantage of article distribution Services like&amp;nbsp;&lt;a href=&quot;http://ezinearticles.com/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;EZineArticles&lt;/a&gt;,&lt;a href=&quot;http://www.isnare.com/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;ISnare&lt;/a&gt;, and&amp;nbsp;&lt;a href=&quot;http://www.ideamarketers.com/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;IdeaMarketers&lt;/a&gt;&amp;nbsp;to spread your message and approach. Use them to bring leads to your site by offering things like free ebooks or PDF’s that they can download after entering their contact information.&lt;/div&gt;&lt;div style=&quot;background-color: white; color: #111111; font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 1.538em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;&quot;&gt;For more tips on how to promote your local business be sure to check out my complete series on&amp;nbsp;&lt;a href=&quot;http://www.wolf-howl.com/local-search/local-search-interviews-information-and-resources/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: #888888; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;local search tips, tricks and secrets&lt;/a&gt;&amp;nbsp;or visit my local search page on Squidoo.&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/765381678297684325/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2012/03/13-ways-to-promote-your-local-business.html#comment-form' title='23 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/765381678297684325'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/765381678297684325'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2012/03/13-ways-to-promote-your-local-business.html' title='13 Ways to Promote your Local Business for Free'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>23</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-586260883596147029</id><published>2012-03-01T06:49:00.001-08:00</published><updated>2012-04-07T10:36:16.573-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Cheapest Website Designing Delhi"/><category scheme="http://www.blogger.com/atom/ns#" term="Cheapest Website Hosting Delhi"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Designing Delhi"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Development"/><title type='text'>Start Your  Own Website</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background: #FAFAFA;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 12px; font-weight: bold;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;b&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 9pt;&quot;&gt;What do i need to start my own website?&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;/b&gt;&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;To start your own website, you must have following:&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;1) A registered domain name&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;2) Web Hosting or Web Space to point your domain to and to host your website pages&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;3) Content / pages for your website&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; text-align: -webkit-auto;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=9203973072796103960&amp;amp;postID=586260883596147029&quot; name=&quot;What_is_a_domain?_Who_can_register_a_dom&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 9pt;&quot;&gt;What is a domain? Who can register a domain? How much it costs?&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;A domain is a .com, .net, .info, .org, .biz, .in etc. name that is accessible worldwide from any computer connected to internet. Any individual or organization from anywhere in the world can register any available domain of his choice. The cost of domain registration differs for various extensions of domains. Usually domains are priced yearly, a .com domain costs just under $10 for 1 year.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; text-align: -webkit-auto;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=9203973072796103960&amp;amp;postID=586260883596147029&quot; name=&quot;I_have_registered_a_domain,_now_what_do_&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 9pt;&quot;&gt;I have registered a domain, now what do I do?&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;Congrats! You have just entered into the world of internet where you can create millions of wealth online by selling products or services to billions of people who access internet everyday.&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;Now, you need some web hosting space to upload your website&#39;s content pages and point your website&#39;s visitors to, when they type your domain in their computers web browser. You can buy any web hosting package that suits your requirement. The best part is that you are not bound to buy web hosting package from us in any way, you get total NameServers control, which you can use, to point your domain to any web hosting provider&#39;s nameservers.&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;After you have setup domain and hosting, you need to upload the content / pages to your web hosting space with the information provided to you by your web hosting provider. It&#39;s great if you know how to develop web pages, incase you don&#39;t, you don&#39;t need to panic. We offer custom website development for all your needs at the most affordable pricing.&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;That&#39;s it, you are all ready to explore your website to millions on people online.&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; text-align: -webkit-auto;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=9203973072796103960&amp;amp;postID=586260883596147029&quot; name=&quot;How_can_I_register_a_domain?&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 9pt;&quot;&gt;How can I register a domain?&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;To register a domain with us, all you need to do is, go to the register domain page, enter the name of the domain that you want to register, click the Submit button. Within a few seconds, you will get results whether the domain name you entered is available or not in various available extentions like .com, .net, .info, .org, .biz, .in etc. If the domain name is available, click the &quot;continue&quot; button at the bottom of the domain search results page. Now, you will be taken to the account registration page, fill up the registration form with your valid email and contact information and complete the registration process. After registration, you will be taken to the Invoices page, here you will confirm the domain you want to register, and click on &quot;Pay&quot; link. Now, you will be taken to the Add Funds page, here you will find detailed information about making payment by bank deposits, cash, cheque, net banking, wire transfer Or you can also send Money Orders and Demand Drafts to us. We also accept Credit Cards and PayPal payments. As soon as we receive your payment, your domain will be registered.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; text-align: -webkit-auto;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=9203973072796103960&amp;amp;postID=586260883596147029&quot; name=&quot;What_is_whois?_Who_is_a_domain_registran&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 9pt;&quot;&gt;What is whois? Who is a domain registrant?&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;In simple words, whois is a database of registered domains, with complete contact information of domain registrants. Domain registrant is the individual/organisation who owns a domain. When you register a domain through us, you will be the official registrant of the domain. You can change / modify domain registrant information from within your domains manage contacts link. This information will be reflected in the whois records. As per ICANN&#39;s policy, you must always keep your domain contact information up-to-date.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; text-align: -webkit-auto;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=9203973072796103960&amp;amp;postID=586260883596147029&quot; name=&quot;How_to_change_nameservers_of_domain?&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 9pt;&quot;&gt;How to change nameservers of domain?&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;Please follow the steps given below to change nameservers:&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;1. Login to your account at&amp;nbsp;&lt;/span&gt;&lt;/span&gt; &lt;a href=&quot;http://pushpainfotech.in/client/&quot;&gt;http://pushpainfotech.in/client/&lt;/a&gt;&amp;nbsp;&lt;/div&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;font-size: 9pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;2. Click on My Domains link at left navigation&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-size: 9pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;3. Click on nameservers link corresponding to your domain.&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-size: 9pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;4. Replace the existing nameservers with new nameservers and submit&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 12px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; text-align: -webkit-auto;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=9203973072796103960&amp;amp;postID=586260883596147029&quot; name=&quot;How_to_change_whois_information_of_your_&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 9pt;&quot;&gt;How to change whois information of your domain?&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;Please follow the steps given below to change account information in whois record:&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;1. Login to your account at&amp;nbsp;&lt;/span&gt;&lt;/span&gt; &lt;a href=&quot;http://pushpainfotech.in/client/&quot;&gt;http://pushpainfotech.in/client/&lt;/a&gt;&amp;nbsp;&lt;/div&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;font-size: 9pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;2. Click on My Domains link at left navigation&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-size: 9pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;3. Click on manage contacts link corresponding to your domain.&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-size: 9pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;4. Enter new account information and submit.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 12px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; text-align: -webkit-auto;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=9203973072796103960&amp;amp;postID=586260883596147029&quot; name=&quot;How_to_create_email_account_for_a_domain&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 9pt;&quot;&gt;How to create email account for a domain?&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;1. Login to the cPanel of your domain. For example http://yourdomain.com:2082/&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;2. Click on the Mail link&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;3. Click Add/Remove/Manage Accounts&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;4. Click Add Account&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;5. Enter the desired email username and password (optionally change the quota)&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;6. Click on create button.&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; text-align: -webkit-auto;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=9203973072796103960&amp;amp;postID=586260883596147029&quot; name=&quot;How_to_check_emails?&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 9pt;&quot;&gt;How to check emails?&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;You must create your account from cPanel before being able to use the email service.&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;1. Open following url in address bar of your browser:&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;http://yourdomain.com:2095 (replace yourdomain.com with your own domain name)&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;2. Enter complete email address and password in the authentication box. For example, info@yourdomain.com&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;3. Click OK button to login.&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;4. If you are logging in for the first time, you will need to setup your email account by entering your name and other information.&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;5. After login, you will be presented with the options to choose among 3 webmail programs (horde, neo mail, squirrel mail). You may click on any of these to be taken to your mail account.&lt;/span&gt;&lt;span class=&quot;apple-converted-space&quot; style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;6. Once you have reached the mail inbox, you can compose and receive emails like any other webmail service.&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; text-align: -webkit-auto;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=9203973072796103960&amp;amp;postID=586260883596147029&quot; name=&quot;What_is_bandwidth_and_how_does_it_gets_c&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 9pt;&quot;&gt;What is bandwidth and how does it gets consumed?&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;Bandwidth in simple words is the amount of data transferred from your website to the computers of your website&#39;s visitors. For example, if you have a 100KB webpage and it is accessed 10 times by the same user or multiple users, your 100X10 = 1MB bandwidth will be consumed. Depending upon your webhosting package&#39;s available bandwidth, if you use up all your alloted bandwidth for a given month, then your website will be temporarily suspended for the remaining days of the month. To reactivate webhosting package, you must upgrade your package to get additional bandwidth or wait for the 1st of next calendar month for the bandwidth to be reset.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; text-align: -webkit-auto;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=9203973072796103960&amp;amp;postID=586260883596147029&quot; name=&quot;How_can_I_change_DNS_records_of_my_domai&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 9pt;&quot;&gt;How can I change DNS records of my domain?&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;Please send your request of change in DNS records of your domain at our support email (support @ pushpainfotech.in). Your request will be processed within 24 working hours.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; text-align: -webkit-auto;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=9203973072796103960&amp;amp;postID=586260883596147029&quot; name=&quot;How_to_upload_files?&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 9pt;&quot;&gt;How to upload files?&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;Follow the steps given below to upload files using cPanel:&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;1. Login to the cPanel of your domain.&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;For example http://yourdomain.com:2082/ (replace yourdomain.com with your own domain name)&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;2. Click on File Manager&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;3. Click on icon of public_html folder to open this folder&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;4. Click on Upload file(s) link&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;5. Browse your files one by one by click on browse button&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;6. Click on Upload button&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; text-align: -webkit-auto;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=9203973072796103960&amp;amp;postID=586260883596147029&quot; name=&quot;How_to_upload_files_using_FTP?&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Arial, sans-serif; font-size: 9pt;&quot;&gt;How to upload files using FTP?&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Arial, sans-serif;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;1. Open following url in address bar of your browser:&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&amp;nbsp;ftp://yourdomain.com (replace yourdomain.com with your own domain name)&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;2. Click on File menu&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;3. Click on Login As option&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;4. A dialog box will open. Type username and password of FTP account&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;5. Double click on public_html folder to open&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;6. Copy the files or folders that you want to upload and paste in public_html folder&lt;/span&gt;&lt;/div&gt;
&lt;/span&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 9pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/586260883596147029/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2012/03/start-your-own-website.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/586260883596147029'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/586260883596147029'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2012/03/start-your-own-website.html' title='Start Your  Own Website'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-244014683208775434</id><published>2012-02-23T09:20:00.000-08:00</published><updated>2015-10-07T13:02:09.541-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Cheapest Website Designing Delhi"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Hosting"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Development"/><title type='text'>Get Website @ Rs 6999 | pushpainfotech.in</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
Get Website @ Rs 6999 | pushpatechnologies.com&lt;br /&gt;
www.pushpainfotech.in/offer/&lt;br /&gt;
5 - 7 Pages + Hosting 1 GB + 10 Email + Seo @ Rs 6999 Call 9313282007&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/244014683208775434/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2012/02/get-website-rs-6999-pushpainfotechin.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/244014683208775434'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/244014683208775434'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2012/02/get-website-rs-6999-pushpainfotechin.html' title='Get Website @ Rs 6999 | pushpainfotech.in'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-1759699773548633663</id><published>2011-11-23T04:38:00.001-08:00</published><updated>2011-11-23T04:49:54.423-08:00</updated><title type='text'>What’s up with the hype of HTML5?</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;background-color: white; color: #444444; font-family: Verdana, Georgia, sans-serif; font-size: 11px; line-height: 18px; text-align: justify;&quot;&gt;
HTML5 is currently being developed as the next major revision of HTML and it is still far away from W3C recommended release date (year 2022 or later). However with the release of Apple iPad, the topic is got extremely heated and almost every web designer are talking/reading/writing/blogging/twitting about it.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #444444; font-family: Verdana, Georgia, sans-serif; font-size: 11px; line-height: 18px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #444444; font-family: Verdana, Georgia, sans-serif; font-size: 11px; line-height: 18px; text-align: justify;&quot;&gt;
Moreover, many early adapters (web developers and geeks) started creating some cool stuffs wtih the cleaner HTML5/CSS3 codes. In case you wanted to be one of them but don’t know where to start, here are list of useful HTML5 tutorials to get you started. It’s been a long week searching and reading on these tutorials (hey, I’m new to this too!) – I hope you make good use of them. Also, if you are one of the authors of these tutorials – I couldn’t thank you guys enough! It’s been a great learning journey reading each of these; thank you very, very much.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #444444; font-family: Verdana, Georgia, sans-serif; font-size: 11px; line-height: 18px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #444444; font-family: Verdana, Georgia, sans-serif; font-size: 11px; line-height: 18px; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;h2 style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #6a9b39; font-family: georgia, &#39;times new roman&#39;, times, serif; font-size: 23px; font-weight: normal; margin-bottom: 0.8em; margin-left: 0px; margin-right: 0px; margin-top: 0.8em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;


HTML5 doctype&lt;/h2&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
To start using HTML5 you’ll need to use the new HTML5 doctype and all you need is the following snippet of code. Simply place this on the first line of your HTML document and you’re ready to start using HTML5.&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
Something worth remember at this stage is that the HTML5 doctype allows you to code using XHTML syntax or HTML in strict mode. Gone are the transitional and loose variations of the doctypes though. Personally I use HTML syntax but if you prefer XHTML then that’s fine too but I would recommend keeping things consistent whichever method you use.&lt;/div&gt;
&lt;h2 style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #6a9b39; font-family: georgia, &#39;times new roman&#39;, times, serif; font-size: 23px; font-weight: normal; margin-bottom: 0.8em; margin-left: 0px; margin-right: 0px; margin-top: 0.8em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;


The HEAD section&lt;/h2&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
The head section of an HTML5 document will be pretty familiar with anyone used to seeing HTML…&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;head&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;title&amp;gt;Page Title&amp;lt;/title&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;!-- meta tags --&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;meta name=&quot;keywords&quot; content=&quot;&quot;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;meta name=&quot;description&quot; content=&quot;&quot;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;!-- stylesheets --&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot; href=&quot;css/reset.css&quot; type=&quot;text/css&quot;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot; href=&quot;css/common.css&quot; type=&quot;text/css&quot;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;!-- javascript --&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;script src=&quot;js/jquery-1.3.2.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;!--conditional comments --&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;!--[if IE]&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;script src=&quot;js/html5.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;![endif]--&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
The first thing you’ll notice is that the meta tag for the character set has been simplified somewhat. This was something that I used to copy and paste along with the doctype into a new document as it was a little difficult to remember the full HTML for the character set so this is a welcome change for me.&lt;/div&gt;
&lt;h3 style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #666666; font-family: georgia, &#39;times new roman&#39;, times, serif; font-size: 18px; font-weight: normal; margin-bottom: 0.8em; margin-left: 0px; margin-right: 0px; margin-top: 0.8em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;


IE8 HTML5&lt;/h3&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
The other part within the head that you might not be familiar with is the conditional comment which includes an html5.js file. This is basically a work around which enables the styling of HTML5 elements within IE8. Without it and users of IE would simply see content that was unstyled but with a little JavaScript we can make good use of progressive enhancement.&lt;/div&gt;
&lt;h2 style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #6a9b39; font-family: georgia, &#39;times new roman&#39;, times, serif; font-size: 23px; font-weight: normal; margin-bottom: 0.8em; margin-left: 0px; margin-right: 0px; margin-top: 0.8em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;


The BODY section&lt;/h2&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
Here’s where things start getting a little more interesting. Instead of nesting a number of div’s to create a layout, we can now take advantage of new HTML5 elements to create a better structure for our pages.&lt;/div&gt;
&lt;h2 style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #6a9b39; font-family: georgia, &#39;times new roman&#39;, times, serif; font-size: 23px; font-weight: normal; margin-bottom: 0.8em; margin-left: 0px; margin-right: 0px; margin-top: 0.8em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;


The HEADER and NAV elements&lt;/h2&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
In the example I gave above, the HTML uses the HEADER and NAV elements to contain these elements. The HEADER element can be used to markup the header for the page but could also be used to markup the headers within the content. Personally, I just use the H1, H2 elements but you could technically wrap these within a HEADER element if you wanted. The NAV element can also be used multiple times so you might use it within your HEADER but also for a side navigation, footer links or related links so I’ve given both of these IDs so that they can be styled using CSS independently of any other elements that we add of this type later.&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;header id=&quot;page-header&quot;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;div id=&quot;logo&quot;&amp;gt;&amp;lt;a href=&quot;/&quot;&amp;gt;&amp;lt;img src=&quot;images/graphic-logo.gif&quot; alt=&quot;Company Name&quot;&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;nav id=&quot;main-navigation&quot;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;ul&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li class=&quot;current&quot;&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Home&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li style=&quot;color: red;&quot;&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;About&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Services&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Portfolio&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Contact&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/ul&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/nav&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/header&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;h2 style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #6a9b39; font-family: georgia, &#39;times new roman&#39;, times, serif; font-size: 23px; font-weight: normal; margin-bottom: 0.8em; margin-left: 0px; margin-right: 0px; margin-top: 0.8em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;


The ARTICLE, SECTION and HGROUP elements&lt;/h2&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
I’ve also used the ARTICLE element to surround the main content, the SECTION element to contain that section of the page (for example, I could repeat this if I was repeating news articles or blog entries on a home page). The HGROUP element is also used here to group a series of Heading elements (i.e. h1, h2, h3 etc).&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;article id=&quot;page-content&quot;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;section&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;hgroup&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;h1&amp;gt;Demonstration of Using HTML5&amp;lt;/h1&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;h2&amp;gt;An HTML5 Template&amp;lt;/h2&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/hgroup&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac iaculis erat. Maecenas id fermentum odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sagittis porta mauris, iaculis egestas metus posuere sit amet. Sed ullamcorper orci eu dolor egestas sodales. Donec tempor aliquet pulvinar. Sed sed turpis sapien, ac dictum sem. Phasellus metus leo, gravida in imperdiet sit amet, bibendum id magna. Vivamus ac nunc tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis justo ligula. Suspendisse sodales ultricies consequat. Aenean condimentum eros mi. Duis consectetur placerat vehicula. Fusce vel massa erat.&amp;lt;/p&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;h2&amp;gt;A demonstration of list items&amp;lt;/h2&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;ul&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li&amp;gt;Lorem ipsum dolor sit amet&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li&amp;gt;Lorem ipsum dolor sit amet&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li&amp;gt;Lorem ipsum dolor sit amet&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li&amp;gt;Lorem ipsum dolor sit amet&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li&amp;gt;Lorem ipsum dolor sit amet&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/ul&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;ol&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li&amp;gt;Lorem ipsum dolor sit amet&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li&amp;gt;Lorem ipsum dolor sit amet&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li&amp;gt;Lorem ipsum dolor sit amet&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li&amp;gt;Lorem ipsum dolor sit amet&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;li&amp;gt;Lorem ipsum dolor sit amet&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/ol&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/section&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;aside&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;h2&amp;gt;Related Content&amp;lt;/h2&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;p&amp;gt;Aliquam id lorem ac tellus fringilla bibendum et at turpis. In ut auctor justo. Integer ac quam sed est semper hendrerit. Aenean vulputate interdum augue, sed dapibus mi ultricies convallis. Curabitur a nunc nisi, ac ornare nisi. Ut semper placerat accumsan. Cras eu nibh lorem. Sed sit amet ligula vitae orci molestie sollicitudin sit amet at odio. Mauris non elit ac ipsum facilisis eleifend. Maecenas eu velit sit amet neque iaculis dapibus. Integer mollis est id erat dignissim blandit. Quisque malesuada mattis sollicitudin. Pellentesque volutpat pellentesque luctus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus augue ut sem convallis ullamcorper. Donec vitae magna nec lacus varius pellentesque vel nec diam. Morbi sagittis, magna sit amet sollicitudin ultricies, neque orci fermentum ipsum, non cursus lectus velit at ante. Donec nec neque in sem suscipit faucibus. Aliquam nisi turpis, volutpat quis suscipit in, varius vitae nunc.&amp;lt;/p&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/aside&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;code style=&quot;background-attachment: initial; background-clip: initial; background-color: #e7ffd3; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/article&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;h2 style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #6a9b39; font-family: georgia, &#39;times new roman&#39;, times, serif; font-size: 23px; font-weight: normal; margin-bottom: 0.8em; margin-left: 0px; margin-right: 0px; margin-top: 0.8em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;


The ASIDE element&lt;/h2&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
In the above code you’ll also notice the ASIDE element, which is used to contain content that relates to the content within the SECTION part of a document and would contain things like links to related content or content pulled from Twitter.&lt;/div&gt;
&lt;h2 style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #6a9b39; font-family: georgia, &#39;times new roman&#39;, times, serif; font-size: 23px; font-weight: normal; margin-bottom: 0.8em; margin-left: 0px; margin-right: 0px; margin-top: 0.8em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;


The FOOTER element&lt;/h2&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
Lastly we have the FOOTER element which can be used for the bottom of the content to contain things like copyright information but you can also use it for including author information at the end of a SECTION element so it does have multiple purposes.&lt;/div&gt;
&lt;h2 style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #6a9b39; font-family: georgia, &#39;times new roman&#39;, times, serif; font-size: 23px; font-weight: normal; margin-bottom: 0.8em; margin-left: 0px; margin-right: 0px; margin-top: 0.8em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;


Summary&lt;/h2&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; line-height: 24px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;div style=&quot;font-family: arial, verdana, helvetica, sans-serif; font-size: 13px;&quot;&gt;
There are more HTML5 elements to get to grips with so I didn’t want to try and cover everything in one article. However, I hope to make this a series of HTML5 posts which goes into much more depth and also explains how I’ve used CSS in the above example to style these new elements and keep markup to a minimal.&lt;/div&gt;
&lt;div style=&quot;font-family: arial, verdana, helvetica, sans-serif; font-size: 13px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: arial, verdana, helvetica, sans-serif; font-size: 13px;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;Web designers can do some pretty cool stuff with&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;4 and&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;2.1. We can structure our documents logically and create information-rich sites without relying on archaic, table-based layouts. We can style our web pages with beauty and detail without resorting to inline&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;font&amp;gt;&lt;/code&gt;&amp;nbsp;and&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;br&amp;gt;&lt;/code&gt;&amp;nbsp;tags. Indeed, our current design methods have taken us far beyond the hellish era of browser wars, proprietary protocols, and those hideous flashing, scrolling, and blinking web pages.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;As far as we’ve come using&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;4 and&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;2.1, however, we can do better. We can refine the structure of our documents and increase their semantic precision. We can sharpen the presentation of our stylesheets and advance their stylistic flexibility. As we continue to push the boundaries of&amp;nbsp;&lt;em style=&quot;font-style: normal;&quot;&gt;existing&lt;/em&gt;&amp;nbsp;languages,&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5 and&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;3 are quickly gaining popularity, revealing their collective power with some exciting new design possibilities.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;&lt;span id=&quot;more-711&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;h3 style=&quot;background-color: #f3f3ed; color: #4c4c42; font-weight: normal; line-height: 22px; margin-bottom: 22px; margin-left: 0px; margin-right: 0px; margin-top: 33px; text-align: -webkit-auto;&quot;&gt;

&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;Goodbye&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;div&amp;gt;&lt;/code&gt;&amp;nbsp;soup, hello semantic markup&lt;/span&gt;&lt;/h3&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;In the past, designers wrestled with semantically incorrect table-based layouts. Eventually, thanks to revolutionary thinking from the likes of&amp;nbsp;&lt;a href=&quot;http://www.zeldman.com/&quot; style=&quot;border-bottom-color: rgb(216, 204, 177); border-bottom-style: solid; border-bottom-width: 1px; color: #937839; text-decoration: none;&quot; title=&quot;Zeldman.com&quot;&gt;Jeffrey Zeldman&lt;/a&gt;&amp;nbsp;and&amp;nbsp;&lt;a href=&quot;http://meyerweb.com/&quot; style=&quot;border-bottom-color: rgb(216, 204, 177); border-bottom-style: solid; border-bottom-width: 1px; color: #937839; text-decoration: none;&quot; title=&quot;meyerweb.com&quot;&gt;Eric Meyer&lt;/a&gt;, savvy designers embraced more semantically correct layout methods, structuring their pages with&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;div&amp;gt;&lt;/code&gt;&amp;nbsp;elements instead of tables, and using external stylesheets for presentation. Unfortunately, complex designs require significant differentiation of underlying structural elements, which commonly results in the “&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;div&amp;gt;&lt;/code&gt;-soup” syndrome. Perhaps this looks familiar:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;&amp;lt;div id=&quot;news&quot;&amp;gt;
   &amp;lt;div class=&quot;section&quot;&amp;gt;
      &amp;lt;div class=&quot;article&quot;&amp;gt;
         &amp;lt;div class=&quot;header&quot;&amp;gt;
            &amp;lt;h1&amp;gt;Div Soup Demonstration&amp;lt;/h1&amp;gt;
            &amp;lt;p&amp;gt;Posted on July 11th, 2009&amp;lt;/p&amp;gt;
         &amp;lt;/div&amp;gt;
         &amp;lt;div class=&quot;content&quot;&amp;gt;
            &amp;lt;p&amp;gt;Lorem ipsum text blah blah blah.&amp;lt;/p&amp;gt;
            &amp;lt;p&amp;gt;Lorem ipsum text blah blah blah.&amp;lt;/p&amp;gt;
            &amp;lt;p&amp;gt;Lorem ipsum text blah blah blah.&amp;lt;/p&amp;gt;
         &amp;lt;/div&amp;gt;
         &amp;lt;div class=&quot;footer&quot;&amp;gt;
            &amp;lt;p&amp;gt;Tags: HMTL, code, demo&amp;lt;/p&amp;gt;
         &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&quot;aside&quot;&amp;gt;
         &amp;lt;div class=&quot;header&quot;&amp;gt;
            &amp;lt;h1&amp;gt;Tangential Information&amp;lt;/h1&amp;gt;
         &amp;lt;/div&amp;gt;
         &amp;lt;div class=&quot;content&quot;&amp;gt;
            &amp;lt;p&amp;gt;Lorem ipsum text blah blah blah.&amp;lt;/p&amp;gt;
            &amp;lt;p&amp;gt;Lorem ipsum text blah blah blah.&amp;lt;/p&amp;gt;
            &amp;lt;p&amp;gt;Lorem ipsum text blah blah blah.&amp;lt;/p&amp;gt;
         &amp;lt;/div&amp;gt;
         &amp;lt;div class=&quot;footer&quot;&amp;gt;
            &amp;lt;p&amp;gt;Tags: HMTL, code, demo&amp;lt;/p&amp;gt;
         &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
   &amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;While slightly contrived, this example serves to illustrate the structural redundancy of designing complex layouts with&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;4 (as well as&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;eXtensible Hypertext Markup Language&quot;&gt;XHTML&lt;/acronym&gt;&amp;nbsp;1.1 et al). Fortunately,&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5 alleviates&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;div&amp;gt;&lt;/code&gt;-soup syndrome by giving us a new set of structural elements. These&amp;nbsp;&lt;a href=&quot;http://perishablepress.com/press/2007/08/21/rethinking-structural-design-with-new-elements-in-html-5/&quot; style=&quot;border-bottom-color: rgb(216, 204, 177); border-bottom-style: solid; border-bottom-width: 1px; color: #937839; text-decoration: none;&quot; title=&quot;Rethinking Structural Design with New Elements in HTML 5&quot;&gt;new&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5 elements&lt;/a&gt;&amp;nbsp;replace meaningless&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;div&amp;gt;&lt;/code&gt;s with more semantically accurate definitions, and in doing so provide more “natural”&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;hooks with which to style the document. With&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5, our example evolves:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;&amp;lt;section&amp;gt;
   &amp;lt;section&amp;gt;
      &amp;lt;article&amp;gt;
         &amp;lt;header&amp;gt;
            &amp;lt;h1&amp;gt;Div Soup Demonstration&amp;lt;/h1&amp;gt;
            &amp;lt;p&amp;gt;Posted on July 11th, 2009&amp;lt;/p&amp;gt;
         &amp;lt;/header&amp;gt;
         &amp;lt;section&amp;gt;
            &amp;lt;p&amp;gt;Lorem ipsum text blah blah blah.&amp;lt;/p&amp;gt;
            &amp;lt;p&amp;gt;Lorem ipsum text blah blah blah.&amp;lt;/p&amp;gt;
            &amp;lt;p&amp;gt;Lorem ipsum text blah blah blah.&amp;lt;/p&amp;gt;
         &amp;lt;/section&amp;gt;
         &amp;lt;footer&amp;gt;
            &amp;lt;p&amp;gt;Tags: HMTL, code, demo&amp;lt;/p&amp;gt;
         &amp;lt;/footer&amp;gt;
      &amp;lt;/article&amp;gt;
      &amp;lt;aside&amp;gt;
         &amp;lt;header&amp;gt;
            &amp;lt;h1&amp;gt;Tangential Information&amp;lt;/h1&amp;gt;
         &amp;lt;/header&amp;gt;
         &amp;lt;section&amp;gt;
            &amp;lt;p&amp;gt;Lorem ipsum text blah blah blah.&amp;lt;/p&amp;gt;
            &amp;lt;p&amp;gt;Lorem ipsum text blah blah blah.&amp;lt;/p&amp;gt;
            &amp;lt;p&amp;gt;Lorem ipsum text blah blah blah.&amp;lt;/p&amp;gt;
         &amp;lt;/section&amp;gt;
         &amp;lt;footer&amp;gt;
            &amp;lt;p&amp;gt;Tags: HMTL, code, demo&amp;lt;/p&amp;gt;
         &amp;lt;/footer&amp;gt;
      &amp;lt;/aside&amp;gt;
   &amp;lt;/section&amp;gt;
&amp;lt;/section&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;As you can see,&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5 enables us to replace our multitude of&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;div&amp;gt;&lt;/code&gt;s with semantically meaningful structural elements. This semantic specificity not only improves the underlying quality and meaningfulness of our web pages, but also enables us to remove many of the&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;class&lt;/code&gt;&amp;nbsp;and&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;id&lt;/code&gt;&amp;nbsp;attributes that were previously required for targeting our&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;. In fact,&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;3 makes it possible to eliminate virtually all&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;class&lt;/code&gt;&amp;nbsp;and&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;id&lt;/code&gt;&amp;nbsp;attributes.&lt;/span&gt;&lt;/div&gt;
&lt;h3 style=&quot;background-color: #f3f3ed; color: #4c4c42; font-weight: normal; line-height: 22px; margin-bottom: 22px; margin-left: 0px; margin-right: 0px; margin-top: 33px; text-align: -webkit-auto;&quot;&gt;

&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;Goodbye&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;class&lt;/code&gt;&amp;nbsp;attributes, hello clean markup&lt;/span&gt;&lt;/h3&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;When combined with the new semantic elements of&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5,&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;3 provides web designers with god-like powers over their web pages. With the power of&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5, we obtain significantly more control over the&amp;nbsp;&lt;em style=&quot;font-style: normal;&quot;&gt;structure&lt;/em&gt;&amp;nbsp;of our documents, and with the power of&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;3, our control over the&amp;nbsp;&lt;em style=&quot;font-style: normal;&quot;&gt;presentation&lt;/em&gt;&amp;nbsp;of our documents tends toward infinity.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;Even without some of the advanced&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;selectors available to us, the new variety of specific&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5 elements enable us to apply styles across similar sections&amp;nbsp;&lt;em style=&quot;font-style: normal;&quot;&gt;without&lt;/em&gt;the need for defining&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;class&lt;/code&gt;&amp;nbsp;and&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;id&lt;/code&gt;&amp;nbsp;attributes. To style our previous&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;div&amp;gt;&lt;/code&gt;-soup example, we would target the multitude of attributes via the following&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;div#news    {}
div.section {}
div.article {}
div.header  {}
div.content {}
div.footer  {}
div.aside   {}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;On the other hand, to style our&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5 example, we may target the various documents regions directly with this&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;section {}
article {}
header  {}
footer  {}
aside   {}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;This is an improvement, but there are several issues that need addressed. With the&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;div&amp;gt;&lt;/code&gt;&amp;nbsp;example, we target each area specifically through use of&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;class&lt;/code&gt;&amp;nbsp;and&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;id&lt;/code&gt;attributes. Using this logic allows us to apply styles to each region of the document, either collectively or individually. For example, in the&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;div&amp;gt;&lt;/code&gt;&amp;nbsp;case,&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;.section&lt;/code&gt;&amp;nbsp;and&lt;code style=&quot;color: #75756e;&quot;&gt;.content&lt;/code&gt;&amp;nbsp;divisions are easily distinguished; however, in the&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5 case, the&lt;code style=&quot;color: #75756e;&quot;&gt;section&lt;/code&gt;&amp;nbsp;element is used for both of these areas and others as well. This is easily resolved by adding specific attribute selectors to the different&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;section&lt;/code&gt;&amp;nbsp;elements, but thankfully, we instead may use a few advanced&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;selectors to target the different&lt;code style=&quot;color: #75756e;&quot;&gt;section&lt;/code&gt;&amp;nbsp;elements in obtrusive fashion.&lt;/span&gt;&lt;/div&gt;
&lt;h3 style=&quot;background-color: #f3f3ed; color: #4c4c42; font-weight: normal; line-height: 22px; margin-bottom: 22px; margin-left: 0px; margin-right: 0px; margin-top: 33px; text-align: -webkit-auto;&quot;&gt;

&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;Targeting HTML-5 elements without classes or ids&lt;/span&gt;&lt;/h3&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;Rounding out the article, let’s look at some practical examples of targeting&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;-5 elements without&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;class&lt;/code&gt;es or&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;id&lt;/code&gt;s. There are three types of&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;selectors that will enable us to target and differentiate the elements in our example. They are as follows:&lt;/span&gt;&lt;/div&gt;
&lt;ul style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;li style=&quot;list-style-image: initial; list-style-position: outside; list-style-type: disc; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;The descendant selector&amp;nbsp;&lt;small&gt;[CSS 2.1]&lt;/small&gt;:&amp;nbsp;&lt;strong&gt;E F&lt;/strong&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;list-style-image: initial; list-style-position: outside; list-style-type: disc; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;The adjacent selector&amp;nbsp;&lt;small&gt;[CSS 2.1]&lt;/small&gt;:&amp;nbsp;&lt;strong&gt;E + F&lt;/strong&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;list-style-image: initial; list-style-position: outside; list-style-type: disc; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;The child selector&amp;nbsp;&lt;small&gt;[CSS 2.1]&lt;/small&gt;:&amp;nbsp;&lt;strong&gt;E &amp;gt; F&lt;/strong&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;Let’s have a look at how these selectors enable us to target each of our document sections without the need for&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;class&lt;/code&gt;es or&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;id&lt;/code&gt;s.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;&lt;strong&gt;Targeting the outermost&amp;nbsp;&lt;code style=&quot;color: #75756e; font-weight: lighter;&quot;&gt;&amp;lt;section&amp;gt;&lt;/code&gt;&amp;nbsp;element&lt;/strong&gt;&lt;br /&gt;Due to the incompleteness of our example, we will assume that the outermost&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;section&amp;gt;&lt;/code&gt;&amp;nbsp;element is&amp;nbsp;&lt;em style=&quot;font-style: normal;&quot;&gt;adjacent&lt;/em&gt;&amp;nbsp;to a&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;nav&amp;gt;&lt;/code&gt;&amp;nbsp;element which itself is a direct descendant of the&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;body&amp;gt;&lt;/code&gt;&amp;nbsp;element. In this case, we may target the outermost&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;section&amp;gt;&lt;/code&gt;&amp;nbsp;as follows:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;body nav+section {}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;&lt;strong&gt;Targeting the next&amp;nbsp;&lt;code style=&quot;color: #75756e; font-weight: lighter;&quot;&gt;&amp;lt;section&amp;gt;&lt;/code&gt;&amp;nbsp;element&lt;/strong&gt;&lt;br /&gt;As the only direct descendant of the outer&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;section&amp;gt;&lt;/code&gt;, the next&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;section&amp;gt;&lt;/code&gt;&amp;nbsp;element may be specifically targeted with the following selector:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;section&amp;gt;section {}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;&lt;strong&gt;Targeting the&amp;nbsp;&lt;code style=&quot;color: #75756e; font-weight: lighter;&quot;&gt;&amp;lt;article&amp;gt;&lt;/code&gt;&amp;nbsp;element&lt;/strong&gt;&lt;br /&gt;There are several ways to target the&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;article&amp;gt;&lt;/code&gt;&amp;nbsp;element specifically, but the easiest is to use a simple descendant selector:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;section section article {}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;&lt;strong&gt;Targeting the&amp;nbsp;&lt;code style=&quot;color: #75756e; font-weight: lighter;&quot;&gt;header&lt;/code&gt;,&amp;nbsp;&lt;code style=&quot;color: #75756e; font-weight: lighter;&quot;&gt;section&lt;/code&gt;, and&amp;nbsp;&lt;code style=&quot;color: #75756e; font-weight: lighter;&quot;&gt;footer&lt;/code&gt;&amp;nbsp;elements&lt;/strong&gt;&lt;br /&gt;In our example, each of these three elements exists in two locations: once inside the&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;article&amp;gt;&lt;/code&gt;&amp;nbsp;element and once inside the&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;aside&amp;gt;&lt;/code&gt;&amp;nbsp;element. This distinction makes it easy to target each element individually:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;article header {}
article section {}
article footer {}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;..or collectively:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;section section header {}
section section section {}
section section footer {}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;So far, we have managed to eliminate all&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;class&lt;/code&gt;es and&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;id&lt;/code&gt;s using only&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;2.1. So why do we even need anything from&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;3? I’m glad you asked..&lt;/span&gt;&lt;/div&gt;
&lt;h3 style=&quot;background-color: #f3f3ed; color: #4c4c42; font-weight: normal; line-height: 22px; margin-bottom: 22px; margin-left: 0px; margin-right: 0px; margin-top: 33px; text-align: -webkit-auto;&quot;&gt;

&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;Advanced targeting of HTML 5 with CSS 3&lt;/span&gt;&lt;/h3&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;While we have managed to target every element in our example using only valid&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;2.1, there are obviously more complicated situations where the more advanced selective power of&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;3 is required. Let’s wrap things up with a few specific examples showing how&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;3 enables us to style any element&amp;nbsp;&lt;em style=&quot;font-style: normal;&quot;&gt;without&lt;/em&gt;&amp;nbsp;extraneous&lt;code style=&quot;color: #75756e;&quot;&gt;class&lt;/code&gt;&amp;nbsp;or&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;id&lt;/code&gt;&amp;nbsp;attributes.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;&lt;strong&gt;Targeting all posts with a unique post ID&lt;/strong&gt;&lt;br /&gt;WordPress provides us a way of including the ID of each post in the source-code output. This information is generally used for navigational and/or informational purposes, but with&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;3 we can use these existing yet unique ID attributes as a way to select the posts for styling. Sure, you could always just add a&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;class=&quot;post&quot;&lt;/code&gt;attribute to every post, but that would defeat the point of this exercise (plus it’s no fun). By using the “substring matching attribute selector,” we can target all posts and their various elements like this:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;article[id*=post-] {}           /* target all posts */
article[id*=post-] header h1 {} /* target all post h1 tags */
article[id*=post-] section p {} /* target all post p tags */&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;Now that’s just sick, and we can do the same thing for numerically identified comments, enabling us to apply targeted styles to associated constructs:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;article[id*=comment-] {}           /* target all comments */
article[id*=comment-] header h1 {} /* target all comment h1 tags */
article[id*=comment-] section p {} /* target all comment p tags */&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;&lt;strong&gt;Target any specific section or article&lt;/strong&gt;&lt;br /&gt;Many sites display numerous of posts and comments. With&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5, the markup for these items consists of repetitive series of&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;section&amp;gt;&lt;/code&gt;&amp;nbsp;or&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;article&amp;gt;&lt;/code&gt;&amp;nbsp;elements. To target&amp;nbsp;&lt;em style=&quot;font-style: normal;&quot;&gt;specific&lt;/em&gt;&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;section&amp;gt;&lt;/code&gt;&amp;nbsp;or&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;article&amp;gt;&lt;/code&gt;&amp;nbsp;elements, we turn to the incredible power of the “&lt;code style=&quot;color: #75756e;&quot;&gt;:nth-child&lt;/code&gt;” selector:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;section:nth-child(1) {} /* select the first &amp;lt;section&amp;gt; */
article:nth-child(1) {} /* select the first &amp;lt;article&amp;gt; */

section:nth-child(2) {} /* select the second &amp;lt;section&amp;gt; */
article:nth-child(2) {} /* select the second &amp;lt;article&amp;gt; */&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;In a similar manner, we may also target specific elements in&amp;nbsp;&lt;em style=&quot;font-style: normal;&quot;&gt;reverse&lt;/em&gt;&amp;nbsp;order via the “&lt;code style=&quot;color: #75756e;&quot;&gt;:nth-last-child&lt;/code&gt;” selector:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;section:nth-last-child(1) {} /* select the last &amp;lt;section&amp;gt; */
article:nth-last-child(1) {} /* select the last &amp;lt;article&amp;gt; */

section:nth-last-child(2) {} /* select the penultimate &amp;lt;section&amp;gt; */
article:nth-last-child(2) {} /* select the penultimate &amp;lt;article&amp;gt; */&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;&lt;strong&gt;More ways to select specific elements&lt;/strong&gt;&lt;br /&gt;Another way to select specific instances of&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;-5 elements such as&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;header&amp;gt;&lt;/code&gt;,&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;section&amp;gt;&lt;/code&gt;, and&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;footer&amp;gt;&lt;/code&gt;, is to take advantage of the “&lt;code style=&quot;color: #75756e;&quot;&gt;:only-of-type&lt;/code&gt;” selector. With these&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;-5 elements appearing in multiple locations in the web document, it may be useful to target elements that appear only once within a particular parent element. For example, to select only&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;section&amp;gt;&lt;/code&gt;&amp;nbsp;elements that are the only&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;section&amp;gt;&lt;/code&gt;&amp;nbsp;elements within another&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;&amp;lt;section&amp;gt;&lt;/code&gt;&amp;nbsp;element (insane, I know), as in the following markup:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;&amp;lt;section&amp;gt;
   &amp;lt;section&amp;gt;&amp;lt;/section&amp;gt;
   &amp;lt;section&amp;gt;
      &amp;lt;section&amp;gt;Target this section&amp;lt;/section&amp;gt;
   &amp;lt;/section&amp;gt;
   &amp;lt;section&amp;gt;
      &amp;lt;section&amp;gt;Target this section&amp;lt;/section&amp;gt;
   &amp;lt;/section&amp;gt;
   &amp;lt;section&amp;gt;
      &amp;lt;section&amp;gt;But not this section&amp;lt;/section&amp;gt;
      &amp;lt;section&amp;gt;And not this section&amp;lt;/section&amp;gt;
   &amp;lt;/section&amp;gt;
   &amp;lt;section&amp;gt;&amp;lt;/section&amp;gt;
&amp;lt;/section&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;..we could simply use the following selector:&lt;/span&gt;&lt;/div&gt;
&lt;pre style=&quot;background-attachment: scroll; background-clip: initial; background-color: #f3f3ed; background-origin: initial; background-position: 0px -9px; color: #4c4c42; line-height: 18px; margin-bottom: 20px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 9px; padding-left: 15px; padding-right: 0px; padding-top: 9px; position: relative; text-align: -webkit-auto; z-index: 999;&quot;&gt;&lt;code style=&quot;color: #75756e;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;section&amp;gt;section:only-of-type {}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;Again, you could always add an&amp;nbsp;&lt;code style=&quot;color: #75756e;&quot;&gt;id&lt;/code&gt;&amp;nbsp;to the target element, but you would lose the increased scalability, maintainablity, and clarity made possible with an absolute separation of structure and presentation.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;The take-home message for these examples is that&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;3 makes it possible to target virtually any&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;-5 element&amp;nbsp;&lt;em style=&quot;font-style: normal;&quot;&gt;without&lt;/em&gt;&amp;nbsp;littering the document with superfluous presentational attributes.&lt;/span&gt;&lt;/div&gt;
&lt;h3 style=&quot;background-color: #f3f3ed; color: #4c4c42; font-weight: normal; line-height: 22px; margin-bottom: 22px; margin-left: 0px; margin-right: 0px; margin-top: 33px; text-align: -webkit-auto;&quot;&gt;

&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;Much more to come&lt;/span&gt;&lt;/h3&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;With the inevitable, exponential rise in popularity of both&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5 and&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;3, designers can look forward to many new and exciting possibilities for their web pages, applications, and scripts. Combined, these two emerging languages provide designers with immense power over the structure and presentation of their web documents. In my next article on this topic, we will explore some of the controversial aspects of&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5 and also examine some of the finer nuances of&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;&amp;nbsp;3.&amp;nbsp;&lt;a href=&quot;http://perishablepress.com/press/feed/&quot; style=&quot;border-bottom-color: rgb(216, 204, 177); border-bottom-style: solid; border-bottom-width: 1px; color: #937839; text-decoration: none;&quot; title=&quot;You should subscribe to Perishable Press. Really.&quot;&gt;Stay tuned&lt;/a&gt;!&lt;/span&gt;&lt;/div&gt;
&lt;h3 style=&quot;background-color: #f3f3ed; color: #4c4c42; font-weight: normal; line-height: 22px; margin-bottom: 22px; margin-left: 0px; margin-right: 0px; margin-top: 33px; text-align: -webkit-auto;&quot;&gt;

&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;Note to WordPress users&lt;/span&gt;&lt;/h3&gt;
&lt;div style=&quot;background-color: #f3f3ed; color: #4c4c42; line-height: 22px; margin-bottom: 20px; margin-top: 10px; text-align: -webkit-auto;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Helvetica Neue&#39;, Arial, Helvetica, sans-serif; font-size: x-small;&quot;&gt;You can start using&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5&amp;nbsp;&lt;em style=&quot;font-style: normal;&quot;&gt;right&amp;nbsp;now&lt;/em&gt;. To see a live, working example of a WordPress theme built entirely with&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Hypertext Markup Language&quot;&gt;HTML&lt;/acronym&gt;&amp;nbsp;5,&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt;, and of course&amp;nbsp;&lt;acronym style=&quot;border-bottom-color: rgb(157, 157, 149); border-bottom-style: dotted; border-bottom-width: 1px; cursor: help;&quot; title=&quot;PHP: Hypertext Preprocessor&quot;&gt;PHP&lt;/acronym&gt;, drop by the&amp;nbsp;&lt;a href=&quot;http://diggingintowordpress.com/&quot; style=&quot;border-bottom-color: rgb(216, 204, 177); border-bottom-style: solid; border-bottom-width: 1px; color: #937839; text-decoration: none;&quot; title=&quot;Digging into WordPress&quot;&gt;Digging into WordPress&lt;/a&gt;&amp;nbsp;site and visit our newly revamped&amp;nbsp;&lt;a href=&quot;http://diggingintowordpress.com/ThemePlayground/&quot; style=&quot;border-bottom-color: rgb(216, 204, 177); border-bottom-style: solid; border-bottom-width: 1px; color: #937839; text-decoration: none;&quot; title=&quot;DiW Theme Playground&quot;&gt;Theme Playground&lt;/a&gt;. There you will find my recently released&amp;nbsp;&lt;a href=&quot;http://diggingintowordpress.com/ThemePlayground/index.php?wptheme=H5%20Theme%20Template&quot; style=&quot;border-bottom-color: rgb(216, 204, 177); border-bottom-style: solid; border-bottom-width: 1px; color: #937839; text-decoration: none;&quot; title=&quot;Live Demo of the H5 Theme Template&quot;&gt;H5 WordPress Theme Template&lt;/a&gt;&amp;nbsp;available for immediate download. And while you’re there, be sure to&amp;nbsp;&lt;a href=&quot;http://diggingintowordpress.com/preorder/&quot; style=&quot;border-bottom-color: rgb(216, 204, 177); border-bottom-style: solid; border-bottom-width: 1px; color: #937839; text-decoration: none;&quot; title=&quot;Preorder Digging into WordPress&quot;&gt;secure your copy&lt;/a&gt;&amp;nbsp;of&amp;nbsp;&lt;em style=&quot;font-style: normal;&quot;&gt;Digging into WordPress&lt;/em&gt;, coming this Fall.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: arial, verdana, helvetica, sans-serif; font-size: 13px;&quot;&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/1759699773548633663/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/11/whats-up-with-hype-of-html5.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/1759699773548633663'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/1759699773548633663'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/11/whats-up-with-hype-of-html5.html' title='What’s up with the hype of HTML5?'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-3208424638424082095</id><published>2011-08-09T00:04:00.000-07:00</published><updated>2011-08-09T00:04:39.946-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Pushpa Infotech"/><title type='text'>Domain FAQ</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;How do domain names work?&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;A domain name works like an address forwarding service.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;All of your Web site content sits on a computer with a unique address. This is called an IP address. An IP address is made up of a series of numbers, such as 123.23.234.45. Your domain name directs visitors to your site using this IP address.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;We use domain names instead of IP addresses because most people find it easier to remember a name rather than a series of numbers.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;What is a Domain Name Server (DNS) and how does it work?&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;The Domain Name System (DNS) is a distributed Internet directory service. DNS is used mostly to translate between domain names and IP addresses, and to control email delivery. Most internet services rely on DNS to work. If DNS fails or is too slow, web sites cannot be located and email delivery stalls. The DNS system consists of three components: DNS data (called resource records), servers (called name servers), and Internet protocols for fetching data from the servers.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;What are DNS records?&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;The DNS (Domain Name System) records control the functionality of domain names. Each registered domain name has a DNS record. The DNS record is made of sub records including MX, A, and CNAME.You can manage the DNS records for your domain name by clicking on &#39;manage domain name&#39; on the Account(s) Summary page. Click on &#39;edit&#39; below the respective records to independently edit your MX, A, and CNAME records.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;What is a host name?&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;A host name is an Internet address or domain name with a prefix. For example, the host name of the domain name &quot;yourdomainname.com&quot; is &quot;example.yourdomainname.com.&quot;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;If I register a domain from you, will I be listed as its registrant?&amp;nbsp;&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Any public domain registration that you register through us will have your name as the registrant, just as if you had registered it through any other ICANN certified Registrar like Network Solutions/Verisign or Register.com. You will be able to change all four contact fields for the domain whenever you want. You can change the name servers for your domain or use the domain to register your own name servers.&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;We do not charge for any of these services. You are free to work with your domain however and whenever you want to.&lt;/div&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;&amp;nbsp;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;&amp;nbsp;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/3208424638424082095/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/08/domain-faq.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3208424638424082095'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3208424638424082095'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/08/domain-faq.html' title='Domain FAQ'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-1292457381184488723</id><published>2011-07-23T09:26:00.000-07:00</published><updated>2015-10-07T12:57:32.859-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Cheapest Website Designing Delhi"/><title type='text'>Website Development Company in Delhi offering affordable solutions</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;border: 0px; box-sizing: border-box; color: #666666; font-family: &#39;Open Sans&#39;, &#39;Oxygen Regular&#39;; font-size: 13px; font-stretch: normal; line-height: 20px; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
Having initiated operations in 2010, today,&amp;nbsp;&lt;strong style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;https://www.blogger.com/null&quot; name=&quot;Website_Designing_Company_in_Delhi&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; box-sizing: border-box; color: #333333; font-size: 12px; font-stretch: normal; line-height: normal; outline: none;&quot; title=&quot;Website Designing Company in Delhi&quot;&gt;Pushpa Technologies Private Limited&lt;/a&gt;&lt;/strong&gt;&amp;nbsp;has emerged as a leading web Development company in Delhi. We intricately understand the varying needs of our customers and develop well-packaged solutions that exceed expectations. On time, cost-effective solutions have led us to consistently serve as many as 300 clients, across the globe. We provide a complete holistic range of products and services by leveraging our deep domain expertise and close-knit associations with leading technologies.&lt;/div&gt;
&lt;div style=&quot;border: 0px; box-sizing: border-box; color: #666666; font-family: &#39;Open Sans&#39;, &#39;Oxygen Regular&#39;; font-size: 13px; font-stretch: normal; line-height: 20px; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Invest in Thought&lt;/strong&gt;We listen, we think and we act. The IT field is all about thought leadership. We invest in thought for you as customers. We remain open, it helps us think better and differently.&lt;/div&gt;
&lt;div style=&quot;border: 0px; box-sizing: border-box; color: #666666; font-family: &#39;Open Sans&#39;, &#39;Oxygen Regular&#39;; font-size: 13px; font-stretch: normal; line-height: 20px; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Values Our Reputation&lt;/strong&gt;We believe in providing quality work every time we do it. Our psyche has been geared to produce quality irrespective of the client and the cost. A good job goes a long way in giving us more clients and more importantly we have a reputation to protect.&lt;/div&gt;
&lt;div style=&quot;border: 0px; box-sizing: border-box; color: #666666; font-family: &#39;Open Sans&#39;, &#39;Oxygen Regular&#39;; font-size: 13px; font-stretch: normal; line-height: 20px; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Process Oriented&lt;/strong&gt;For us process is about a structure and working within the structure to provide decisive, effective and quality works. We respect our processes and are well aware of their true worth.&lt;/div&gt;
&lt;div style=&quot;border: 0px; box-sizing: border-box; color: #666666; font-family: &#39;Open Sans&#39;, &#39;Oxygen Regular&#39;; font-size: 13px; font-stretch: normal; line-height: 20px; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Value Our People&lt;/strong&gt;We hire the best and create an environment that helps them learn and grow. We provide freedom to experiment and learn. We make Pushpa Technologies an enjoyable place to work.&lt;/div&gt;
&lt;div style=&quot;border: 0px; box-sizing: border-box; color: #666666; font-family: &#39;Open Sans&#39;, &#39;Oxygen Regular&#39;; font-size: 13px; font-stretch: normal; line-height: 20px; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Team Spirit&lt;/strong&gt;At&amp;nbsp;&lt;strong style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;https://www.blogger.com/null&quot; name=&quot;Website_Designing_Company_in_Delhi&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; box-sizing: border-box; color: #333333; font-size: 12px; font-stretch: normal; line-height: normal; outline: none;&quot;&gt;Pushpa Technologies Private Limited&lt;/a&gt;&lt;/strong&gt;, our team spirit binds us together. We work hard towards a common goal and deliver beyond expectations. We co-operate, collaborate, communicate and empower each other in a way that collective efforts translate into exceptional solutions and best-in-class services.&lt;/div&gt;
&lt;div style=&quot;border: 0px; box-sizing: border-box; color: #666666; font-family: &#39;Open Sans&#39;, &#39;Oxygen Regular&#39;; font-size: 13px; font-stretch: normal; line-height: 20px; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Innovation&lt;/strong&gt;We constantly strive to redefine the standard of excellence in everything we do. We encourage both individuals and teams to constantly strive for developing innovative technologies and creative business solutions and the individual achievements are duly recognized.&lt;/div&gt;
&lt;div style=&quot;border: 0px; box-sizing: border-box; color: #666666; font-family: &#39;Open Sans&#39;, &#39;Oxygen Regular&#39;; font-size: 13px; font-stretch: normal; line-height: 20px; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Integrity&lt;/strong&gt;We are committed to conduct ourselves in a manner consistent with highest standards of integrity. We are honest, ethical, and fair in all our activities. We deliver our promises, and acknowledge our mistakes. Our personal and business conduct ensures that&amp;nbsp;&lt;strong style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Pushpa Technologies&amp;nbsp;&lt;/strong&gt;&lt;b style=&quot;box-sizing: border-box;&quot;&gt;Private Limited&lt;/b&gt;&lt;strong style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;is a company worthy of trust&lt;/strong&gt;.&lt;br /&gt;
&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;
We are dedicated to creating value for our customers by providing technologically advanced solutions and services. We build lasting relationships with our customers by listening, understanding, and anticipating our customers&#39; needs.&lt;br /&gt;
We are easy to do business with and always strive to be responsive and professional.&amp;nbsp;&lt;strong style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Pushpa Technologies&amp;nbsp;&lt;/strong&gt;&lt;b style=&quot;box-sizing: border-box;&quot;&gt;Private Limited&lt;/b&gt;&amp;nbsp;customers can trust our commitment to their success.&lt;/div&gt;
&lt;h1 class=&quot;tabHead&quot; style=&quot;background: rgb(51, 51, 51); border: 0px; box-sizing: border-box; color: white; font-family: Oswald; font-size: 16px; font-weight: normal; line-height: 1.1; margin: 0px; padding: 12px 0px 12px 12px; position: relative; vertical-align: baseline;&quot;&gt;
Our Services&lt;span class=&quot;selected_link&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -63px -102px no-repeat; border: 0px; bottom: -15px; box-sizing: border-box; color: #ed1c24; display: inline-block; height: 15px; left: 15px; margin: 0px; padding: 0px; position: absolute; vertical-align: baseline; width: 30px;&quot;&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;ul class=&quot;cats&quot; style=&quot;background: rgb(237, 237, 237); border: 0px; box-sizing: border-box; color: #333333; font-family: &#39;Open Sans&#39;, sans-serif; font-size: 12px; height: 310px; list-style: none none; margin: 0px; padding: 25px 0px 0px 5px; vertical-align: baseline;&quot;&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail4Group10&quot; href=&quot;http://pushpatechnologies.com/website-designing.php&quot; style=&quot;background: transparent; border-top-style: none; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;Website Designing&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail3Group11&quot; href=&quot;http://pushpatechnologies.com/web-development.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;Website Development&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail3Group11&quot; href=&quot;http://pushpatechnologies.com/e-commerce-solutions.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;E-Commerce Solutions&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail2Group12&quot; href=&quot;http://pushpatechnologies.com/seo-services.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;SEO Services&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail6Group13&quot; href=&quot;http://pushpatechnologies.com/ppc.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;Pay Per Click&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail3Group11&quot; href=&quot;http://pushpatechnologies.com/email-marketing.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;Email Marketing&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail1Group14&quot; href=&quot;http://manage.pushpatechnologies.com/domainchecker.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;Domain Registration&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;border: 0px; box-sizing: border-box; clear: both; cursor: pointer; list-style: none none; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a class=&quot;slide-js3Rail5Group15&quot; href=&quot;http://pushpatechnologies.com/linux-hosting.php&quot; style=&quot;background: transparent; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: block; line-height: 38px; outline: none; text-decoration: none; text-transform: capitalize; width: 206px;&quot;&gt;&lt;span class=&quot;mobile_nav&quot; style=&quot;background: url(http://pushpatechnologies.com/images/homepage-sprite.png) -196px -126px no-repeat; border: 0px; box-sizing: border-box; float: left; height: 24px; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; vertical-align: baseline; width: 24px;&quot;&gt;&lt;/span&gt;Linux Hosting&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/1292457381184488723/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/07/website-development-company-in-delhi.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/1292457381184488723'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/1292457381184488723'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/07/website-development-company-in-delhi.html' title='Website Development Company in Delhi offering affordable solutions'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-3209188791669018118</id><published>2011-07-08T03:27:00.000-07:00</published><updated>2011-07-08T03:27:15.282-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C Class Hosting For SEO"/><title type='text'>C Class Hosting For SEO</title><content type='html'>&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px;&quot;&gt;A common SEO strategy is to build up multiple websites and then create links between these sites. If the links are between related sites, Google will discount these links especially if they share the same IP address.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px;&quot;&gt;Most SEO experts believe that Google will greatly discount the value of links between sites that are related. One way that Google uncovers relationships is by looking at the IP addresses. It is not enough to have different IP addresses. They need to have different “C Class” IPs.&lt;/div&gt;&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px;&quot;&gt;C Class IPs refers to the third octet of the IP address. The IP address of this blog is 66.162.134.244. Therefore the C class would be 134. Usually companies with multiple sites typically will have them hosted all on the same C class IP.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px;&quot;&gt;In C Class hosting, each of the numbers in the third octet of the IP address would be different.&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px;&quot;&gt;&lt;br /&gt;
Example:&lt;/div&gt;&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px; padding-left: 30px;&quot;&gt;66.162.134.244&lt;br /&gt;
66.162.135.244&lt;br /&gt;
66.162.136.244&lt;br /&gt;
66.162.137.244&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px;&quot;&gt;All have a different C class.&lt;/div&gt;&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px;&quot;&gt;To get different C class hosting, you can host different websites with different hosting companies. This can get to be a logistical nightmare keeping these straight if you have very many websites.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px;&quot;&gt;Another option is to use a hosting company that allows placing websites on different C Class IPs. One such company is&amp;nbsp;SEO Hosting&amp;nbsp;which is operated by HostGator.com. They use cpanel hosting and allow the webmaster to assign the IP addresses as they are setting up the account.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/3209188791669018118/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/07/c-class-hosting-for-seo.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3209188791669018118'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3209188791669018118'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/07/c-class-hosting-for-seo.html' title='C Class Hosting For SEO'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-7040542577614846030</id><published>2011-07-08T03:25:00.001-07:00</published><updated>2011-07-08T03:25:41.960-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="How to Design a Staffing – Recruiting Website"/><title type='text'>How to Design a Staffing – Recruiting Website</title><content type='html'>&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px;&quot;&gt;Staffing or employee recruiting websites are a special case. One website needs to market to two distinct audiences, each with very different needs. There are employers looking for people. Then there are job seekers looking for work. The key is to divide these two groups so they can easily see the information that they need.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px;&quot;&gt;The website needs to visually guide each group to the correct section of the website with a strong call to action. Examples: “Employers find qualified and fully screened workers”. “Job seekers locate the high paying career of your dreams”.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px;&quot;&gt;Employers are the direct customer of the staffing firm. They are searching for a reliable and easy way to locate new workers that will quickly become productive. The selling sequence will be centered around how the staffing firm will fill their staffing requirements in the fastest way. They may provide guarantees and then have a way for companies to request workers.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px;&quot;&gt;Job Seekers are the resources that are needed for these jobs. People looking for work want to see available jobs and have a way to leave a resume of complete an application. They are looking for reassurances that they will be matched with the right employer.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;font-family: &#39;Trebuchet MS&#39;, Verdana; font-size: 15px; line-height: 20px;&quot;&gt;This staffing website really becomes two websites in one. Each of these website sections is very separate in their content, messaging and selling sequence. Each of these supports and adds credibility to the overall website.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/7040542577614846030/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/07/how-to-design-staffing-recruiting.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/7040542577614846030'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/7040542577614846030'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/07/how-to-design-staffing-recruiting.html' title='How to Design a Staffing – Recruiting Website'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-1993789772425498140</id><published>2011-07-08T03:24:00.000-07:00</published><updated>2011-07-08T03:24:34.669-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="43 Web Design Mistakes You Should Avoid"/><title type='text'>43 Web Design Mistakes You Should Avoid</title><content type='html'>&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;There are several lists of web design mistakes around the Internet. Most of them, however, are the “Most common” or “Top 10” mistakes. Every time I crossed one of those lists I would think to myself: “Come on, there must be more than 10 mistakes…”. Then I decided to write down all the web design mistakes that would come into my head; within half an hour I had over thirty of them listed. Afterwards I did some research around the web and the list grew to 43 points.&lt;span id=&quot;more-407&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;The next step was to write a short description for each one, and the result is the collection of mistakes that you will find below. Some of the points are common sense, others are quite polemic. Most of them apply to any website though, whether we talk about a business entity or a blog. Enjoy!&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;1.&amp;nbsp;&lt;strong&gt;The user must know what the site is about in seconds&lt;/strong&gt;: attention is one the most valuable currencies on the Internet. If a visitor can not figure what your site is about in a couple of seconds, he will probably just go somewhere else. Your site must communicate why I should spend my time there, and FAST!&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;2.&lt;strong&gt;&amp;nbsp;Make the content scannable&lt;/strong&gt;: this is the Internet, not a book, so forget large blocks of text. Probably I will be visiting your site while I work on other stuff so make sure that I can scan through the entire content. Bullet points, headers, subheaders, lists. Anything that will help the reader filter what he is looking for.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;3.&amp;nbsp;&lt;strong&gt;Do not use fancy fonts that are unreadable&lt;/strong&gt;: sure there are some fonts that will give a sophisticated look to your website. But are they readable? If your main objective is to deliver a message and get the visitors reading your stuff, then you should make the process comfortable for them.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;4.&amp;nbsp;&lt;strong&gt;Do not use tiny fonts&lt;/strong&gt;: the previous point applies here, you want to make sure that readers are comfortable reading your content. My Firefox does have a zooming feature, but if I need to use on your website it will probably be the last time I visit it.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;5.&amp;nbsp;&lt;strong&gt;Do not open new browser windows&lt;/strong&gt;: I used to do that on my first websites. The logic was simple, if I open new browser windows for external links the user will never leave my site. WRONG! Let the user control where he wants the links to open. There is a reason why browsers have a huge “Back” button. Do not worry about sending the visitor to another website, he will get back if he wants to (even porn sites are starting to get conscious regarding this point lately…).&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;6.&amp;nbsp;&lt;strong&gt;Do not resize the user’s browser windows&lt;/strong&gt;: the user should be in control of his browser. If you resize it you will risk to mess things up on his side, and what is worse you might lose your credibility in front of him.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;7.&amp;nbsp;&lt;strong&gt;Do not require a registration unless it is necessary&lt;/strong&gt;: lets put this straight, when I browse around the Internet I want to get information, not the other way around. Do not force me to register up and leave my email address and other details unless it is absolutely necessary (i.e. unless what you offer is so good that I will bear with the registration).&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;8.&amp;nbsp;&lt;strong&gt;Never subscribe the visitor for something without his consent&lt;/strong&gt;: do not automatically subscribe a visitor to newsletters when he registers up on your site. Sending unsolicited emails around is not the best way to make friends.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;9.&amp;nbsp;&lt;strong&gt;Do not overuse Flash&lt;/strong&gt;: apart from increasing the load time of your website, excessive usage of Flash might also annoy the visitors. Use it only if you must offer features that are not supported by static pages.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;10.&lt;strong&gt;&amp;nbsp;Do not play music&lt;/strong&gt;: on the early years of the Internet web developers always tried to successfully integrate music into websites. Guess what, they failed miserably. Do not use music, period.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;11.&amp;nbsp;&lt;strong&gt;If you MUST play an audio file let the user start it&lt;/strong&gt;: some situations might require an audio file. You might need to deliver a speech to the user or your guided tour might have an audio component. That is fine. Just make sure that the user is in control, let him push the “Play” button as opposed to jamming the music on his face right after he enters the website.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;12.&amp;nbsp;&lt;strong&gt;Do not clutter your website with badges&lt;/strong&gt;: first of all, badges of networks and communities make a site look very unprofessional. Even if we are talking about awards and recognition badges you should place them on the “About Us” page.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;13.&amp;nbsp;&lt;strong&gt;Do not use a homepage that just launches the “real” website&lt;/strong&gt;: the smaller the number of steps required for the user to access your content, the better.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;14.&amp;nbsp;&lt;strong&gt;Make sure to include contact details&lt;/strong&gt;: there is nothing worse than a website that has no contact details. This is not bad only for the visitors, but also for yourself. You might lose important feedback along the way.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;15.&amp;nbsp;&lt;strong&gt;Do not break the “Back” button&lt;/strong&gt;: this is a very basic principle of usability. Do not break the “Back” button under any circumstance. Opening new browser windows will break it, for instance, and some Javascript links might also break them.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;16.&amp;nbsp;&lt;strong&gt;Do not use blinking text&lt;/strong&gt;: unless your visitors are coming straight from 1996, that is.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;17.&amp;nbsp;&lt;strong&gt;Avoid complex URL structures&lt;/strong&gt;: a simple, keyword-based URL structure will not only improve your search engine rankings, but it will also make it easier for the reader to identify the content of your pages before visiting them.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;18.&amp;nbsp;&lt;strong&gt;Use CSS over HTML tables&lt;/strong&gt;: HTML tables were used to create page layouts. With the advent of CSS, however, there is no reason to stick to them. CSS is faster, more reliable and it offers many more features.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;19.&amp;nbsp;&lt;strong&gt;Make sure users can search the whole website&lt;/strong&gt;: there is a reason why search engines revolutionized the Internet. You probably guessed it, because they make it very easy to find the information we are looking for. Do not neglect this on your site.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;20.&amp;nbsp;&lt;strong&gt;Avoid “drop down” menus&lt;/strong&gt;: the user should be able to see all the navigation options straight way. Using “drop down” menus might confuse things and hide the information the reader was actually looking for.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;21.&amp;nbsp;&lt;strong&gt;Use text navigation&lt;/strong&gt;: text navigation is not only faster but it is also more reliable. Some users, for instance, browse the Internet with images turned off.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;22.&amp;nbsp;&lt;strong&gt;If you are linking to PDF files disclose it&lt;/strong&gt;: ever clicked on a link only to see your browser freezing while Acrobat Reader launches to open that (unrequested) PDF file? That is pretty annoying so make sure to explicit links pointing to PDF files so that users can handle them properly.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;23.&amp;nbsp;&lt;strong&gt;Do not confuse the visitor with many versions&lt;/strong&gt;: avoid confusing the visitor with too many versions of your website. What bandwidth do I prefer? 56Kbps? 128Kbps? Flash or HTML? Man, just give me the content!&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;24.&amp;nbsp;&lt;strong&gt;Do not blend advertising inside the content&lt;/strong&gt;: blending advertising like Adsense units inside your content might increase your click-through rate on the short term. Over the long run, however, this will reduce your readership base. An annoyed visitor is a lost visitor.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;25.&amp;nbsp;&lt;strong&gt;Use a simple navigation structure&lt;/strong&gt;: sometimes less is more. This rule usually applies to people and choices. Make sure that your website has a single, clear navigation structure. The last thing you want is to confuse the reader regarding where he should go to find the information he is looking for.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;26.&amp;nbsp;&lt;strong&gt;Avoid “intros”&lt;/strong&gt;: do not force the user to watch or read something before he can access to the real content. This is plain annoying, and he will stay only if what you have to offer is really unique.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;27.&amp;nbsp;&lt;strong&gt;Do not use FrontPage&lt;/strong&gt;: this point extends to other cheap HTML editors. While they appear to make web design easier, the output will be a poorly crafted code, incompatible with different browsers and with several bugs.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;28.&amp;nbsp;&lt;strong&gt;Make sure your website is cross-browser compatible&lt;/strong&gt;: not all browsers are created equal, and not all of them interpret CSS and other languages on the same way. Like it or not, you will need to make your website compatible with the most used browsers on the market, else you will lose readers over the long term.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;29.&amp;nbsp;&lt;strong&gt;Make sure to include anchor text on links&lt;/strong&gt;: I confess I used to do that mistake until some time ago. It is easier to tell people to “click here”. But this is not efficient. Make sure to include a relevant anchor text on your links. It will ensure that the reader knows where he is going to if he clicks the link, and it will also create SEO benefits for the external site where the link is pointing.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;30.&amp;nbsp;&lt;strong&gt;Do not cloak links&lt;/strong&gt;: apart from having a clear anchor text, the user must also be able to see where the link is pointing on the status bar of his browser. If you cloak your links (either because they are affiliate ones or due to other reasons) your site will lose credibility.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;31.&amp;nbsp;&lt;strong&gt;Make links visible&lt;/strong&gt;: the visitor should be able to recognize what is clickable and what is not, easily. Make sure that your links have a contrasting color (the standard blue color is the optimal most of the times). Possibly also make them underlined.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;32.&amp;nbsp;&lt;strong&gt;Do not underline or color normal text&lt;/strong&gt;: do not underline normal text unless absolutely necessary. Just as users need to recognize links easily, they should not get the idea that something is clickable when in reality it is not.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;33.&amp;nbsp;&lt;strong&gt;Make clicked links change color&lt;/strong&gt;: this point is very important for the usability of your website. Clicked links that change color help the user to locate himself more easily around your site, making sure that he will not end up visiting the same pages unintentionally.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;34.&amp;nbsp;&lt;strong&gt;Do not use animated GIFs&lt;/strong&gt;: unless you have advertising banners that require animation, avoid animated GIFs. They make a site look unprofessional and detract the attention from the content.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;35.&amp;nbsp;&lt;strong&gt;Make sure to use the ALT and TITLE attributes for images&lt;/strong&gt;: apart from having SEO benefits the ALT and TITLE attributes for images will play an important role for blind users.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;36.&amp;nbsp;&lt;strong&gt;Do not use harsh colors&lt;/strong&gt;: if the user is getting a headache after visiting your site for 10 consecutive minutes, you probably should pick a better color scheme. Design the color palette around your objectives (i.e. deliver a mood, let the user focus on the content, etc.).&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;37.&amp;nbsp;&lt;strong&gt;Do not use pop ups&lt;/strong&gt;: this point refers to pop ups of any kind. Even user requested pop ups are a bad idea given the increasing amount of pop blockers out there.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;38.&amp;nbsp;&lt;strong&gt;Avoid Javascript links&lt;/strong&gt;: those links execute a small Javascript when the user clicks on them. Stay away from them since they often create problems for the user.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;39.&amp;nbsp;&lt;strong&gt;Include functional links on your footer&lt;/strong&gt;: people are used to scrolling down to the footer of a website if they are not finding a specific information. At the very least you want to include a link to the Homepage and possibly a link to the “Contact Us” page.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;40.&amp;nbsp;&lt;strong&gt;Avoid long pages&lt;/strong&gt;: guess what, if the user needs to scroll down forever in order to read your content he will probably just skip it altogether. If that is the case with your website make it shorter and improve the navigation structure.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;41.&amp;nbsp;&lt;strong&gt;No horizontal scrolling&lt;/strong&gt;: while some vertical scrolling is tolerable, the same can not be said about horizontal scrolling. The most used screen resolution nowadays is 1024 x 768 pixels, so make sure that your website fits inside it.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;42.&amp;nbsp;&lt;strong&gt;No spelling or grammatical mistakes&lt;/strong&gt;: this is not a web design mistake, but it is one of the most important factors affecting the overall quality of a website. Make sure that your links and texts do not contain spelling or grammatical mistakes.&lt;/div&gt;&lt;div style=&quot;color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;43.&amp;nbsp;&lt;strong&gt;If you use CAPTCHA make sure the letters are readable&lt;/strong&gt;: several sites use CAPTCHA filters as a method of reducing spam on comments or on registration forms. There is just one problem with it, most of the times the user needs to call his whole family to decipher the letters.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/1993789772425498140/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/07/43-web-design-mistakes-you-should-avoid.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/1993789772425498140'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/1993789772425498140'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/07/43-web-design-mistakes-you-should-avoid.html' title='43 Web Design Mistakes You Should Avoid'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-4454256615508543434</id><published>2011-07-04T05:17:00.000-07:00</published><updated>2011-07-04T05:17:22.906-07:00</updated><title type='text'>Animate from one element to another (jQuery plugin)</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;Have you even tried clicking an “Add to cart”-button and not  understood what happened? I have. An although I understand the idea of  adding a product to the cart, and then letting the user continue  browsing from where he is, I still get stumped when “nothing happens”  when I click the button. So what to do?&lt;br /&gt;
Simple: Add a &lt;strong&gt;animation from the add button to the cart&lt;/strong&gt;.  That way you communicate what just happened. “The product moved in  there, and by clicking the cart you’ll find it again. Now continue  buying stuff!”.&lt;br /&gt;
Somebody must have done this before, so I started looking for a jQuery plugin to do this (jQuery was already on the page, so why not?). I found add2cart – A plugin that looks good, but that misses a few features I wanted:&lt;br /&gt;
&lt;ul&gt;&lt;a href=&quot;http://commons.wikipedia.org/wiki/File:Stencil_shopping_cart.jpg&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img alt=&quot;Stencil of a shopping cart with the head of th...&quot; height=&quot;162&quot; src=&quot;http://friendlybit.com/wp-content/uploads/2011/06/300px-Stencil_shopping_cart31.jpg&quot; title=&quot;Stencil of a shopping cart with the head of th...&quot; width=&quot;215&quot; /&gt;&lt;/a&gt;
&lt;li&gt;The &lt;strong&gt;animation duration&lt;/strong&gt; is set in seconds, meaning products further down the page will move faster than those further up. I wanted constant speed.&lt;/li&gt;
&lt;li&gt;It didn’t allow me to &lt;strong&gt;customize the look&lt;/strong&gt; of the animated element.&lt;/li&gt;
&lt;li&gt;The code rely on concatenating strings of CSS and generally could use &lt;strong&gt;lots of improvement&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;So I did what anyone would do: rewrote the code from scratch, and posted it on GitHub.&lt;br /&gt;
&lt;br /&gt;
&lt;pre&gt;&lt;code&gt;&amp;lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script src=&quot;jquery.animate_from_to-1.0.js&quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script&amp;gt;
    $(document).ready(function(){
        $(&quot;#button1&quot;).click(function(){
            $(&#39;#prod_123&#39;).animate_from_to(&#39;#cart&#39;);
        });
    });
&amp;lt;/script&amp;gt;&lt;/code&gt;&lt;code&gt;

&amp;lt;span id=&quot;cart&quot;&amp;gt;
    My shopping cart
&amp;lt;/span&amp;gt;


&amp;lt;div id=&quot;prod_123&quot; style=&quot;height: 100px; width:300px; margin-top: 100px; background: pink&quot;&amp;gt;
    &amp;lt;form onsubmit=&quot;return false;&quot;&amp;gt;
        &amp;lt;button type=&quot;submit&quot; id=&quot;button1&quot;&amp;gt;Add to cart&amp;lt;/button&amp;gt;
    &amp;lt;/form&amp;gt;
&amp;lt;/div&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/4454256615508543434/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/07/animate-from-one-element-to-another.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/4454256615508543434'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/4454256615508543434'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/07/animate-from-one-element-to-another.html' title='Animate from one element to another (jQuery plugin)'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-6228464384435767423</id><published>2011-06-28T02:48:00.000-07:00</published><updated>2011-06-28T02:48:35.815-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Pushpa Infotech"/><title type='text'>Make a Professional Looking Website Today in just @ 4999 / - !</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9J7NX_fGT1tpHBjVrTABd-plo9Bzzzrayd1GrnNgaru6SQu9074MM4dB0-n564dGDmIlWYCIJQjy0FSIZj1hyTr1JS3D89F8n6H1IQZ7UQjvJ6W9iF4jgzROZDWsIUhwFjwuQ9AWEvjQ/s1600/www.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;287&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9J7NX_fGT1tpHBjVrTABd-plo9Bzzzrayd1GrnNgaru6SQu9074MM4dB0-n564dGDmIlWYCIJQjy0FSIZj1hyTr1JS3D89F8n6H1IQZ7UQjvJ6W9iF4jgzROZDWsIUhwFjwuQ9AWEvjQ/s320/www.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;You will definitely love to have a website that reflects your business identity precisely and that comes within your small budget.&amp;nbsp;Since website designing is all about creating a brand online presence, you need to make sure that you are not compromising anything&amp;nbsp;on the designing front because of the budget constraint. At Pushpa Infotech, a cheap web design company in India, we are aware&amp;nbsp;of this issue and which is why we are offering cheap affordable website design services for our Indian and worldwide clients.&amp;nbsp;Our cheap web page design services are tailored to meet your specific requirements. It is the earnest effort of our website designers&amp;nbsp;that has helped Quality Web Solutions, a discount web design company in India, to offer cheap affordable web design services.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Number Of Static Pages &amp;nbsp; &amp;nbsp; : 5&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;FREE Hosting Web Space &amp;nbsp; &amp;nbsp; : 200 MB&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;FREE Domain Name Registration &amp;nbsp; &amp;nbsp; .COM .NET&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;FREE Email ID&#39;s (POP3) &amp;nbsp; : &amp;nbsp;10&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Contact Form (Standard form of 5 fields) with Google Map &amp;nbsp; : 1&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Renewal Cost Per Year &amp;nbsp; &amp;nbsp; 2000/-&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;Rs. 4,999/-&lt;/b&gt; for One Year &amp;nbsp; &amp;nbsp;( 100% Advance Payment )&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Order Today &amp;nbsp;or Mail at &amp;nbsp;info@pushpainfotech.com&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;or Call at &amp;nbsp;+ 91- 9313282007&amp;nbsp;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/6228464384435767423/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/make-professional-looking-website-today.html#comment-form' title='12 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/6228464384435767423'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/6228464384435767423'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/make-professional-looking-website-today.html' title='Make a Professional Looking Website Today in just @ 4999 / - !'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9J7NX_fGT1tpHBjVrTABd-plo9Bzzzrayd1GrnNgaru6SQu9074MM4dB0-n564dGDmIlWYCIJQjy0FSIZj1hyTr1JS3D89F8n6H1IQZ7UQjvJ6W9iF4jgzROZDWsIUhwFjwuQ9AWEvjQ/s72-c/www.jpg" height="72" width="72"/><thr:total>12</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-3385936604038422527</id><published>2011-06-24T02:42:00.001-07:00</published><updated>2011-06-24T02:42:47.999-07:00</updated><title type='text'>Cheapest Domain Pricing</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;table border=&quot;0&quot; cellpadding=&quot;10&quot; cellspacing=&quot;0&quot; class=&quot;data&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;th&gt;TLD&lt;/th&gt;     &lt;th&gt;Min. Years&lt;/th&gt;     &lt;th&gt;Register&lt;/th&gt;     &lt;th&gt;Transfer&lt;/th&gt;     &lt;th&gt;Renew&lt;/th&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.com&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.net&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.490.00 INR&lt;/td&gt;     &lt;td&gt;Rs.490.00 INR&lt;/td&gt;     &lt;td&gt;Rs.490.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.org&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.490.00 INR&lt;/td&gt;     &lt;td&gt;Rs.490.00 INR&lt;/td&gt;     &lt;td&gt;Rs.490.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.co.in&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.in&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.99.00 INR&lt;/td&gt;     &lt;td&gt;Rs.800.00 INR&lt;/td&gt;     &lt;td&gt;Rs.800.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.info&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.biz&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.us&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.co.uk&lt;/td&gt;     &lt;td&gt;2&lt;/td&gt;     &lt;td&gt;Rs.1010.00 INR&lt;/td&gt;     &lt;td&gt;Rs.1010.00 INR&lt;/td&gt;     &lt;td&gt;Rs.1010.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.mobi&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.905.00 INR&lt;/td&gt;     &lt;td&gt;Rs.905.00 INR&lt;/td&gt;     &lt;td&gt;Rs.905.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.net.in&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.ws&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.550.00 INR&lt;/td&gt;     &lt;td&gt;Rs.550.00 INR&lt;/td&gt;     &lt;td&gt;Rs.550.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.tv&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.1600.00 INR&lt;/td&gt;     &lt;td&gt;Rs.1600.00 INR&lt;/td&gt;     &lt;td&gt;Rs.1600.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.name&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.eu&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.525.00 INR&lt;/td&gt;     &lt;td&gt;Rs.525.00 INR&lt;/td&gt;     &lt;td&gt;Rs.525.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.org.in&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;     &lt;td&gt;Rs.450.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.asia&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.900.00 INR&lt;/td&gt;     &lt;td&gt;Rs.900.00 INR&lt;/td&gt;     &lt;td&gt;Rs.900.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.tel&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.1000.00 INR&lt;/td&gt;     &lt;td&gt;Rs.1000.00 INR&lt;/td&gt;     &lt;td&gt;Rs.1000.00 INR&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td&gt;.co&lt;/td&gt;     &lt;td&gt;1&lt;/td&gt;     &lt;td&gt;Rs.1600.00 INR&lt;/td&gt;     &lt;td&gt;Rs.1600.00 INR&lt;/td&gt;     &lt;td&gt;Rs.1600.00 INR&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/3385936604038422527/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/cheapest-domain-pricing.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3385936604038422527'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3385936604038422527'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/cheapest-domain-pricing.html' title='Cheapest Domain Pricing'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-3995807576942187284</id><published>2011-06-23T22:36:00.000-07:00</published><updated>2011-06-23T22:36:22.455-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Website Development"/><title type='text'>Best Website Development Tips</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Georgia; font-size: large;&quot;&gt;Y&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;ou can get&amp;nbsp;&lt;a href=&quot;http://www.blogger.com/post-create.do&quot; name=&quot;high rankings&quot;&gt;high rankings&lt;/a&gt;&amp;nbsp;and increase web traffic to your site by doing the following steps.&amp;nbsp; Not following our advice on&amp;nbsp;&lt;u&gt;any tip&lt;/u&gt;&amp;nbsp;will result in lower rankings on some search engines.&amp;nbsp; Please contact us if you need to know &quot;the why&quot; to the below statements:&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;ul style=&quot;font-family: &#39;Times New Roman&#39;;&quot;&gt;&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;research what keywords people use&lt;/span&gt;&lt;img align=&quot;right&quot; alt=&quot;Home cooking webpage tips&quot; border=&quot;0&quot; height=&quot;235&quot; hspace=&quot;5&quot; src=&quot;http://www.high-higher-highest-rankings.com/images/webpages_tips.jpg&quot; vspace=&quot;5&quot; width=&quot;150&quot; /&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;&amp;nbsp;most often on search engines that pertain to your products or services;&amp;nbsp; use these keywords as text in the design to increase website traffic.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;&quot;&lt;b&gt;Keep It Simple&lt;/b&gt;&quot; - 99% of all web designers use too many graphical images and programs like Java, Flash, etc. which results in lower rankings and less traffic..&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;Web pages, like a spread sheet, are made using cells and tables.&amp;nbsp; Use as few cells and tables in your web design as possible.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;Create good Meta Tags.&amp;nbsp;&amp;nbsp;&lt;u&gt;Each page&lt;/u&gt;&amp;nbsp;should have different keywords in the Title and the Description Meta Tag.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;Limit the number of times that you repeat words in your Keyword Meta Tag.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;Place your important keywords at the top of the page as text headers.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;Your most important page and keywords should be on the first page of a website.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;Frames based websites should only be used for Intranet (a site only for company employees) and not for Internet.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;Do NOT include pages that re-direct (a page that&amp;nbsp;&lt;u&gt;automatically&lt;/u&gt;&amp;nbsp;sends you to another page) people to other pages.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;Run an analysis program to count the number of times keywords are used in the first 7500 characters of computer code.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;Limit your use of services that automatically submits your URL to the top 10 search engines.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;When finished with a page, run a spell checking program and then compress the html code.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;Keep track of your search engine rankings and website traffic.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;Once a website is indexed, a good web designer should go back and improve pages that didn&#39;t get high rankings on key words.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;span style=&quot;font-family: Arial; font-size: x-small;&quot;&gt;Every 3 months you should make a small change on each web page.&amp;nbsp; Search engines like to see that changes are being made to a site and that it just isn&#39;t sitting there for years with no upgrades.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Georgia;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/3995807576942187284/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/best-website-development-tips.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3995807576942187284'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3995807576942187284'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/best-website-development-tips.html' title='Best Website Development Tips'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-3747667333445028720</id><published>2011-06-23T02:58:00.001-07:00</published><updated>2011-06-23T02:58:26.921-07:00</updated><title type='text'>Cheapest Website Service Provider ( 4,999/- for One Year )</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;h3 class=&quot;post-title entry-title&quot;&gt; Cheapest Website Service Provider ( 4,999/- for One Year ) &lt;/h3&gt;&lt;div class=&quot;post-header&quot;&gt;  &lt;/div&gt;&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTe4dCsQNHHiSCZcDEAQNezPNCEr_fLiBRJ4ZvRC5CNd0nepeKWc-x1dWMQQorhMeD349mDRkZUiAY3iJIXz2FsZSwzTknzdgXaIior_N8p915zF0QJc79oq061DnvY_RHmU7TJQp01I/s1600/web_hosting.jpg&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTe4dCsQNHHiSCZcDEAQNezPNCEr_fLiBRJ4ZvRC5CNd0nepeKWc-x1dWMQQorhMeD349mDRkZUiAY3iJIXz2FsZSwzTknzdgXaIior_N8p915zF0QJc79oq061DnvY_RHmU7TJQp01I/s1600/web_hosting.jpg&quot; /&gt;&lt;/a&gt;&lt;b&gt;Number Of Static Pages &amp;nbsp;&amp;nbsp;&amp;nbsp; : 5&lt;/b&gt;&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;b&gt;FREE Hosting Web Space &amp;nbsp;&amp;nbsp;&amp;nbsp; : 200 MB&lt;br /&gt;
FREE Domain Name Registration &amp;nbsp;&amp;nbsp;&amp;nbsp; .COM .NET&lt;br /&gt;
FREE Email ID&#39;s (POP3) &amp;nbsp; :&amp;nbsp; 10&lt;br /&gt;
Contact Form (Standard form of 5 fields) with Google Map&amp;nbsp;&amp;nbsp; : 1&lt;br /&gt;
Renewal Cost Per Year &amp;nbsp;&amp;nbsp;&amp;nbsp; 2000/-&lt;br /&gt;
Rs. 4,999/- for One Year&amp;nbsp;&amp;nbsp;&amp;nbsp; ( 100% Advance Payment ) &lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.pushpainfotech.com/&quot;&gt;&lt;b&gt;Order Today&lt;/b&gt;&lt;/a&gt;&amp;nbsp; or Mail at&amp;nbsp; &lt;a href=&quot;mailto:info@pushpainfotech.com&quot;&gt;info@pushpainfotech.com &lt;br /&gt;
&lt;/a&gt;&lt;br /&gt;
or &lt;b&gt;Call at&amp;nbsp; + 91- 9313282007&lt;/b&gt;&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/3747667333445028720/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/cheapest-website-service-provider-4999.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3747667333445028720'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3747667333445028720'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/cheapest-website-service-provider-4999.html' title='Cheapest Website Service Provider ( 4,999/- for One Year )'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTe4dCsQNHHiSCZcDEAQNezPNCEr_fLiBRJ4ZvRC5CNd0nepeKWc-x1dWMQQorhMeD349mDRkZUiAY3iJIXz2FsZSwzTknzdgXaIior_N8p915zF0QJc79oq061DnvY_RHmU7TJQp01I/s72-c/web_hosting.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-4816839283823795221</id><published>2011-06-22T04:16:00.000-07:00</published><updated>2011-06-22T04:16:16.840-07:00</updated><title type='text'>Make Your Site Standout in a Crowd</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #737373; font-family: verdana; font-size: 12px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h2 style=&quot;font-size: 11pt; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 8px; padding-right: 0px; padding-top: 5px;&quot;&gt;&lt;a href=&quot;http://www.pushpainfotech.com/&quot;&gt;Make Your Site Standout in a Crowd&lt;/a&gt;&lt;/h2&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #737373; font-family: verdana; font-size: 12px;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;In the current web world, the websites are like our identity. Have you ever thought how the numerous websites survive in a pool of sites where other websites put up a tough competition for survival? In fact, how many of us are aware of the fact that these websites are our sole identities and they give a broader idea to our audiences about the products and services we provide.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Within a crowd of sites, it becomes really tough to carve out a niche for a specific website. The web world is a competitive place where only a unique&amp;nbsp;&lt;a href=&quot;http://www.pushpainfotech.com/&quot; style=&quot;color: #094a8b; text-decoration: none;&quot;&gt;web design&lt;/a&gt;&amp;nbsp;can speed you up the ladder. A unique website design has numerous definitions the best one is depicted by a successful blend of sophistication and professionalism as they do the toughest job of attracting clients to a site.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;To formulate a successful website design, one doesnâ€™t need some magic or rocket science. It is strategy that works for most sites. A unique website design is the brainchild of an intelligent web designer. Nowadays with the growing number designers it is a tough job to come up with unique ideas every now and then.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Before you start designing a website it is important to gain a deep insight about the progress of your competitors. Do not make the mistake of underestimating your competitors or to replicate their ideas. The originality of your website is your USP. The website layout should reveal the blend of sophistication and professionalism maintaining uniqueness in the applications of colors, background and the images.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Special attention should be given to the navigation menus. It should be subtle and yet visible. Linking every page to the homepage is important. This prevents unwanted botheration for the readers. Your site structure should be user-friendly.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;You need to train your web designing and the web application development team in this regard so that their strategic planning ability is at its best while working for their clients. Web 2.0 is the prevalent scene currently and your site needs to be more interactive. The site should be user-friendly, so that it doesnâ€™t scare away the clients due to its complex systems and pathways.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Your site should invoke trust in the clientâ€™s mind and the content should be formulated accordingly. It is important that your site should maintain a transparency level for your visitors to trust you and develop a closer interaction in the near future.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #737373; font-family: verdana; font-size: 12px;&quot;&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/4816839283823795221/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/make-your-site-standout-in-crowd.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/4816839283823795221'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/4816839283823795221'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/make-your-site-standout-in-crowd.html' title='Make Your Site Standout in a Crowd'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-3866189038442401747</id><published>2011-06-22T04:09:00.000-07:00</published><updated>2011-06-22T04:09:46.333-07:00</updated><title type='text'>Internet Business Strategy</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: medium;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: blue;&quot;&gt;Internet Business Strategy in Marketing&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: medium;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: blue;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: verdana, arial, sans-serif; font-size: 12px;&quot;&gt;An Internet business strategy is the first thing that everyone should have in place before ever considering starting up an Internet business.&lt;br /&gt;
&lt;br /&gt;
You need to have a clearly defined plan with set goals that can be achieved within a reasonable amount of time; this is not a get rich quick scheme however it is easily achievable with a little time and persistence.&lt;br /&gt;
&lt;br /&gt;
Internet marketing is an easy Internet business strategy that almost anyone can follow and go on to be extremely successful in their Internet businesses.&lt;br /&gt;
&lt;br /&gt;
Niche markets are a great way to specialise and dominate a specific niche market. By using your own specialised knowledge you can create a unique and loyal customer base who will give you repeat business.&lt;br /&gt;
&lt;br /&gt;
We all have knowledge of various subjects which can range from taking care of your pets to restoring furniture or derelict properties.&lt;br /&gt;
&lt;br /&gt;
You only need to think about the things that you enjoy doing, or are passionate about and enjoy talking about. These are your own unique niche markets that you can tap into.&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: medium;&quot;&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: blue;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel="related" href="www.web-source.net" title="Internet Business Strategy"/><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/3866189038442401747/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/internet-business-strategy.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3866189038442401747'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3866189038442401747'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/internet-business-strategy.html' title='Internet Business Strategy'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-3024917484148366154</id><published>2011-06-21T00:57:00.000-07:00</published><updated>2015-10-07T12:51:56.151-07:00</updated><title type='text'>Website Design Delhi | WebSite Designing Company Ghaziabad | Website Designing Company in NCR</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;Cheapest Website Service Provider &lt;/b&gt;(&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;&quot;&gt; &lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #990000; font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;&quot;&gt;4,999/-&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;&quot;&gt; &lt;/span&gt;for One Year )&lt;/b&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgemH8hYw76AJLpn3h21jNDd_TX1j9AbAVj6kwkIkxx3HFx746QH6qLBvr4iwc9S6i40wOd4EgQxYw7IJyL7nwDeA3l7NG_X_FV47woVtm0BmZdN-J6W7VgvXTgRKME0gCr8z4FLfnKUDM/s1600/big_cheapest+website+designing01.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgemH8hYw76AJLpn3h21jNDd_TX1j9AbAVj6kwkIkxx3HFx746QH6qLBvr4iwc9S6i40wOd4EgQxYw7IJyL7nwDeA3l7NG_X_FV47woVtm0BmZdN-J6W7VgvXTgRKME0gCr8z4FLfnKUDM/s320/big_cheapest+website+designing01.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;Number Of Static Pages &amp;nbsp;&amp;nbsp;&amp;nbsp; : 5&lt;/b&gt;&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;b&gt;FREE Hosting Web Space &amp;nbsp;&amp;nbsp;&amp;nbsp; : 200 MB&lt;br /&gt;
FREE Domain Name Registration &amp;nbsp;&amp;nbsp;&amp;nbsp; .COM .NET&lt;br /&gt;
FREE Email ID&#39;s (POP3) &amp;nbsp; :&amp;nbsp; 5&lt;br /&gt;
Contact Form (Standard form of 5 fields) with Google Map&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; : 1&lt;br /&gt;
Renewal Cost Per Year &amp;nbsp;&amp;nbsp;&amp;nbsp; 4000/-&lt;br /&gt;
Rs. 4,999/- for One Year&amp;nbsp;&amp;nbsp;&amp;nbsp; ( 100% Advance Payment ) &lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;a href=&quot;http://deals.pushpatechnologies.com/website-designing/&quot;&gt;Order Today&lt;/a&gt;&lt;/b&gt;&amp;nbsp; or Mail at &lt;a href=&quot;mailto:info@pushpainfotech.com&quot;&gt;info@pushpatechnologies.com&lt;/a&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/3024917484148366154/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/website-design-delhi-website-designing.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3024917484148366154'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/3024917484148366154'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/website-design-delhi-website-designing.html' title='Website Design Delhi | WebSite Designing Company Ghaziabad | Website Designing Company in NCR'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgemH8hYw76AJLpn3h21jNDd_TX1j9AbAVj6kwkIkxx3HFx746QH6qLBvr4iwc9S6i40wOd4EgQxYw7IJyL7nwDeA3l7NG_X_FV47woVtm0BmZdN-J6W7VgvXTgRKME0gCr8z4FLfnKUDM/s72-c/big_cheapest+website+designing01.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-2850514521005405691</id><published>2011-06-20T00:16:00.000-07:00</published><updated>2011-06-20T00:17:42.291-07:00</updated><title type='text'>10 Ways to Extend Your Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;There are many different challenges that bloggers face.  Continually  growing, adapting, and improving your blog is a significant&amp;nbsp;on-going   challenge. While all blogs attempt to provide useful content and to  connect with  readers, sometimes there is a desire and a need to go  further. The motivation  could be to provide more for readers, to help  standout from other blogs in the  industry, to bring in more money, or  simply for a new learning experience.&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;In this post we’ll look at 10 different things you can  do to extend  your blog. Of course, you won’t want to attempt all of them with  your  blog, but see which ones fit best with your goals and with your  audience.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;1. Email Newsletters&lt;/h3&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;&amp;nbsp;&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Blogging and email newsletters have a lot in common. In both cases  you’re  providing content on&amp;nbsp;a consistent&amp;nbsp;basis to subscribers, and  trying to increase  your reach by offering content that is interesting  and helpful for those  reading. It may seem like having an email  newsletter is overkill if you’re  already blogging, but building a  newsletter list can be a great way to extend  your blog.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;The newsletter will give you another method of staying in touch with  your  audience and you’ll be able to include content that you want to be  accessible  only to your subscribers. If you already have the traffic  coming to your blog  and an established reputation with your audience,  building a newsletter list can  be much easier than it would be without  the blog.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;We recently &lt;a href=&quot;http://vandelaydesign.com/blog/site-news/newsletter-launch/&quot;&gt;started our  own newsletter&lt;/a&gt;,  and so far it has been a great way for us to reach those who  read our  blog and want more, and we’re able to include brief announcements,   news, and links that we aren’t able to post on our blog each week.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;For managing a mailing list we use and recommend &lt;a href=&quot;http://mailchimp.com/&quot;&gt;MailChimp&lt;/a&gt;. It includes all the necessary  features (and more)&amp;nbsp;and it’s free for lists with less than 2,000 subscribers. &lt;a href=&quot;http://www.aweber.com/&quot;&gt;AWeber&lt;/a&gt;, &lt;a href=&quot;http://www.getresponse.com/&quot;&gt;Get Response&lt;/a&gt;, and &lt;a href=&quot;http://www.icontact.com/&quot;&gt;iContact&lt;/a&gt; are other popular options.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;In terms of monetization possibilities, email newsletter present many  of the  same opportunities as blogs, including selling ad space,  promoting affiliate  products, and selling your own products.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;2. Sell Products&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;One of the biggest benefits of blogging is that it allows you to  connect with  your readers as you build a reputation and trust from your  readers. Of course,  in order to accomplish this you will need to  provide the type of quality content  that readers are looking for, but  successful bloggers are constantly proving  that the platform is ideal  for this purpose.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Once you have established yourself as a leader in your niche or  industry  through your blog, a natural and potentially lucrative  extension is to create  and sell your own products. Info products like  e-books, training videos, and  webinars are popular types of products  for bloggers to offer, and they are in  demand with blog readers. Info  products are great for bloggers because they are  relatively easy and  cost-effective to create, delivery is instant and  inexpensive, and the  products take advantage of the reputation that you have  built through  your hard work.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;In addition to info products, other types of digital products are  ideal as  well. For designers there are all kinds of possibilities for  selling  downloadable digital files. At &lt;a href=&quot;http://vandelaypremier.com/&quot;&gt;Vandelay  Premier&lt;/a&gt; we sell products like textures, vectors, icons and Photoshop  files.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Many bloggers are intimidated by the thought of setting up e-commerce  on  their blog, but there are some simple options out there. We use and  recommend &lt;a href=&quot;http://www.e-junkie.com/&quot;&gt;E-Junkie&lt;/a&gt;, but other options include &lt;a href=&quot;http://www.foxycart.com/&quot;&gt;FoxyCart&lt;/a&gt;, &lt;a href=&quot;http://cart66.com/&quot;&gt;Cart66&lt;/a&gt;, and &lt;a href=&quot;http://www.clickbank.com/&quot;&gt;ClickBank&lt;/a&gt;.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;3. Offer Services&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;In addition to, or instead of, creating and selling your own products  on your  blog, you could also offer services. Consulting is one of the  most common  services offered by bloggers, in part because it fits in  naturally with the goal  of becoming recognized as an expert through the  blog. When you have established  yourself and developed the trust of  your readers, it’s likely that some of them  would be interested in  hiring you for consulting services.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Another reason that consulting is so popular is because it can work  in such a  wide variety of industries. Regardless of what you are  blogging about there is  probably some way that you could help others  through consulting or advising. But  consulting certainly isn’t the only  possibility, the options are unlimited. Try  to identify the problems  and challenges that your readers are facing, and think  about how you  can use your knowledge, experience, and expertise to help  them.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Selling services doesn’t need to be complicated. You’ll need a page  on your  website or blog that explains the types of services that you  offer, and you’ll  need to provide a contact form or some other way for  people to get in touch with  you. Having some testimonials or examples  of work that you have done in the past  will help with convincing  readers that you can help them too.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;4. Membership Area&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Having a membership area is a common way to monetize a blog. Not only  will it  allow you the possibility to bring in more money from your  blogging efforts, but  it will also give your readers an option to get  more out of your blog if they  are interested in going the extra step to  pay for the membership. It will allow  you to reach a core group of  readers in a more intimate and private setting, and  it gives the  members a chance to tap in to your expertise in a way that they  cannot  through the blog.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Membership areas often provide inforational products or content to  members,  either through video, audio, or written content. Membership  areas can also  provide other types of content and/or resources, such as  sites for designers  that offer new downloadable files each month.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;There are a few different options for setting up a membership area on your  blog. Two of the most popular options are &lt;a href=&quot;http://www.amember.com/&quot;&gt;aMember&lt;/a&gt; and &lt;a href=&quot;http://member.wishlistproducts.com/&quot;&gt;Wishlist Member&lt;/a&gt;.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;5. Job Boards&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;While major job search sites like Monster.com and CareerBuilder  account for  the majority of job searching and online job listings,  niche job boards can be  extremely useful for those who are looking to  hire as well as for those who are  looking for jobs. If your blog has a  targeted audience of readers, employers who  are looking to find  qualified workers in your industry or niche will often have  better  results by advertising there as opposed to a general job board that   targets job searches of all kinds.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Job boards can also help you to earn some extra money while providing   something that is helpful to visitors and employers. Niche job boards  often  charge employers for listings, or perhaps just for a featured  listing that is  shown above free listings. Setting up a job board  doesn’t have to be as  complicated as it might sound. If you’re using  WordPress the options include &lt;a href=&quot;http://wpjobboard.net/&quot;&gt;WPJobBoard plugin&lt;/a&gt;, &lt;a href=&quot;http://templatic.com/cms-themes/job-board&quot;&gt;Job Board theme&lt;/a&gt;, &lt;a href=&quot;http://www.appthemes.com/themes/jobroller/&quot;&gt;Job Roller theme&lt;/a&gt;,&amp;nbsp;and &lt;a href=&quot;http://www.dailywp.com/jobpress-wordpress-theme/&quot;&gt;JobPress theme&lt;/a&gt;. For  those who are not using WordPress, other options include &lt;a href=&quot;http://www.jobthread.com/publishers&quot;&gt;JobPress&lt;/a&gt;, &lt;a href=&quot;http://www.jobcoin.com/&quot;&gt;JobCoin&lt;/a&gt;, and &lt;a href=&quot;https://ads.indeed.com/jobroll/&quot;&gt;Indeed&lt;/a&gt;.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;6. Forums&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Adding forums to your blog will allow readers and visitors to  communicate  with each other on a wide variety of topics, and they won’t  be restricted to  communicating only on the specific topics that you  cover in your blog posts.  Forums can be very useful for visitors, as  long as the forums are active, and  they can also help you to encourage  repeat visits and increase pageviews.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Forums can also be an excellent option because they can be useful in  any  industry or niche, especially if there are not already other  popular forums that  many of your readers use. Active forums will  require some work and maintenance  on your part to monitor the activity  and to participate when possible, but the  users will do the majority of  the “work” by interacting with each other and  building up the  usefullness of the forums.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Popular choices for creating forums include &lt;a href=&quot;http://www.vbulletin.com/&quot;&gt;vBulletin&lt;/a&gt;, &lt;a href=&quot;http://www.phpbb.com/&quot;&gt;phpBB&lt;/a&gt;, and&amp;nbsp;&amp;nbsp;&lt;a href=&quot;http://bbpress.org/&quot;&gt;bbPress&lt;/a&gt;.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;7. Premium Content&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Adding premium content to your blog can be done with or without  requiring a  recurring membership. If you’d rather not deal with the  membership model and the  need to consistently put out new content in  order to avoid losing members, you  can offer premium content where  visitors can choose exactly what they want to  pay for, with no  recurring fees. Some blogs offer tutorials or other types of  content  where readers can pay a few dollars to view the content. This model   could be used with just about any type of content, as long as it is  something  that your readers would be willing purchase.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;a href=&quot;http://cleeng.com/&quot;&gt;Cleeng&lt;/a&gt; helps bloggers and publishers  to  collect micro payments in exchange for premium content. Cleeng  works with all  types of content like text, video, audio, and images.  They have a plugin for  popular CMSs like WordPress and Drupal. &lt;a href=&quot;http://clikserv.com/&quot;&gt;Clickserv&lt;/a&gt; is another option for collecting small  payments for premium content.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;8. Directories&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Depending on the type of blog that you have, adding a niche directory  may be  an option. If you are offering services from your blog you  probably will not  want to launch a directory of other service  providers, but for some blogs it  will be a good fit. An example would  be a blog that covers topics related to  fitness adding a directory of  personal trainers that could be searched by  locality.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Adding a directory to your blog could be for monetary purposes if you  charge  for listings, or it could be free and strictly to provide a  helpful resource for  your visitors. Whether you charge for listings or  not, a good directory could  still be useful to visitors either way.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;If you’re using WordPress there are a few options for easily setting up a  directory, including the &lt;a href=&quot;http://www.directorypress.net/&quot;&gt;Directory  Press theme&lt;/a&gt;, &lt;a href=&quot;http://www.wpdirectorypro.com/&quot;&gt;WP Directory Pro  theme&lt;/a&gt;, and the &lt;a href=&quot;http://wordpress.org/extend/plugins/business-directory/&quot;&gt;Business  Directory plugin&lt;/a&gt;.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;9. News Section&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Adding a news or links section to your blog can help to keep the site   up-to-date and can help to give the blog a more community-oriented  feel. In the  design niche there are a number of blogs that have a  section where other  bloggers can submit their links to be considered  for posting in the community  news section. Some examples include &lt;a href=&quot;http://cssglobe.com/&quot;&gt;CSS Globe&lt;/a&gt; and &lt;a href=&quot;http://designmodo.com/&quot;&gt;Design Modo&lt;/a&gt;.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Adding a news section for WordPress users can be done easily with the &lt;a href=&quot;http://wordpress.org/extend/plugins/fv-community-news/&quot;&gt;FV Community News  plugin&lt;/a&gt;, &lt;a href=&quot;http://wordpress.org/extend/plugins/tdo-mini-forms/&quot;&gt;TDO  Mini Forms plugin&lt;/a&gt;, or &lt;a href=&quot;http://www.gravityforms.com/&quot;&gt;Gravity Forms  pluin&lt;/a&gt;.&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;10. Facebook Fan Pages&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Facebook’s popularity is so high that any blog can benefit from  having a  Facebook page. But if you want to go a step further you can  make your Facebook  page more useful to visitors by offering free  content to your fans, or even by  selling products directly from  Facebook.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;In effort to attract more fans, many bloggers are offering an incentive for  people to “like” their Facebook page. &lt;a href=&quot;http://facebook.com/vandelaydesign&quot;&gt;Our own Facebook page&lt;/a&gt;  is an  example. We have 10 premium resource packs that can be  downloaded from the  Facebook page by people who have liked our page,  and there is a welcome tab that  greets visitors who aren’t currently  our fans to promote the offer.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;If you’re interested in opening a store directly on your Facebook page, &lt;a href=&quot;http://www.highwire.com/facebook/&quot;&gt;Highwire’s Social Store&lt;/a&gt; is a free  app that allows you to sell items on Facebook without dealing with the code.&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/2850514521005405691/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/10-ways-to-extend-your-blog.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/2850514521005405691'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/2850514521005405691'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/10-ways-to-extend-your-blog.html' title='10 Ways to Extend Your Blog'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-5890948405357585265</id><published>2011-06-20T00:15:00.000-07:00</published><updated>2015-10-07T13:02:28.980-07:00</updated><title type='text'>How to Run a Web Design - The Design Curve</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
As a professional web designer I&#39;ve noticed a consistent trend in the  majority of the projects I&#39;ve worked on: The more time that is spent  dissecting, analyzing, and critiquing a design by the wrong kinds of  people the worse that design gets.&amp;nbsp; The same trend applies to the &lt;strong&gt;number &lt;/strong&gt;of people involved in the design process.&lt;br /&gt;
&lt;br /&gt;
Group intelligence is multiplicative when idiots are involved -  combining a half-wit with another half-wit does not result in a  full-witted person, it results in a quarter-witted person (1/2 x 1/2 =  1/4). &amp;nbsp;&amp;nbsp; Combining a full-witted individual with a half-wit still only  yields a half-wit.&amp;nbsp;&amp;nbsp; The more of these &quot;wrong kinds of people&quot; you have  involved in the process, the worse things get.&lt;br /&gt;
&lt;br /&gt;
I&#39;ve created two graphs to help illustrate this trend.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0k0IIhVXYm_vnsb8oE6FbavETh5lTROYF1aNOzFxesVWQGrkSvH5tCHbidbMDaXM5fsQ8rwG-5gkPBd5qIlYUJQPATDQyBgk8XtHtL8OgShnZWCHQz9pJzY3MlhpmkSvMcBUhIqJK08c/s1600/design_curve1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;217&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0k0IIhVXYm_vnsb8oE6FbavETh5lTROYF1aNOzFxesVWQGrkSvH5tCHbidbMDaXM5fsQ8rwG-5gkPBd5qIlYUJQPATDQyBgk8XtHtL8OgShnZWCHQz9pJzY3MlhpmkSvMcBUhIqJK08c/s320/design_curve1.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibhDMlP_OwbtfzBif6CawGTJrZY4z0gIyj0FmKjqG9gRIs_uE7T_p_n1m-mCenTu8LYFQuMeAhYugW6Fd5JkaBet06zWSHknql0mj8skbzlZmr9ESKF6ogztDkmnSecriyZtavutcz5v0/s1600/design_curve2.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;217&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibhDMlP_OwbtfzBif6CawGTJrZY4z0gIyj0FmKjqG9gRIs_uE7T_p_n1m-mCenTu8LYFQuMeAhYugW6Fd5JkaBet06zWSHknql0mj8skbzlZmr9ESKF6ogztDkmnSecriyZtavutcz5v0/s320/design_curve2.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
By &quot;the wrong kinds of people,&quot; I&#39;m referring to:&lt;/div&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;ul style=&quot;text-align: justify;&quot;&gt;
&lt;li&gt;Those who have never designed anything visual (web, print, or otherwise)&lt;/li&gt;
&lt;li&gt;Those who think 1996 design trends are still hot.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Managers, executives, etc who have no design experience but like  to dicate creative direction simply because they can (or feel obligated  to)&lt;/li&gt;
&lt;li&gt;Moderately savvy users who are highly opinionated and feel since  they use the web they have an &quot;edge&quot; in the area of design. These  clients usually take up the most time yet end up having the worst  websites&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
So who are the right kinds of people?&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;ul style=&quot;text-align: justify;&quot;&gt;
&lt;li&gt;Anyone with an eye for great design, no matter what their job title is&lt;/li&gt;
&lt;li&gt;Usability experts who offer advice that has actual experience behind it&lt;/li&gt;
&lt;li&gt;Those who offer &lt;strong&gt;constructive&lt;/strong&gt; criticism.&amp;nbsp; My favorite example of the wrong kind of criticism is when someone says &quot;it doesn&#39;t &lt;em&gt;feel&lt;/em&gt; right.&quot;&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Those that understand that they hired YOU, the designer, to  create something great. They may understand their business better, but  ultimately they&#39;ve left their trust with you to deliver a quality  design.&amp;nbsp;&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
But spending more time on it means it&#39;ll get better, right?&amp;nbsp; Not  necessarily.&amp;nbsp; I was in Rand&#39;s office the other day showing him the new  business cards I was working on for SEOmoz.&amp;nbsp; I told him I wasn&#39;t too  happy with them and had spent the past hour re-arranging bits of text  and icons on a half dozen versions of the cards.&amp;nbsp; He took one look at  the cards and was blown away.&amp;nbsp; &amp;nbsp; From there a new term was born:&amp;nbsp; &lt;strong&gt;DESIGNER-ITIS&lt;/strong&gt;  (pronounced like meningitis).&amp;nbsp;&amp;nbsp; &quot;Designer-itis&quot; is my made-up disease  that designers suffer from when they&#39;ve been staring at something for  way, way too long.&amp;nbsp;&amp;nbsp; Let a few people mull over your design for a few  hours and watch it spread like ebola.&amp;nbsp; &lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/5890948405357585265/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/how-to-ruin-web-design-design-curve.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/5890948405357585265'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/5890948405357585265'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/how-to-ruin-web-design-design-curve.html' title='How to Run a Web Design - The Design Curve'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0k0IIhVXYm_vnsb8oE6FbavETh5lTROYF1aNOzFxesVWQGrkSvH5tCHbidbMDaXM5fsQ8rwG-5gkPBd5qIlYUJQPATDQyBgk8XtHtL8OgShnZWCHQz9pJzY3MlhpmkSvMcBUhIqJK08c/s72-c/design_curve1.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-1479449432838852607</id><published>2011-06-16T03:38:00.000-07:00</published><updated>2011-06-16T03:38:42.093-07:00</updated><title type='text'>Website Development: 11 Must Use SEO Tips for Web Designers</title><content type='html'>&lt;a href=&quot;http://delhi-website-designing.blogspot.com/2011/06/11-must-use-seo-tips-for-web-designers.html#comments&quot;&gt;Website Development: 11 Must Use SEO Tips for Web Designers&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://pushpainfotech.com&quot;&gt;www.pushpainfotech.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://pushpainfotech.co.in&quot;&gt;www.pushpainfotech.co.in&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/1479449432838852607/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/website-development-11-must-use-seo.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/1479449432838852607'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/1479449432838852607'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/website-development-11-must-use-seo.html' title='Website Development: 11 Must Use SEO Tips for Web Designers'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9203973072796103960.post-6975576879464085459</id><published>2011-06-15T03:28:00.000-07:00</published><updated>2011-06-15T03:28:11.975-07:00</updated><title type='text'>Ecommerce Website Explained</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;                                     &lt;h2&gt;&lt;a href=&quot;http://blog.kaizenet.com/ecommerce-website-explained&quot; title=&quot;Permanent Link to eCommerce Website Explained&quot;&gt;eCommerce Website Explained&lt;/a&gt;&lt;/h2&gt;&lt;strong&gt;What is an eCommerce website?&lt;/strong&gt;&lt;br /&gt;
eCommerce website is an online store that allow people to shop 24/7  regardless of where they are located in the world. This means the online  shop is accessible by people all over the world and can process  payments while you sleep. &lt;br /&gt;
&lt;strong&gt;How do I get my own eCommerce website?&lt;/strong&gt;&lt;br /&gt;
There are two ways – One is that you buy some books and/or attend a course on &lt;a href=&quot;http://www.kaizenet.com/&quot;&gt;website design&lt;/a&gt;  and then build it yourself. If you don’t have money but have alot of  time then this would be the best option for you. The 2nd option is to  hire a web designer to build it for you. You simply tell the person or  company what you want to sell and the features you would like to have,  and after one – two months you will have a professionally designed  website.  &lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://delhi-website-designing.blogspot.com/feeds/6975576879464085459/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/ecommerce-website-explained.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/6975576879464085459'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9203973072796103960/posts/default/6975576879464085459'/><link rel='alternate' type='text/html' href='http://delhi-website-designing.blogspot.com/2011/06/ecommerce-website-explained.html' title='Ecommerce Website Explained'/><author><name>Pushpa Technologies Private Limited</name><uri>http://www.blogger.com/profile/08747109814031614515</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>