<?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-785489703097317288</id><updated>2015-01-13T23:46:06.462-08:00</updated><category term="jquery"/><category term="news"/><category term="css"/><category term="defence-news"/><category term="html"/><category term="php"/><category term="tech-news"/><title type='text'>W3C Lessons </title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://w3clessons.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://w3clessons.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Naveen Sharma</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5mkvhgBfMEs/AAAAAAAAAAI/AAAAAAAAAQw/DA6d1A8F8jI/s512-c/photo.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>11</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-785489703097317288.post-8095474246667616355</id><published>2015-01-06T06:09:00.001-08:00</published><updated>2015-01-06T06:09:42.774-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="html"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="tech-news"/><title type='text'>Simple Drop Down Menu with Jquery and CSS </title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;Making an &lt;a href=&quot;http://www.w3schools.com/tags/tag_select.asp&quot; target=&quot;_blank&quot;&gt;drop down menu&lt;/a&gt; is very basic lessons to jquery. It includes css tricks. Actually drop down menu is a kind of menu when mouse click is clicked over a link. It shows a list of menu when link is clicked. Here we need to design a div to show menu and another element to show menu link. It is very simple to design.Lets take a look at how to do that.&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://www.w3schools.com/tags/tag_select.asp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;w3schools.com&quot; border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-6s8WoCgKOsU/VKvWhe412VI/AAAAAAAAAXI/E6qUd2J0TM4/s1600/yoyo.png&quot; height=&quot;292&quot; title=&quot;DROP DOWN MENU&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;DROP DOWN MENU&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp;Take a look at various steps to make drop down menu:-&lt;br /&gt;&lt;br /&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;STEP-1&lt;/h3&gt;First I will show you the &lt;a href=&quot;http://w3school.com/&quot; target=&quot;_blank&quot;&gt;html&lt;/a&gt; codes.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;div class=&quot;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;mainmenu&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;a class=&quot;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;shop&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot; &amp;gt;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Shop&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;div class=&quot;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;submenu&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;ul class=&quot;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;list&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;li &amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;a href=&quot;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;#categories&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;&amp;gt;CATEGORIES&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;li &amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;a href=&quot;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;#clothing&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot; &amp;gt;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Clothing&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;li &amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;a href=&quot;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;#homegoods&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Home Goods&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;li &amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;a href=&quot;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;#bedroom&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Bedroom&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/li&amp;gt;&amp;lt;hr/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;li &amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;a href=&quot;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;#bedroom&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;ORDER&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;li &amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;a href=&quot;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;#status&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Status&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;li &amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;a href=&quot;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;#cancel&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Cancellations&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/li&amp;gt;&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;/span&gt; &lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/ul&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://3.bp.blogspot.com/-O8j39tqsGFI/VKvgSYNmpRI/AAAAAAAAAXY/TLwzWo687kI/s1600/menusub.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-O8j39tqsGFI/VKvgSYNmpRI/AAAAAAAAAXY/TLwzWo687kI/s1600/menusub.PNG&quot; height=&quot;320&quot; width=&quot;247&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;STEP-2&lt;span style=&quot;background-color: white;&quot;&gt;&lt;/span&gt;&lt;/h3&gt;&lt;h3&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;/span&gt;&lt;/h3&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Contains javascipt code.&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;i style=&quot;border: 0px none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: inherit; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; margin: 0px; outline: 0px none; padding: 0px 2px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;$(&quot;.&lt;/i&gt;&lt;span style=&quot;border: 0px none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: inherit; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; margin: 0px; outline: 0px none; padding: 0px 2px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;shop&lt;/span&gt;&lt;i style=&quot;border: 0px none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: inherit; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; margin: 0px; outline: 0px none; padding: 0px 2px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;).click(function(){}&lt;/i&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;-&lt;span class=&quot;Apple-converted-space&quot;&gt; &lt;/span&gt;&lt;/span&gt;here shop&lt;span style=&quot;display: inline ! important; float: none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt; &lt;/span&gt;is the class name of the&lt;span class=&quot;Apple-converted-space&quot;&gt; main menu (shop)&lt;/span&gt;&lt;/span&gt;&lt;i style=&quot;border: 0px none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: inherit; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; margin: 0px; outline: 0px none; padding: 0px 2px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;/i&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt; &lt;/span&gt;anchor tag. Using&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;i style=&quot;border: 0px none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: inherit; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; margin: 0px; outline: 0px none; padding: 0px 2px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;$(this).attr(&#39;id&#39;)&lt;/i&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;calling&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;i style=&quot;border: 0px none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: inherit; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; margin: 0px; outline: 0px none; padding: 0px 2px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;id&lt;/i&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;value of the anchor tag and based on condition showing&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;i style=&quot;border: 0px none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: inherit; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; margin: 0px; outline: 0px none; padding: 0px 2px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;.submenu&lt;/i&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;div box and the same time&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;i style=&quot;border: 0px none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: inherit; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; margin: 0px; outline: 0px none; padding: 0px 2px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;$(this).attr(&#39;id&#39;, &#39;1&#39;)&lt;/i&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Muli,Arial,&amp;quot;Times New Roman&amp;quot;,Times,Arial,serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;adding id value too.&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;script type=&quot;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;text/javascript&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot; src=&quot;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot; &amp;gt;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;$(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;document&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;).&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;ready&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;()&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;{&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;$(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;.shop&quot;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;).&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;click&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;()&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;{&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;var&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;X=&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px none; padding: 0px;&quot;&gt;$(this)&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;attr&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;(&#39;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&#39;);&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px;&quot;&gt;if&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;(X&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;==&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;1)&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;{&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;$(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;.submenu&quot;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;).&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;hide&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;();&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px none; padding: 0px;&quot;&gt;$(this)&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;attr(&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&#39;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&#39;, &#39;0&#39;);&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;}&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px none; padding: 0px;&quot;&gt;else&lt;/span&gt;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;{&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;$(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;.submenu&quot;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;).&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;show&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;();&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px;&quot;&gt;$(this)&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;attr(&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&#39;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;id&#39;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;, &#39;1&#39;);&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;}&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;});&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;//Mouse click on sub menu&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;$(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;.submenu&quot;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;).&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;mouseup&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;()&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;{&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;return false&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;});&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;//Mouse click on shop link&lt;/span&gt;&amp;nbsp; to show submenu&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;$(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;.submenu&quot;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;).&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;mouseup&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;()&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;{&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;return false&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;});&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;//Document Click, Means when there is click on the other part of the web page. Here document is for web page&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;$(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;document&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;).&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;mouseup&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;()&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;{&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;$(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;.submenu&quot;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;).&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;hide&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;();&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;$(&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&quot;.submenu&quot;&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;).&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;attr&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;(&#39;&lt;/span&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&#39;, &#39;&#39;);&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;});&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;});&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt; &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;STEP-3&lt;/span&gt;&lt;/h3&gt;&lt;br /&gt;&lt;span style=&quot;background-color: white;&quot;&gt;Now everything is done. You just need to add some css codes to make effective and good looks of the drop menu. So here&#39;s the code-&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px none; padding: 0px;&quot;&gt;.&lt;span style=&quot;color: #333333;&quot;&gt;mainmenu&lt;/span&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;{&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;color: #555;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;margin: 3px -22px 0 0;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;width: 143px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;position: relative;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;height: 17px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;text-align:left;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;}&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px none; padding: 0px;&quot;&gt;.submenu&lt;/span&gt;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;{&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;background: #fff;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;position: absolute;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;top: -12px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;left: -20px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;z-index: 100;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;width: 135px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;display: none;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;margin-left: 10px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;padding: 40px 0 5px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;border-radius: 6px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;}&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px none; padding: 0px;&quot;&gt;.mainmenu&lt;/span&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt; &lt;/span&gt;li a&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;{&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;color: #555555;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;display: block;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;font-family: arial;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;font-weight: bold;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;padding: 6px 15px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;cursor: pointer;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;text-decoration:none;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;}&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px none; padding: 0px;&quot;&gt;.mainmenu&lt;/span&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt; &lt;/span&gt;li a:hover&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;{&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;background:#155FB0;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;color: #FFFFFF;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;text-decoration: none;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;}&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px;&quot;&gt;a.account&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;{&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;font-size: 11px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;line-height: 16px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;color: #555;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;position: absolute;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;z-index: 110;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;display: block;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;padding: 11px 0 0 20px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;height: 28px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;width: 121px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;margin: -11px 0 0 -10px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;text-decoration: none;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;background: url(icons/arrow.png) 116px 17px no-repeat;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;cursor:pointer;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;}&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px;&quot;&gt;.list&lt;/span&gt;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;{&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;list-style:none;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;margin:0px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;padding:0px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;font-size: 11px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;padding: 11px 0 0 0px;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;border-top:1px solid #dedede;&lt;/span&gt;&lt;br style=&quot;border: 0px none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin: 0px; outline: 0px none; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;display: inline ! important; float: none; font-family: Courier,monospace,&amp;quot;Courier New&amp;quot;; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;}&lt;/span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;background-color: white;&quot;&gt;Great you have done it. Thank You ! If you have any query related to anything ask here. &lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://w3clessons.blogspot.com/feeds/8095474246667616355/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://w3clessons.blogspot.com/2015/01/simple-drop-down-menu-with-jquery-and.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/8095474246667616355'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/8095474246667616355'/><link rel='alternate' type='text/html' href='http://w3clessons.blogspot.com/2015/01/simple-drop-down-menu-with-jquery-and.html' title='Simple Drop Down Menu with Jquery and CSS '/><author><name>Naveen Sharma</name><uri>https://plus.google.com/113765495155910817807</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5mkvhgBfMEs/AAAAAAAAAAI/AAAAAAAAAQw/DA6d1A8F8jI/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-6s8WoCgKOsU/VKvWhe412VI/AAAAAAAAAXI/E6qUd2J0TM4/s72-c/yoyo.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-785489703097317288.post-4266631434491634116</id><published>2015-01-04T23:25:00.000-08:00</published><updated>2015-01-05T04:53:27.344-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="html"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><title type='text'>How to create tab style boxes in html using jquery and css ?</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; font-family: Play, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin: 0px; orphans: auto; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px; font-size: 12pt; line-height: 18.3999996185303px; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Making multiple stylish boxes in tag style using jquery and css is so easier. It does not require so much of area in your blog or website. Read More about it in&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.w3schools.com/&quot; style=&quot;-webkit-tap-highlight-color: rgb(255, 94, 153); -webkit-transition: background-color, color 0.2s linear; border: 0px; color: #313131; font-size: 16px; margin: 0px; padding: 0px; text-decoration: none; transition: background-color, color 0.2s linear; vertical-align: baseline;&quot; target=&quot;_blank&quot;&gt;w3cschools website&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; font-family: Play, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin: 0px; orphans: auto; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px; font-size: 12pt; line-height: 18.3999996185303px; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;This post is very basic level CSS implementation. I want to explain how to design tab style two boxes with&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://w3schools.com/&quot; style=&quot;-webkit-tap-highlight-color: rgb(255, 94, 153); -webkit-transition: background-color, color 0.2s linear; border: 0px; color: #313131; font-size: 16px; margin: 0px; padding: 0px; text-decoration: none; transition: background-color, color 0.2s linear; vertical-align: baseline;&quot; target=&quot;_blank&quot;&gt;CSS, HTML and Jquery.&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;In maximum cases the tabbed boxes are used for login and registration purposes and can be used for many other purposes are also like in blog many times three tabbed boxes are used.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; font-family: Play, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin: 0px; orphans: auto; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;border: 0px; font-size: 12pt; line-height: 18.3999996185303px; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;border: 0px; font-size: 12pt; line-height: 18.3999996185303px; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;http://w3schools.com/&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-g-3cY4LSGa8/VKowb2-FJgI/AAAAAAAAAWk/oDqb8Lrz4XM/s1600/tabs.PNG&quot; height=&quot;257&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;border: 0px; font-size: 12pt; line-height: 18.3999996185303px; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%;&quot;&gt;STEPS TO MAKE TABS&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%;&quot;&gt;STEP -1&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div class=&quot;MsoListParagraph&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -.25in;&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;1.&lt;span style=&quot;font: 7.0pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%;&quot;&gt;First we need to create boxes using div. &lt;/span&gt;Layout divided into three horizontal parts are &lt;i&gt;main&lt;/i&gt;, &lt;i&gt;Tabbutton &lt;/i&gt;and&lt;i&gt; show&lt;/i&gt;. Here &lt;i&gt;main&lt;/i&gt; is the parent div.&lt;/div&gt;&lt;div class=&quot;MsoListParagraph&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -.25in;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoListParagraph&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -.25in;&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://2.bp.blogspot.com/-vDq0y5W2rL0/VKowgLBldfI/AAAAAAAAAWo/-qf4PKWvrDg/s1600/tabs1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;w3cschools&quot; border=&quot;0&quot; src=&quot;http://2.bp.blogspot.com/-vDq0y5W2rL0/VKowgLBldfI/AAAAAAAAAWo/-qf4PKWvrDg/s1600/tabs1.png&quot; height=&quot;393&quot; title=&quot;w3schools.com&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;.So here&#39;s the css codes&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;#main&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&amp;nbsp;width:350px;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;background-color:white; &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&amp;nbsp;border:none; &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;}&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;#tabbuttons&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;height:50px; &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;}&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;#show&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;height:300px;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;background-color:white;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;border:none; &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;}&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;b&gt;STEP-2&lt;/b&gt; &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;Now the div box tabbuttons divided into two another boxes. You can give any names to them according to your need. For example i am going to give them two names is &#39;panel1&#39; and &#39;panel2&#39;.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;As shown below :-&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://3.bp.blogspot.com/-2NH8xoKyrek/VKozhqbUrhI/AAAAAAAAAW0/JxQTBKKHHzA/s1600/tabs2.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-2NH8xoKyrek/VKozhqbUrhI/AAAAAAAAAW0/JxQTBKKHHzA/s1600/tabs2.PNG&quot; height=&quot;109&quot; title=&quot;W3cschools&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;Now we need to enter html codes&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;These are the html codes for tabuttons only&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&amp;lt;div id=&quot;tabbuttons&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&amp;lt;a href=&quot;#&quot; id=&quot;panel1&quot; class=&quot;tab link&quot;&amp;gt;Pannel 1&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&amp;lt;a href=&quot;#&quot; id=&quot;panel2&quot; class=&quot;tab select&quot;&amp;gt;Pannel 2&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&amp;lt;/div&amp;gt; &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;b&gt;STEP-3&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;Now th CSS codes for tabs &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;Contains CSS3 code for round corners. Here link class for margin left 8px it allots gap between panel1 and panel2 tabs.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;span class=&quot;Apple-style-span&quot;&gt;.tab&lt;/span&gt;&lt;br /&gt;{&lt;br /&gt;background: #dedede;display: block;height: 40px;&lt;br /&gt;line-height: 40px;text-align: center;&lt;br /&gt;width: 80px;float: right;font-weight: bold;&lt;br /&gt;-webkit-border-top-left-radius: 4px;&lt;br /&gt;-webkit-border-top-right-radius: 4px;&lt;br /&gt;-moz-border-radius: 4px 4px 0px 0px;&lt;br /&gt;}&lt;br /&gt;&lt;b&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #38761d;&quot;&gt;a&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;{&lt;br /&gt;color: #000;&lt;br /&gt;margin: 0;&lt;br /&gt;padding: 0;&lt;br /&gt;text-decoration: none;&lt;br /&gt;}&lt;br /&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #a64d79;&quot;&gt;&lt;b&gt;.&lt;/b&gt;&lt;span style=&quot;color: black;&quot;&gt;link&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;{&lt;br /&gt;margin-left:8px;&lt;br /&gt;}&lt;br /&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #674ea7;&quot;&gt;&lt;b&gt;.&lt;/b&gt;&lt;span style=&quot;color: black;&quot;&gt;select&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;{&lt;br /&gt;background-color:#FFF;&lt;br /&gt;}&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;b&gt;STEP-4&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;Now Panel div divided into two horizontal parts are panel1box and panel2box. By default pannel2box display none.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;br /&gt;&amp;lt;div id=&quot;main&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&amp;lt;div id=&quot;pane1box&quot;&amp;gt; USER CAN ADD ANY CONTENT HERE &amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&amp;lt;div id=&quot;pane2box&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt; USER CAN ADD ANY CONTENT HERE &lt;/span&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;/span&gt;&lt;br /&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;CSS codes for panel boxes&lt;br /&gt;&lt;span class=&quot;Apple-style-span&quot;&gt;#loginbox&lt;/span&gt;&lt;br /&gt;{&lt;br /&gt;min-height:200px;&lt;br /&gt;padding:10px;&lt;br /&gt;}&lt;br /&gt;&lt;span class=&quot;Apple-style-span&quot;&gt;#signupbox&lt;/span&gt;&lt;br /&gt;{&lt;br /&gt;min-height:200px;&lt;br /&gt;padding:10px;&lt;br /&gt;display&lt;span style=&quot;color: #38761d;&quot;&gt;:none;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&lt;/span&gt;&lt;br /&gt;}&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;b&gt;STEP-5&lt;/b&gt; &lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;Now everything designing and css work has been done now its turn for jquery to show its magin to handling the DOM objects.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;what we need to do is -&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt; &lt;w:WordDocument&gt;  &lt;w:View&gt;Normal&lt;/w:View&gt;  &lt;w:Zoom&gt;0&lt;/w:Zoom&gt;  &lt;w:TrackMoves/&gt;  &lt;w:TrackFormatting/&gt;  &lt;w:PunctuationKerning/&gt;  &lt;w:ValidateAgainstSchemas/&gt;  &lt;w:SaveIfXMLInvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;  &lt;w:IgnoreMixedContent&gt;false&lt;/w:IgnoreMixedContent&gt;  &lt;w:AlwaysShowPlaceholderText&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;  &lt;w:DoNotPromoteQF/&gt;  &lt;w:LidThemeOther&gt;EN-US&lt;/w:LidThemeOther&gt;  &lt;w:LidThemeAsian&gt;X-NONE&lt;/w:LidThemeAsian&gt;  &lt;w:LidThemeComplexScript&gt;X-NONE&lt;/w:LidThemeComplexScript&gt;  &lt;w:Compatibility&gt;   &lt;w:BreakWrappedTables/&gt;   &lt;w:SnapToGridInCell/&gt;   &lt;w:WrapTextWithPunct/&gt;   &lt;w:UseAsianBreakRules/&gt;   &lt;w:DontGrowAutofit/&gt;   &lt;w:SplitPgBreakAndParaMark/&gt;   &lt;w:DontVertAlignCellWithSp/&gt;   &lt;w:DontBreakConstrainedForcedTables/&gt;   &lt;w:DontVertAlignInTxbx/&gt;   &lt;w:Word11KerningPairs/&gt;   &lt;w:CachedColBalance/&gt;  &lt;/w:Compatibility&gt;  &lt;w:BrowserLevel&gt;MicrosoftInternetExplorer4&lt;/w:BrowserLevel&gt;  &lt;m:mathPr&gt;   &lt;m:mathFont m:val=&quot;Cambria Math&quot;/&gt;   &lt;m:brkBin m:val=&quot;before&quot;/&gt;   &lt;m:brkBinSub m:val=&quot;--&quot;/&gt;   &lt;m:smallFrac m:val=&quot;off&quot;/&gt;   &lt;m:dispDef/&gt;   &lt;m:lMargin m:val=&quot;0&quot;/&gt;   &lt;m:rMargin m:val=&quot;0&quot;/&gt;   &lt;m:defJc m:val=&quot;centerGroup&quot;/&gt;   &lt;m:wrapIndent m:val=&quot;1440&quot;/&gt;   &lt;m:intLim m:val=&quot;subSup&quot;/&gt;   &lt;m:naryLim m:val=&quot;undOvr&quot;/&gt;  &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt;&lt;/xml&gt;&lt;![endif]--&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt; &lt;w:LatentStyles DefLockedState=&quot;false&quot; DefUnhideWhenUsed=&quot;true&quot;   DefSemiHidden=&quot;true&quot; DefQFormat=&quot;false&quot; DefPriority=&quot;99&quot;   LatentStyleCount=&quot;267&quot;&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;0&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Normal&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;heading 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 7&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 8&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 9&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 7&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 8&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 9&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;35&quot; QFormat=&quot;true&quot; Name=&quot;caption&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;10&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Title&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;1&quot; Name=&quot;Default Paragraph Font&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;11&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Subtitle&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;22&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Strong&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;20&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Emphasis&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;59&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Table Grid&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; UnhideWhenUsed=&quot;false&quot; Name=&quot;Placeholder Text&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;1&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;No Spacing&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; UnhideWhenUsed=&quot;false&quot; Name=&quot;Revision&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;34&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;List Paragraph&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;29&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Quote&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;30&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Intense Quote&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;19&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Subtle Emphasis&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;21&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Intense Emphasis&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;31&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Subtle Reference&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;32&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Intense Reference&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;33&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Book Title&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;37&quot; Name=&quot;Bibliography&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; QFormat=&quot;true&quot; Name=&quot;TOC Heading&quot;/&gt; &lt;/w:LatentStyles&gt;&lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 10]&gt;&lt;style&gt; /* Style Definitions */  table.MsoNormalTable  {mso-style-name:&quot;Table Normal&quot;;  mso-tstyle-rowband-size:0;  mso-tstyle-colband-size:0;  mso-style-noshow:yes;  mso-style-priority:99;  mso-style-qformat:yes;  mso-style-parent:&quot;&quot;;  mso-padding-alt:0in 5.4pt 0in 5.4pt;  mso-para-margin-top:0in;  mso-para-margin-right:0in;  mso-para-margin-bottom:10.0pt;  mso-para-margin-left:0in;  line-height:115%;  mso-pagination:widow-orphan;  font-size:11.0pt;  font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;  mso-ascii-font-family:Calibri;  mso-ascii-theme-font:minor-latin;  mso-fareast-font-family:&quot;Times New Roman&quot;;  mso-fareast-theme-font:minor-fareast;  mso-hansi-font-family:Calibri;  mso-hansi-theme-font:minor-latin;} &lt;/style&gt;&lt;![endif]--&gt; &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/&lt;b&gt;1.5&lt;/b&gt;/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br style=&quot;mso-special-character: line-break;&quot; /&gt;&lt;br style=&quot;mso-special-character: line-break;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;br /&gt;$(document).ready(&lt;b&gt;function&lt;/b&gt;()&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;$(&quot;.tab&quot;).click(&lt;b&gt;function&lt;/b&gt;()&lt;br /&gt;{&lt;br /&gt;&lt;b&gt;var&lt;/b&gt; X=$(this).attr(&#39;id&#39;);&lt;br /&gt;&lt;br /&gt;if(X==&#39;panel2&#39;)&lt;br /&gt;{&lt;br /&gt;$(&quot;#panel1&quot;).removeClass(&#39;select&#39;);&lt;br /&gt;$(&quot;#panel2&quot;).addClass(&#39;select&#39;);&lt;br /&gt;$(&quot;#panel1box&quot;).slideUp();&lt;br /&gt;$(&quot;#panel2box&quot;).slideDown();&lt;br /&gt;}&lt;br /&gt;else&lt;br /&gt;{&lt;br /&gt;$(&quot;#panel2&quot;).removeClass(&#39;select&#39;);&lt;br /&gt;$(&quot;#panel1&quot;).addClass(&#39;select&#39;);&lt;br /&gt;$(&quot;#panel2box&quot;).slideUp();&lt;br /&gt;$(&quot;#panel1box&quot;).slideDown();&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;});&lt;br /&gt;&lt;br /&gt;});&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;&quot;&gt;If you got any query or problem than comment here ! Thank You ! &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&amp;nbsp;  &lt;span style=&quot;font-size: 12.0pt; line-height: 115%;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://w3clessons.blogspot.com/feeds/4266631434491634116/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://w3clessons.blogspot.com/2015/01/make-tab-style-boxes-using-jquery-css.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/4266631434491634116'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/4266631434491634116'/><link rel='alternate' type='text/html' href='http://w3clessons.blogspot.com/2015/01/make-tab-style-boxes-using-jquery-css.html' title='How to create tab style boxes in html using jquery and css ?'/><author><name>Naveen Sharma</name><uri>https://plus.google.com/113765495155910817807</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5mkvhgBfMEs/AAAAAAAAAAI/AAAAAAAAAQw/DA6d1A8F8jI/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-g-3cY4LSGa8/VKowb2-FJgI/AAAAAAAAAWk/oDqb8Lrz4XM/s72-c/tabs.PNG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-785489703097317288.post-7648697288467560176</id><published>2015-01-04T03:02:00.000-08:00</published><updated>2015-01-05T04:55:32.721-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="defence-news"/><category scheme="http://www.blogger.com/atom/ns#" term="news"/><title type='text'>Top eight special forces in the world !</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Top Ten Special Forces in the world !&lt;/h3&gt;&lt;div style=&quot;text-align: left;&quot;&gt;For Details study &lt;a href=&quot;http://en.wikipedia.org/&quot; target=&quot;_blank&quot;&gt;Wikipedia&lt;/a&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Today we gonna tell you about the world&#39;s best special forces ever. Special Forces are required for the special operations. For example during the mumbai attacks in India 2008. &lt;a href=&quot;http://defencenews.in/&quot; target=&quot;_blank&quot;&gt;Special Forces&lt;/a&gt; of India perform the action and killed the terrorists and caught up the one terrorist alive named Ajmal Kasab.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: black; display: inline !important; float: none; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24.6399993896484px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;Countries throughout the world train special operation forces within their military, so coming up with a list of top special operations forces in the world is difficult at best.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: black; display: inline !important; float: none; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24.6399993896484px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://3.bp.blogspot.com/-w8T5xMSBgrQ/VKkZYhDpZSI/AAAAAAAAAV0/JUkPbPpWCes/s1600/13-300x200.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-w8T5xMSBgrQ/VKkZYhDpZSI/AAAAAAAAAV0/JUkPbPpWCes/s1600/13-300x200.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: black; display: inline !important; float: none; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24.6399993896484px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp;All special ops forces train their military men to be the best of the best, to take the impossible task and make it possible.&amp;nbsp; In that respect, all Special Operations units are top.&amp;nbsp;&lt;span class=&quot;Apple-converted-space&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; color: black; display: inline !important; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;Special forces, or special operations forces are military units extremely trained to perform unconventional, typically insecure missions for a nation’s political, economic or military purposes.&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; color: black; display: inline !important; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; color: black; display: inline !important; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;Here is the list of top 8 Special Forces of the world !&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; color: black; display: inline !important; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; color: black; display: inline !important; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&lt;b&gt;8. MARCOS (INDIA)&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; color: black; display: inline !important; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://3.bp.blogspot.com/-0eoTFfQ-0Dg/VKkaKlS2UAI/AAAAAAAAAV8/_l9SYb47Y8s/s1600/Marcos-On-Hostage-Drill-At-Reliance-Rig.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-0eoTFfQ-0Dg/VKkaKlS2UAI/AAAAAAAAAV8/_l9SYb47Y8s/s1600/Marcos-On-Hostage-Drill-At-Reliance-Rig.jpg&quot; height=&quot;266&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; color: black; display: inline !important; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;The &lt;a href=&quot;http://en.wikipedia.org/wiki/MARCOS&quot; target=&quot;_blank&quot;&gt;MARCOS (Marine Commando Force)&lt;/a&gt; is an elite special operations unit of the Indian Navy. It was created for conducting special operations such as Amphibious warfare, Counter-terrorism, Direct action, Special reconnaissance, Unconventional warfare, hostage rescue, Personnel recovery, Asymmetric warfare, Counterproliferation. The MARCOS is specially organised, trained and equipped for the conduct of special operations in a maritime environment. It is recently active in Indian Ocean to protect their homeland.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; color: black; display: inline !important; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; color: black; display: inline !important; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;b&gt;7. NSG (PAKISTAN)&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; color: black; display: inline !important; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-lCMRE5V5v_0/VKkamjUWBFI/AAAAAAAAAWE/aYjx5pJ-l4g/s1600/SSG-Pakistan.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-lCMRE5V5v_0/VKkamjUWBFI/AAAAAAAAAWE/aYjx5pJ-l4g/s1600/SSG-Pakistan.jpg&quot; height=&quot;266&quot; width=&quot;400&quot; /&gt;&lt;/a&gt; &lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; color: black; display: inline !important; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;The &lt;a href=&quot;http://en.wikipedia.org/SSG&quot; target=&quot;_blank&quot;&gt;SSG (Special Services Group)&lt;/a&gt; is a special operations force of the Pakistan Army. It is quite similar to the U.S. Army’s Special Forces and the British Army’s SAS. The unit was created in 1956, it also known as “Black Storks” a name derived from their unique headgear the “Maroon Beret”. The SSG considered one of the world’s best special forces because of their courage and bravery. As a Russian president once said that if he had Pakistan’s army and Russian weapons he could conquer all the world because they are very brave.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;b&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; color: black; display: inline !important; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;b&gt;6. NSG (INDIA)&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; color: black; display: inline !important; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://3.bp.blogspot.com/-qjYhWDLHu-4/VKkbt8Yp9UI/AAAAAAAAAWQ/SvqzlAo9nFc/s1600/nsg__2__by_parijatgaur-d4njhhb.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-qjYhWDLHu-4/VKkbt8Yp9UI/AAAAAAAAAWQ/SvqzlAo9nFc/s1600/nsg__2__by_parijatgaur-d4njhhb.jpg&quot; height=&quot;400&quot; width=&quot;281&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp; &amp;nbsp; &lt;br /&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;The&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;b style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;National Security Guard&lt;/b&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;(&lt;/span&gt;&lt;b style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;NSG&lt;/b&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;) &lt;/span&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span lang=&quot;hi&quot; style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;is one of the eight&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Central_Armed_Police_Forces&quot; style=&quot;-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255); color: #0b0080; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot; title=&quot;Central Armed Police Forces&quot;&gt;Central Armed Police Forces&lt;/a&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;of India raised &quot;for combating terrorist activities with a view to protect States against internal disturbances&quot;.&lt;/span&gt;&lt;sup class=&quot;reference&quot; id=&quot;cite_ref-NSG_ACT_1-0&quot; style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; unicode-bidi: -webkit-isolate; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/National_Security_Guard#cite_note-NSG_ACT-1&quot; style=&quot;background: none; color: #0b0080; text-decoration: none; white-space: nowrap;&quot;&gt;[1]&lt;/a&gt;&lt;/sup&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;It is one of the eight&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Central_Armed_Police_Forces&quot; style=&quot;-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255); color: #0b0080; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot; title=&quot;Central Armed Police Forces&quot;&gt;Central Armed Police Forces&lt;/a&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;under the Government of India, Ministry of Home Affairs. The NSG has two components, the Special Action Group (SAG), which consists entirely of army personnel; and the Special Ranger Groups (SRG), which comprises personnel drawn from the other Central Armed Police Forces and State Police Force. The head of the force, designated as a Director General, who wears the same badges of ranks as an army Lieutenant General, is an officer from the Indian Police Service&lt;sup&gt;.&lt;/sup&gt;&lt;/span&gt;&lt;br /&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; color: black; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; margin: 0px 0px 1.2em; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;b style=&quot;margin: 0px; padding: 0px;&quot;&gt;5.&amp;nbsp;JW GROM, Poland&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; color: black; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; margin: 0px 0px 1.2em; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;img alt=&quot;JW GROM&quot; class=&quot;alignnone wp-image-7081 size-full&quot; src=&quot;http://i0.wp.com/www.wonderslist.com/wp-content/uploads/2013/12/GROM-scuba-divers.jpg?resize=500%2C333&quot; height=&quot;266&quot; style=&quot;border: 0px none; box-sizing: border-box; height: auto; margin: 0px 0px 15px; max-width: 100%; padding: 0px;&quot; width=&quot;400&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; color: black; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; margin: 0px 0px 1.2em; orphans: auto; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;The JW GROM (Jednostka Wojskowa GROM) is Poland’s elite counter-terrorism unit. The unit was officially activated on July 13, 1990 in response to terrorist threats. GROM, which stands for “thunder” is one of the five special operation forces units of the Polish Armed Forces. They are trained to respond to a variety of threats and unconventional warfare roles, including anti-terrorist actions and projection of power behind enemy lines.&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; color: black; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; margin: 0px 0px 1.2em; orphans: auto; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;b style=&quot;margin: 0px; padding: 0px;&quot;&gt;4. GSG 9, Germany&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; color: black; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; margin: 0px 0px 1.2em; orphans: auto; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;img alt=&quot;GSG 9, Germany&quot; class=&quot;alignnone size-full wp-image-7086&quot; src=&quot;http://i2.wp.com/www.wonderslist.com/wp-content/uploads/2013/12/GSG-9-Germany.jpg?resize=500%2C333&quot; height=&quot;266&quot; style=&quot;border: 0px none; box-sizing: border-box; height: auto; margin: 0px 0px 15px; max-width: 100%; padding: 0px;&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;GSG 9 is a German counter-terrorism and special operations unit of the German Federal Police. It was officially established in 1973 after the mismanagement of the German Police to successfully free 11 Israeli athletes who were kidnapped in Munich during the Summer Olympic Games. GSG 9 is deployed in cases of hostage taking, kidnapping, terrorism and extortion. It also be used to secure locations, neutralize targets, track down fugitives and sometimes conduct sniper operations. The unit is very active in developing and testing methods and tactics for these missions. From 1972 to 2003 they reportedly completed over 1,500 missions,[1] discharging their weapons on only five occasions.&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; color: black; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; margin: 0px 0px 1.2em; orphans: auto; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;b style=&quot;margin: 0px; padding: 0px;&quot;&gt;3. Delta Force, United States&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; color: black; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; margin: 0px 0px 1.2em; orphans: auto; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;img alt=&quot;Delta Force&quot; class=&quot;alignnone size-full wp-image-7087&quot; src=&quot;http://i2.wp.com/www.wonderslist.com/wp-content/uploads/2013/12/Delta-Force-United-States.jpg?resize=500%2C333&quot; height=&quot;266&quot; style=&quot;border: 0px none; box-sizing: border-box; height: auto; margin: 0px 0px 15px; max-width: 100%; padding: 0px;&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;1st Special Forces Operational Detachment-Delta (1st SFOD-D), popularly known as Delta Force, was officially approved in 1997 after numerous, well-publicized terrorist incidents in USA. It’s the best and one of the most secretive forces in the US. Modeled after the British 22 Special Air Service Regiment, or SAS. The founder/co-founder of SFOD-D was a former SAS operative who thought the US needed an elite force like the SAS. Delta Force’s primary tasks are counter-terrorism, direct action, and national intervention operations, although it is an extremely versatile group capable of conducting many types of clandestine missions, including, but not limited to, hostage rescues and raids.&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; color: black; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; margin: 0px 0px 1.2em; orphans: auto; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;b style=&quot;margin: 0px; padding: 0px;&quot;&gt;2. Navy SEALs, United States&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; color: black; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; margin: 0px 0px 1.2em; orphans: auto; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;img alt=&quot;Navy SEALs usa&quot; class=&quot;alignnone size-full wp-image-7088&quot; src=&quot;http://i0.wp.com/www.wonderslist.com/wp-content/uploads/2013/12/Navy-SEALs.jpg?resize=500%2C333&quot; data-recalc-dims=&quot;1&quot; height=&quot;266&quot; style=&quot;border: 0px none; box-sizing: border-box; height: auto; margin: 0px 0px 15px; max-width: 100%; padding: 0px;&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;The Navy SEALs, also known as the United States Navy’s Sea, Air and Land Teams can trace their roots to World War II. SEALs are male members of the United States Navy, and are one of the United State’s most elite special Warfare Combatants. The CIA’s highly secretive Special Activities Division (SAD) and more specifically its elite Special Operations Group (SOG) recruits operators from the SEAL Teams. Joint Navy SEALs and CIA operations go back to the famed MACV-SOG during the Vietnam War. This cooperation still exists today and is seen in the wars in Iraq and Afghanistan. Most recent joint Navy SEALs and CIA operation in the finding and killing of Osama bin Laden in Pakistan.&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; color: black; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; margin: 0px 0px 1.2em; orphans: auto; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;b style=&quot;margin: 0px; padding: 0px;&quot;&gt;1. SAS, United Kingdom&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; color: black; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; margin: 0px 0px 1.2em; orphans: auto; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;img alt=&quot;Special Air Service&quot; class=&quot;alignnone size-full wp-image-7089&quot; src=&quot;http://i0.wp.com/www.wonderslist.com/wp-content/uploads/2013/12/SAS.jpg?resize=500%2C303&quot; data-recalc-dims=&quot;1&quot; height=&quot;242&quot; style=&quot;border: 0px none; box-sizing: border-box; height: auto; margin: 0px 0px 15px; max-width: 100%; padding: 0px;&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;Special Air Service is one of the best Special Forces in UK. SAS was set up in 1941 during the Second World War and has served as a model for Special Forces around the world. It was reformed as part of the Territorial Army in 1947, and named the 21st Battalion, SAS Regiment. The Regular Army 22 SAS gained worldwide fame and recognition after successfully attacking the Iranian Embassy in London and rescuing hostages during the 1980 Iranian Embassy siege. It currently comprises one regular regiment and two territorial regiments. It,s primary tasks are counter-terrorism in peacetime and special operations in wartime.&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; color: black; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26.6000003814697px; margin: 0px 0px 1.2em; orphans: auto; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;b&gt;Comment Below for discussion&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: black; display: inline !important; float: none; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24.6399993896484px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://w3clessons.blogspot.com/feeds/7648697288467560176/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://w3clessons.blogspot.com/2015/01/top-ten-special-forces-in-world.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/7648697288467560176'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/7648697288467560176'/><link rel='alternate' type='text/html' href='http://w3clessons.blogspot.com/2015/01/top-ten-special-forces-in-world.html' title='Top eight special forces in the world !'/><author><name>Naveen Sharma</name><uri>https://plus.google.com/113765495155910817807</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5mkvhgBfMEs/AAAAAAAAAAI/AAAAAAAAAQw/DA6d1A8F8jI/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-w8T5xMSBgrQ/VKkZYhDpZSI/AAAAAAAAAV0/JUkPbPpWCes/s72-c/13-300x200.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-785489703097317288.post-6660910483112306591</id><published>2015-01-04T00:36:00.001-08:00</published><updated>2015-01-05T04:57:46.658-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="defence-news"/><category scheme="http://www.blogger.com/atom/ns#" term="news"/><title type='text'>Comparison of India and pakistan on the basis of weapons ?</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Comparison of India and Pakistan on the basis of weapons !&lt;/h3&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt; &lt;w:WordDocument&gt;  &lt;w:View&gt;Normal&lt;/w:View&gt;  &lt;w:Zoom&gt;0&lt;/w:Zoom&gt;  &lt;w:TrackMoves/&gt;  &lt;w:TrackFormatting/&gt;  &lt;w:PunctuationKerning/&gt;  &lt;w:ValidateAgainstSchemas/&gt;  &lt;w:SaveIfXMLInvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;  &lt;w:IgnoreMixedContent&gt;false&lt;/w:IgnoreMixedContent&gt;  &lt;w:AlwaysShowPlaceholderText&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;  &lt;w:DoNotPromoteQF/&gt;  &lt;w:LidThemeOther&gt;EN-US&lt;/w:LidThemeOther&gt;  &lt;w:LidThemeAsian&gt;X-NONE&lt;/w:LidThemeAsian&gt;  &lt;w:LidThemeComplexScript&gt;X-NONE&lt;/w:LidThemeComplexScript&gt;  &lt;w:Compatibility&gt;   &lt;w:BreakWrappedTables/&gt;   &lt;w:SnapToGridInCell/&gt;   &lt;w:WrapTextWithPunct/&gt;   &lt;w:UseAsianBreakRules/&gt;   &lt;w:DontGrowAutofit/&gt;   &lt;w:SplitPgBreakAndParaMark/&gt;   &lt;w:DontVertAlignCellWithSp/&gt;   &lt;w:DontBreakConstrainedForcedTables/&gt;   &lt;w:DontVertAlignInTxbx/&gt;   &lt;w:Word11KerningPairs/&gt;   &lt;w:CachedColBalance/&gt;  &lt;/w:Compatibility&gt;  &lt;w:BrowserLevel&gt;MicrosoftInternetExplorer4&lt;/w:BrowserLevel&gt;  &lt;m:mathPr&gt;   &lt;m:mathFont m:val=&quot;Cambria Math&quot;/&gt;   &lt;m:brkBin m:val=&quot;before&quot;/&gt;   &lt;m:brkBinSub m:val=&quot;--&quot;/&gt;   &lt;m:smallFrac m:val=&quot;off&quot;/&gt;   &lt;m:dispDef/&gt;   &lt;m:lMargin m:val=&quot;0&quot;/&gt;   &lt;m:rMargin m:val=&quot;0&quot;/&gt;   &lt;m:defJc m:val=&quot;centerGroup&quot;/&gt;   &lt;m:wrapIndent m:val=&quot;1440&quot;/&gt;   &lt;m:intLim m:val=&quot;subSup&quot;/&gt;   &lt;m:naryLim m:val=&quot;undOvr&quot;/&gt;  &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt;&lt;/xml&gt;&lt;![endif]--&gt;&lt;/h3&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt; &lt;w:LatentStyles DefLockedState=&quot;false&quot; DefUnhideWhenUsed=&quot;true&quot;   DefSemiHidden=&quot;true&quot; DefQFormat=&quot;false&quot; DefPriority=&quot;99&quot;   LatentStyleCount=&quot;267&quot;&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;0&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Normal&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;heading 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 7&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 8&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 9&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 7&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 8&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 9&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;35&quot; QFormat=&quot;true&quot; Name=&quot;caption&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;10&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Title&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;1&quot; Name=&quot;Default Paragraph Font&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;11&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Subtitle&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;22&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Strong&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;20&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Emphasis&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;59&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Table Grid&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; UnhideWhenUsed=&quot;false&quot; Name=&quot;Placeholder Text&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;1&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;No Spacing&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; UnhideWhenUsed=&quot;false&quot; Name=&quot;Revision&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;34&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;List Paragraph&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;29&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Quote&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;30&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Intense Quote&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 1&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 2&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 3&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 4&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 5&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 6&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;19&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Subtle Emphasis&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;21&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Intense Emphasis&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;31&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Subtle Reference&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;32&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Intense Reference&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;33&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Book Title&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;37&quot; Name=&quot;Bibliography&quot;/&gt;  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; QFormat=&quot;true&quot; Name=&quot;TOC Heading&quot;/&gt; &lt;/w:LatentStyles&gt;&lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 10]&gt;&lt;style&gt; /* Style Definitions */  table.MsoNormalTable  {mso-style-name:&quot;Table Normal&quot;;  mso-tstyle-rowband-size:0;  mso-tstyle-colband-size:0;  mso-style-noshow:yes;  mso-style-priority:99;  mso-style-qformat:yes;  mso-style-parent:&quot;&quot;;  mso-padding-alt:0in 5.4pt 0in 5.4pt;  mso-para-margin-top:0in;  mso-para-margin-right:0in;  mso-para-margin-bottom:10.0pt;  mso-para-margin-left:0in;  line-height:115%;  mso-pagination:widow-orphan;  font-size:11.0pt;  font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;  mso-ascii-font-family:Calibri;  mso-ascii-theme-font:minor-latin;  mso-fareast-font-family:&quot;Times New Roman&quot;;  mso-fareast-theme-font:minor-fareast;  mso-hansi-font-family:Calibri;  mso-hansi-theme-font:minor-latin;} &lt;/style&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt; &lt;o:shapedefaults v:ext=&quot;edit&quot; spidmax=&quot;1026&quot;/&gt;&lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt; &lt;o:shapelayout v:ext=&quot;edit&quot;&gt;  &lt;o:idmap v:ext=&quot;edit&quot; data=&quot;1&quot;/&gt; &lt;/o:shapelayout&gt;&lt;/xml&gt;&lt;![endif]--&gt; &lt;div style=&quot;background: none repeat scroll 0% 0% white; line-height: 16.2pt; margin: 0in 0in 7.5pt;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;India and Pakistan have long engaged in wars, largely due to a territorial dispute in the Kashmir region. Originally, the conflict began when the subcontinent was divided after World War II for the sole purpose of separating Muslims from the Hindus. However, this division was not as effective as it was foreseen, and the long and bloody series of the Indo-Pakistani conflicts began.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/h3&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;In almost all aspects, India holds the upper hand; numerically, technologically, and economically, India is significantly superior to Pakistan. India is the world’s number one buyer of arms and weapons from a variety of contractors and manufacturers from the US, UK, China, Russia, and several others.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://3.bp.blogspot.com/-iZ8jefE4uRY/VKj7DKhuh-I/AAAAAAAAAVc/iLChG4Pby0Q/s1600/cjbkjb.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-iZ8jefE4uRY/VKj7DKhuh-I/AAAAAAAAAVc/iLChG4Pby0Q/s1600/cjbkjb.png&quot; height=&quot;544&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;READ MORE ARTICLES RELATED TO &lt;a href=&quot;http://defencenews.in/&quot; target=&quot;_blank&quot;&gt;INDIAN DEFENCE&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;b&gt;Sr.No &amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Stat &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; India &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Pakistan&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 1. &lt;b&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/b&gt;Combat&lt;b&gt; &lt;/b&gt;Jets &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 1080&lt;b&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/b&gt;&amp;nbsp; 502&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 2. &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; Attack Choppers &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 140 &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; 105&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 3. &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; Main Battle Tanks &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 5978 &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 4000&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 4. &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Budget &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 42.84 US$BN &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 7.8 US$BN&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 5. &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; GP Index &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 2.57 &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 3.11&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 6. &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Aircraft Carrier &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 3 &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 0&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 7. &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; Submarines &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 18 &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 8&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 8. &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; Nukes &amp;nbsp; &lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: #f5f5f3; color: #333333; display: inline !important; float: none; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 100-110 &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 110-120&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; 9. &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Fighter Jets &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 901 &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 234&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; 10. &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; Patrol Boats &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 54 &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 28&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; 11. &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Man Power&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 1.3 billion&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 612000&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% white; box-sizing: border-box; line-height: 16.2pt; margin: 0in 0in 7.5pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.5pt;&quot;&gt;see &lt;a href=&quot;http://en.wikipedia.org/&quot; target=&quot;_blank&quot;&gt;wikipedia&lt;/a&gt; for details.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/h3&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://w3clessons.blogspot.com/feeds/6660910483112306591/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://w3clessons.blogspot.com/2015/01/comparison-of-india-and-pakistan-on.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/6660910483112306591'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/6660910483112306591'/><link rel='alternate' type='text/html' href='http://w3clessons.blogspot.com/2015/01/comparison-of-india-and-pakistan-on.html' title='Comparison of India and pakistan on the basis of weapons ?'/><author><name>Naveen Sharma</name><uri>https://plus.google.com/113765495155910817807</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5mkvhgBfMEs/AAAAAAAAAAI/AAAAAAAAAQw/DA6d1A8F8jI/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-iZ8jefE4uRY/VKj7DKhuh-I/AAAAAAAAAVc/iLChG4Pby0Q/s72-c/cjbkjb.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-785489703097317288.post-5324523737232168836</id><published>2015-01-03T20:30:00.000-08:00</published><updated>2015-01-05T05:04:45.204-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><title type='text'>How to fix div element after some scrolls ?</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Fix div element after some scrolling&lt;/h2&gt;&lt;div style=&quot;text-align: left;&quot;&gt;As we see on maximum websites, after some scrolling any specific div element get fixed may be situated in sidebar left or right. This is due to a simple jquery trick. It uses css elements to detect the&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;scroll position.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://www.9lessons.info/&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-lHGVQXNpczM/VKi-eZjla1I/AAAAAAAAAVM/y9YWC_d1_Y4/s1600/fk%3Bevn%3Bkefv%3B.PNG&quot; height=&quot;464&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;So Do that what we have to do :-&lt;br /&gt;&lt;br /&gt;You need a div element which you want to fix.For example -&lt;br /&gt;&lt;br /&gt;#sidebar_lower&lt;br /&gt;{&lt;br /&gt;width:300px;&lt;br /&gt;height:600px;&lt;br /&gt;background-color:white;&lt;br /&gt;box-shadow:0 0 3px silver;&lt;br /&gt;border:1px solid silver;&lt;br /&gt;margin:2px;&lt;br /&gt;padding:7px;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;And also need a div class to use during that operation :-&lt;br /&gt;&lt;br /&gt;.sticky {&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; position: fixed !important;&lt;br /&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; z-index: 1000;&amp;nbsp; &lt;br /&gt;&amp;nbsp;}&lt;br /&gt;&lt;br /&gt;And all you have done about css.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Now its Jquery work&lt;/h3&gt;&lt;div style=&quot;text-align: left;&quot;&gt;In jquery you need to add following codes :-&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&amp;lt;script&amp;gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;$(document).ready(function() {&amp;nbsp; &lt;br /&gt;var stickyNavTop = $(&#39;#sidebar_lower&#39;).offset().top;&amp;nbsp; &lt;br /&gt;&amp;nbsp; &lt;br /&gt;var stickyNav = function(){&amp;nbsp; &lt;br /&gt;var scrollTop = $(window).scrollTop();&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;if (scrollTop &amp;gt; stickyNavTop) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&#39;#sidebar_lower&#39;).delay(20000).addClass(&#39;sticky&#39;);&amp;nbsp; &lt;br /&gt;} else {&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&#39;#sidebar_lower&#39;).removeClass(&#39;sticky&#39;);&lt;br /&gt;}&amp;nbsp; &lt;br /&gt;};&amp;nbsp; &lt;br /&gt;&amp;nbsp; &lt;br /&gt;stickyNav();&amp;nbsp; &lt;br /&gt;&amp;nbsp; &lt;br /&gt;$(window).scroll(function() {&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; stickyNav();&amp;nbsp; &lt;br /&gt;});&amp;nbsp; &lt;br /&gt;});&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&amp;lt;/script&amp;gt; &lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;here sticky class is used to fix the position of div element.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;If you have any problem or query related to it than comment below.&lt;/h3&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://w3clessons.blogspot.com/feeds/5324523737232168836/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://w3clessons.blogspot.com/2015/01/how-to-fix-div-element-after-some.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/5324523737232168836'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/5324523737232168836'/><link rel='alternate' type='text/html' href='http://w3clessons.blogspot.com/2015/01/how-to-fix-div-element-after-some.html' title='How to fix div element after some scrolls ?'/><author><name>Naveen Sharma</name><uri>https://plus.google.com/113765495155910817807</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5mkvhgBfMEs/AAAAAAAAAAI/AAAAAAAAAQw/DA6d1A8F8jI/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-lHGVQXNpczM/VKi-eZjla1I/AAAAAAAAAVM/y9YWC_d1_Y4/s72-c/fk%3Bevn%3Bkefv%3B.PNG" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-785489703097317288.post-2434552531681170339</id><published>2015-01-03T19:28:00.001-08:00</published><updated>2015-01-05T05:06:54.957-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="defence-news"/><category scheme="http://www.blogger.com/atom/ns#" term="news"/><category scheme="http://www.blogger.com/atom/ns#" term="tech-news"/><title type='text'>Technology Behind the Guided Missiles ! </title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Technology Behind the Guided Missile System !&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;float: left; margin-right: 1em; text-align: left;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://2.bp.blogspot.com/-rteH6gxAVwo/VKisKfPTmII/AAAAAAAAAUc/kFqEt3YzQx0/s1600/Dnepr_rocket_lift-off_1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; src=&quot;http://2.bp.blogspot.com/-rteH6gxAVwo/VKisKfPTmII/AAAAAAAAAUc/kFqEt3YzQx0/s1600/Dnepr_rocket_lift-off_1.jpg&quot; height=&quot;400&quot; width=&quot;300&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Liftoff of Missile.&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;Missiles are generally categorized by their launch platform and intended target. In broadest terms, these will either be surface (ground or water) or air, and then sub-categorized by range and the exact target type (such as anti-tank or anti-ship). Many weapons are designed to be launched from both surface or the air, and a few are designed to attack either surface or air targets (such as the adats&lt;/span&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt; &lt;/span&gt;missile). Most weapons require some modification in order to be launched from the air or surface, such as addin&lt;/span&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;g boosters &lt;/span&gt;to the surface-launched version.&lt;/span&gt;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Various Components of a missile :-&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;There are different components which are used by a missile to reach its target are given below:-&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;ul style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; list-style-image: url(data:image/png; list-style-type: disc; margin: 0.3em 0px 0px 1.6em; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;li style=&quot;margin-bottom: 0.1em;&quot;&gt;Targeting and/or guidance system&lt;/li&gt;&lt;li style=&quot;margin-bottom: 0.1em;&quot;&gt;Flight system&lt;/li&gt;&lt;li style=&quot;margin-bottom: 0.1em;&quot;&gt;Engine&lt;/li&gt;&lt;li style=&quot;margin-bottom: 0.1em;&quot;&gt;Warhead &amp;nbsp;&amp;nbsp; &lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://1.bp.blogspot.com/-5d_Hb7Be_Do/VKitdBg71cI/AAAAAAAAAUo/gReFd9Y-enw/s1600/504px-SolidRocketMotor.svg.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-5d_Hb7Be_Do/VKitdBg71cI/AAAAAAAAAUo/gReFd9Y-enw/s1600/504px-SolidRocketMotor.svg.png&quot; /&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255); border-bottom-style: none; color: black; font-family: sans-serif; font-size: 1.17em; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 1.6; margin: 0.3em 0px 0px; orphans: auto; overflow: hidden; padding-bottom: 0px; padding-top: 0.5em; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;mw-headline&quot; id=&quot;Guidance_systems&quot;&gt;Guidance system&lt;/span&gt;&lt;/h3&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; margin: 0.5em 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;Missiles may be targeted in a number of ways. The most common method is to use some form of&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;radiation, such as&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Infrared&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Infrared&quot;&gt;infrared&lt;/a&gt;,&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Laser&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Laser&quot;&gt;lasers&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;or&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Radio_wave&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Radio wave&quot;&gt;radio waves&lt;/a&gt;, to guide the missile onto its target. This radiation may emanate from the target (such as the heat of an engine or the radio waves from an enemy radar), it may be provided by the missile itself (such as a radar) or it may be provided by a friendly third party (such as the radar of the launch vehicle/platform, or a laser designator operated by friendly&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Infantry&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Infantry&quot;&gt;infantry&lt;/a&gt;). The first two are often known as&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;i&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Fire-and-forget&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Fire-and-forget&quot;&gt;fire-and-forget&lt;/a&gt;&lt;/i&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;as they need no further support or control from the launch vehicle/platform in order to function. Another method is to use a&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://en.wikipedia.org/wiki/TV_camera&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;TV camera&quot;&gt;TV camera&lt;/a&gt;—using either&lt;a class=&quot;mw-redirect&quot; href=&quot;http://en.wikipedia.org/wiki/Visible_light&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Visible light&quot;&gt;visible light&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;or infra-red—in order to see the target. The picture may be used either by a human operator who steers the missile onto its target, or by a computer doing much the same job. One of the more bizarre guidance methods instead used a&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Project_Pigeon&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Project Pigeon&quot;&gt;pigeon to steer the missile&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;to its target.&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; margin: 0.5em 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;Many missiles use a combination of two or more of the above methods, to improve accuracy and the chances of a successful engagement.&lt;/div&gt;&lt;h3 style=&quot;-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255); border-bottom-style: none; color: black; font-family: sans-serif; font-size: 1.17em; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 1.6; margin: 0.3em 0px 0px; orphans: auto; overflow: hidden; padding-bottom: 0px; padding-top: 0.5em; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;mw-headline&quot; id=&quot;Targeting_systems&quot;&gt;Targeting system&lt;/span&gt;&lt;span class=&quot;mw-editsection&quot; style=&quot;-webkit-user-select: none; display: inline-block; font-family: sans-serif; font-size: xx-small; font-weight: normal; line-height: 1em; margin-left: 1em; unicode-bidi: -webkit-isolate; vertical-align: baseline; white-space: nowrap;&quot;&gt;&lt;span class=&quot;mw-editsection-bracket&quot; style=&quot;color: #555555; margin-left: 0px; margin-right: 0px;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mw-editsection-bracket&quot; style=&quot;color: #555555; margin-left: 0px; margin-right: 0px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; margin: 0.5em 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;Another method is to target the missile by knowing the location of the target, and using a guidance system such as&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://en.wikipedia.org/wiki/Inertial_Navigation_System&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Inertial Navigation System&quot;&gt;INS&lt;/a&gt;,&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/TERCOM&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;TERCOM&quot;&gt;TERCOM&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;or&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://en.wikipedia.org/wiki/GPS&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;GPS&quot;&gt;GPS&lt;/a&gt;. This guidance system guides the missile by knowing the missile&#39;s current position and the position of the target, and then calculating a course between them. This job can also be performed somewhat crudely by a human operator who can see the target and the missile, and guides it using either cable or&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://en.wikipedia.org/wiki/Radio-control&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Radio-control&quot;&gt;radio&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;based remote-control, or by an&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://en.wikipedia.org/wiki/ACLOS&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;ACLOS&quot;&gt;automatic system&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;that can simultaneously track the target and the missile. Furthermore, some missiles use initial targeting, sending them to a target area, where they will switch to primary targeting, using either radar or IR targeting to acquire the target.&lt;/div&gt;&lt;h3 style=&quot;-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255); border-bottom-style: none; color: black; font-family: sans-serif; font-size: 1.17em; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 1.6; margin: 0.3em 0px 0px; orphans: auto; overflow: hidden; padding-bottom: 0px; padding-top: 0.5em; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;mw-headline&quot; id=&quot;Flight_system&quot;&gt;Flight system&lt;/span&gt;&lt;span class=&quot;mw-editsection&quot; style=&quot;-webkit-user-select: none; display: inline-block; font-family: sans-serif; font-size: xx-small; font-weight: normal; line-height: 1em; margin-left: 1em; unicode-bidi: -webkit-isolate; vertical-align: baseline; white-space: nowrap;&quot;&gt;&lt;span class=&quot;mw-editsection-bracket&quot; style=&quot;color: #555555; margin-left: 0px; margin-right: 0px;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mw-editsection-bracket&quot; style=&quot;color: #555555; margin-left: 0px; margin-right: 0px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; margin: 0.5em 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;Whether a guided missile uses a targeting system, a guidance system or both, it needs a flight system. The flight system uses the data from the targeting or guidance system to maneuver the missile in flight, allowing it to counter inaccuracies in the missile or to follow a moving target. There are two main systems: vectored thrust (for missiles that are powered throughout the guidance phase of their flight) and aerodynamic maneuvering (wings, fins, canards, etc.).&lt;/div&gt;&lt;h3 style=&quot;-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255); border-bottom-style: none; color: black; font-family: sans-serif; font-size: 1.17em; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 1.6; margin: 0.3em 0px 0px; orphans: auto; overflow: hidden; padding-bottom: 0px; padding-top: 0.5em; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;mw-headline&quot; id=&quot;Engine&quot;&gt;Engine&lt;/span&gt;&lt;span class=&quot;mw-editsection&quot; style=&quot;-webkit-user-select: none; display: inline-block; font-family: sans-serif; font-size: xx-small; font-weight: normal; line-height: 1em; margin-left: 1em; unicode-bidi: -webkit-isolate; vertical-align: baseline; white-space: nowrap;&quot;&gt;&lt;span class=&quot;mw-editsection-bracket&quot; style=&quot;color: #555555; margin-left: 0px; margin-right: 0px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; margin: 0.5em 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;Missiles are powered by an engine, generally either a type of rocket or jet engine. Rockets are generally of the&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://en.wikipedia.org/wiki/Solid_fuel_rocket&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Solid fuel rocket&quot;&gt;solid fuel&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;type for ease of maintenance and fast deployment, although some larger ballistic missiles use&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://en.wikipedia.org/wiki/Liquid_fuel_rocket&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Liquid fuel rocket&quot;&gt;liquid fuel rockets&lt;/a&gt;. Jet engines are generally used in&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Cruise_missile&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Cruise missile&quot;&gt;cruise missiles&lt;/a&gt;, most commonly of the&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Turbojet&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Turbojet&quot;&gt;turbojet&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;type, due to its relative simplicity and low frontal area.&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; margin: 0.5em 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-W0k1VYvFgTY/VKiv-jo-_kI/AAAAAAAAAU0/KyXeoCQNCMk/s1600/ramjet1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-W0k1VYvFgTY/VKiv-jo-_kI/AAAAAAAAAU0/KyXeoCQNCMk/s1600/ramjet1.png&quot; height=&quot;444&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; margin: 0.5em 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Turbofan&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Turbofan&quot;&gt;Turbofans&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;and&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Ramjet&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Ramjet&quot;&gt;ramjets&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;are the only other common forms of jet engine propulsion, although any type of engine could theoretically be used. Missiles often have multiple engine stages, particularly in those launched from the surface. These stages may all be of similar types or may include a mix of engine types - for example, surface-launched cruise missiles often have a rocket booster for launching and a jet engine for sustained flight.&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; margin: 0.5em 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; margin: 0.5em 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; margin: 0.5em 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-IiBoKJcAZlM/VKiwaCCqTLI/AAAAAAAAAU8/-5JizkfArn4/s1600/ramjet2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-IiBoKJcAZlM/VKiwaCCqTLI/AAAAAAAAAU8/-5JizkfArn4/s1600/ramjet2.png&quot; height=&quot;304&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; margin: 0.5em 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255); border-bottom-style: none; color: black; font-family: sans-serif; font-size: 1.17em; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 1.6; margin: 0.3em 0px 0px; orphans: auto; overflow: hidden; padding-bottom: 0px; padding-top: 0.5em; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span class=&quot;mw-headline&quot; id=&quot;Warhead&quot;&gt;Warhead&lt;/span&gt;&lt;span class=&quot;mw-editsection&quot; style=&quot;-webkit-user-select: none; display: inline-block; font-family: sans-serif; font-size: xx-small; font-weight: normal; line-height: 1em; margin-left: 1em; unicode-bidi: -webkit-isolate; vertical-align: baseline; white-space: nowrap;&quot;&gt;&lt;span class=&quot;mw-editsection-bracket&quot; style=&quot;color: #555555; margin-left: 0px; margin-right: 0px;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mw-editsection-bracket&quot; style=&quot;color: #555555; margin-left: 0px; margin-right: 0px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; margin: 0.5em 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;Missiles generally have one or more&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://en.wikipedia.org/wiki/Explosive&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Explosive&quot;&gt;explosive&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Warhead&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Warhead&quot;&gt;warheads&lt;/a&gt;, although other weapon types may also be used. The warhead or warheads of a missile provides its primary destructive power (many missiles have extensive secondary destructive power due to the high kinetic energy of the weapon and unburnt fuel that may be on board). Warheads are most commonly of the&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://en.wikipedia.org/wiki/High_explosive&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;High explosive&quot;&gt;high explosive&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;type, often employing&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Shaped_charge&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Shaped charge&quot;&gt;shaped charges&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;to exploit the accuracy of a guided weapon to destroy hardened targets. Other warhead types include&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://en.wikipedia.org/wiki/Submunition&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Submunition&quot;&gt;submunitions&lt;/a&gt;,&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Incendiary_device&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Incendiary device&quot;&gt;incendiaries&lt;/a&gt;,&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://en.wikipedia.org/wiki/Nuclear_weapons&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Nuclear weapons&quot;&gt;nuclear weapons&lt;/a&gt;,&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Chemical_weapon&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Chemical weapon&quot;&gt;chemical&lt;/a&gt;,&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://en.wikipedia.org/wiki/Biological_weapon&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Biological weapon&quot;&gt;biological&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;or&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Radiological_weapon&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Radiological weapon&quot;&gt;radiological weapons&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;or&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Kinetic_energy_penetrator&quot; style=&quot;background: none; color: #0b0080; text-decoration: none;&quot; title=&quot;Kinetic energy penetrator&quot;&gt;kinetic energy penetrators&lt;/a&gt;. Warheadless missiles are often used for testing and training purposes.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #252525; display: inline !important; float: none; font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.3999996185303px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://w3clessons.blogspot.com/feeds/2434552531681170339/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://w3clessons.blogspot.com/2015/01/technology-behind-guided-missiles.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/2434552531681170339'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/2434552531681170339'/><link rel='alternate' type='text/html' href='http://w3clessons.blogspot.com/2015/01/technology-behind-guided-missiles.html' title='Technology Behind the Guided Missiles ! '/><author><name>Naveen Sharma</name><uri>https://plus.google.com/113765495155910817807</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5mkvhgBfMEs/AAAAAAAAAAI/AAAAAAAAAQw/DA6d1A8F8jI/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-rteH6gxAVwo/VKisKfPTmII/AAAAAAAAAUc/kFqEt3YzQx0/s72-c/Dnepr_rocket_lift-off_1.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-785489703097317288.post-8243217110762131020</id><published>2015-01-03T06:12:00.001-08:00</published><updated>2015-01-05T05:11:08.369-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="news"/><title type='text'>How are the Indian Special Forces like NSG, MARCOS, and Garud Commandos are trained ?</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;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;These are the information about the Indian Special Forces Training.&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://1.bp.blogspot.com/-pMrrJJjVgZ8/VKf1-VZKBKI/AAAAAAAAATw/PKjZDOBUrO4/s1600/commandos_large_200812292.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-pMrrJJjVgZ8/VKf1-VZKBKI/AAAAAAAAATw/PKjZDOBUrO4/s1600/commandos_large_200812292.jpg&quot; height=&quot;267&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;br /&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;1)&lt;/span&gt;&lt;span style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;u&gt;NSG&lt;/u&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;b&gt; (National Security Guards) :-&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;h3&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Selection is demanding and has a drop out rate of about 50– 70%.Three of their 14 months of training in Manesar, Haryana, are devoted to the basics.The basic training period lasts 90 days. Physical fitness training has 26 elements, ranging from an cross-country obstacle course to jumping from heights and across divides and scaling different kinds of terrain. One endurance test involves target shooting at the end of an obstacle-ridden cross-country run. This is meant to gauge the candidate’s performance under conditions of stress and exhaustion. Those who successfully complete the tests are sent for nine mo&lt;/span&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;nths of advanced training. The advanced training includes unarmed combat, knife combat, intelligence gathering, surveillance, demolition techniques, specialized insertion techniques, rapid and reflex shooting, mirror shooting etc. Only those who complete the entire course successfully are inducted into the NSG and given further specialised training, thus making them at par with the best forces around.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;At the training, the commandos are trained to handle sophisticated communication equipment, combat gadgets and different kinds of arms/specialised weapons such as AK-47/74s, Browning hi-power 9mm pistol, 9mm Uzi sub-machine gun, 5.56mm M-16 A2, 9mm H&amp;amp;K MP5-A2/A3 and locally manufactured 7.62mm SLR and 5.56mm INSAS rifles. Sniper rifles such as the semi-automatic H&amp;amp;K 7.62mm PSG-1 and MSG-90, the SIG 7.62mm, SSG-2000 and the bolt-action Mauser SP66/86SR are also used to train members of the Special Action Group, which is specifically deployed for anti-terror/anti-hijackin&lt;/span&gt;&lt;/span&gt;&lt;wbr style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;/wbr&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;g operations.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;a href=&quot;http://1.bp.blogspot.com/-YIBLCYOw-pE/VKf2-RxFdgI/AAAAAAAAAT8/WdQxFbYQeiI/s1600/MARCOS.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-YIBLCYOw-pE/VKf2-RxFdgI/AAAAAAAAAT8/WdQxFbYQeiI/s1600/MARCOS.jpg&quot; height=&quot;400&quot; width=&quot;258&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;/span&gt;&lt;br /&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;2)&lt;/span&gt;&lt;b style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;u&gt;MARCOS&lt;/u&gt;&lt;/b&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;-&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;h3&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;All MARCOS personnel are males selected from the Indian Navy. They are selected when they are in their early 20s and have to go through a stringent selection process and training. The selection standards are extremely high. The training is a continuous process. American and British special forces assisted in the initial training, which now consists of a two-year course for new recruits. The training regiment includes: airborne operations, combat diving courses, counter-terrorism, anti-hijacking, anti-piracy operations, direct action, infiltration and exfiltration tactics, special reconnaissance, unconventional warfare training etc. Majority of the training is conducted at INS Abhimanyu which is also the home base of MARCOS.&lt;/span&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;All MARCOS personnel are freefall qualified (HALO/HAHO). A few also qualify to operated the Cosmos CE-2F/X100 two-man subs. MARCOS train along with the Special Forces officers of the Indian Army like the Para Commandos at the Indian special forces training school, Nahan and Army&#39;s other schools for Unconventional warfare These include the Junior Leaders&#39; Commando Training Camp in Belgaum, Karnataka, the Parvat Ghatak School (for high altitude mountain warfare) in Tawang Arunachal Pradesh, Desert warfare school in Rajasthan, the High Altitude Warfare School (HAWS) in Sonamarg, Kashmir and the Counter-insurgency and Jungle Warfare School (CIJWS) in Vairengte, Mizoram. These elite schools routinely host students from other countries. MARCOS are then trained at various training agencies within the navy. They are skilled combat divers and parachutists and most of the training deals with counter-terrorist, anti-hijacking and anti-piracy operations.&lt;/span&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Generally, the pre-training selection process is made of two parts. Any Indian Navy personnel who wants to join this outfit must first undergo a three-day long, physical fitness test and aptitude test. Within this process, 80% of the application are screened out. Further screening process is known as &#39;hell&#39;s week&#39;. This is actually a five-week long process which involves high degree of physical exercises and sleep deprivation. It is only after this process that actual training begins.&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;The total duration of training of MARCOS is between two and half to three years. The basic training lasts six months. The first two months is the weeding out phase. The first phase of which lasts one month, in which they undergo many rigorous physical tests of which only 50% pass. Then for the next nine months, they are taught how to use different types of weapons, conduct special warfare techniques and how to gather intelligence from the enemy. The cadets start with basic diving and commando tactics and skills. Those that go on are trained in every aspect of modern warfare and in every situation. This includes firing while lying down, standing, running full-sprint, even backwards and looking into a mirror – with a reaction time of 0.27 seconds. This is followed by a year of training of specialised skills. They are trained in various types of close combat including Krav Maga. Different forms of warfare training is imparted through field operations in counter-insurgency and anti-terrorist operations within the country and are trained to operate in any kind of environment like beaches, deep sea, on the surface of the ocean, in jungles, ravines and for situations like hostage rescue, urban combat and piracy. A notably rigorous training program is the &quot;death crawl&quot; – an 800-metre struggle through thigh-high mud, loaded with 25 kg of gear and after a 2.5 km obstacle course that most soldiers would fail. After that, when the trainee is exhausted and sleep-deprived, he has to undergo the final test – shooting a target 25 metres away, with a partner standing next to it.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://1.bp.blogspot.com/-Ip7Pl2pOyAc/VKf31e4nZeI/AAAAAAAAAUE/FFyImM1vfLI/s1600/marcos%2B(1).jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-Ip7Pl2pOyAc/VKf31e4nZeI/AAAAAAAAAUE/FFyImM1vfLI/s1600/marcos%2B(1).jpg&quot; height=&quot;348&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;The MARCOS are trained in every kind of weapon and instruments, from knives and crossbows to sniper rifles, handguns, assault rifles, submachine guns and bare hands. Being divers, they can reach hostile shores swimming underwater.&lt;/span&gt;&lt;br /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;The further training includes:&lt;/span&gt;&lt;br /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br /&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Open and closed circuit diving&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Basic commando skills including advanced weapon skills, demolitions, endurance training and martial arts&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Para training&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Intelligence training&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Operation of submersible craft&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Offshore operations&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Anti-terrorism operations&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Operations from submarines&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Skydiving&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Various special skills such as language training, insertion methods, etc.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Explosive ordnance disposal techniques&lt;/span&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;They are also trained to parachute into open water with full combat load. In 2013, the MARCOS have introduced a larger duck-drop system which will be fitted on Ilyushin Il-76 aircraft. Each system (two boats) can accommodate 32 com­m­andos, their weapons and fuel for the boats. Duck-drop system that marcos operate in the past is smaller in size which is fitted on An-32 aircraft. This force-multiplier was developed by the Agra-based Aerial Delivery Research &amp;amp; Development Establishment. Once para-dropped from the aircraft, it allows for the commandos to assemble inflatable motorised boats within ten minutes, and quickly reach ships in distress. On reaching the target, they can dismantle the boats and travel underwater to mount a surprise attack. Such rescue missions can be mounted by the commandos deployed within an hour unlike in the past, when commandos took up to 48 hours to reach the targets as it involved travelling on-board ships and then being deployed on motorised boats.&lt;/span&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;The Marcos are also preparing for urban warfare and have begun practicing on 3D virtual models of offshore installations to ensure a swift response during a terrorist attack. The marine commandos are undergoing regular training sessions in this computer-generated programme to be well-prepared for a strike similar to the 26/11 attack. Reliance Industries Limited (RIL) has provided a virtual model of its facility in Krishna-Godavari basin in the east, for the marine commandos at INS Kalinga, the training base for Marcos in Visakhapatnam.&lt;/span&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;MARCOS will carry out amphibious operations at Frasersgunj in the Sunderbans as part of their routine training. Frasersgunj, with its beach and proximity to the estuarine delta, is an ideal location for such exercises, the source added. The Coast Guard is in the process of setting up a base at Frasersgunj and station hovercraft there. More importantly, the elite force will get a feel of the Sunderbans, which is considered at risk from infiltrators and terrorists. There are so many waterways running through the Sunderbans delta that it is not possible to maintain physical vigil on all movement there. Security experts believe that the threat from terrorists moving in from the sea still remains. With so many vessels passing through the Sunderbans, it may be a route for terror outfits to send in armed men to carry out an attack like that on Mumbai. In case of any eventuality, the Macros are most likely to be called in as it is a marine environment. A major part of their training is kept under wraps. Frasersgunj will be an ideal location where secrecy can be maintained.&lt;/span&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;The Indian Navy initiated the process of procuring five midget submarines for Marine Commandos (MARCOS). These vessels would have the capacity of carrying four to six personnel on board. The submarines would have a diving depth of around 400 meters, and will strengthen the MARCOS ability to carry out special underwater operations in high seas. The midgets will have the capability of carrying out both manned and unmanned operations and will be equipped with a number of weapons including torpedoes. In 2009, the navy initiated the process of procuring these vessels and issued a Request for Proposal to Indian shipyards including Hindustan Shipyards Limited, ABG and Pipavav shipyards. Due to their faster speed and smaller size, midgets are able to escape the enemy Sound Navigation and Ranging (SONAR) probes making them useful in carrying out covert operations,and help troops to penetrate into hostile territory without getting noticed by enemies. In 2013 other noteworthy development, Vizag-based Hindustan Shipyards Ltd has bagged the contract for building four 500-tonne mini-submarines, which were designed back in the previous decade by Larsen &amp;amp; Toubro. The mini-submarines, to be delivered in the latter half of this decade, will be used exclusively by the Indian Navy’s MARCOS. The combat management systems have been designed and built by TATA Power SED, while Riva Calzoni will be supplying the periscopes and other masts that will host a SATCOM communications systems and LPI navigation radar. The sonar suite is likely to be supplied by ATLAS Elektronik.&lt;/span&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;The average MARCOS training drop-out rate is more than 90%. The force has its own training facility, first as an adjunct of the operational company at INS Abhimanyu, in Bombay, later as the Naval Special Warfare Tactical Training Centre. For combat diving training, the commandos are sent to the Naval Diving School, Kochi. There are plans to move the Naval Special Warfare Tactical Training Centre to the erstwhile Naval Academy facility in Goa where it will be set up with focus on jungle warfare as well as counter insurgency operations. The new facility will be modelled on the lines of CIJWS of the Indian Army in Mizoram.&lt;span class=&quot;Apple-converted-space&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;3)&lt;/span&gt;&lt;b style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;u&gt;Garud Commandos&lt;/u&gt;&lt;/b&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;-&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;h3&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Trebuchet MS&amp;quot;,sans-serif;&quot;&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;Garud trainees undergo a 72 week Basic Training course, which is the longest among all the Indian special forces but it also includes basic training. The total duration of training before a trainee can qualify as a fully operational Garud is around 3 years.&lt;/span&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;The initial phase is a three month probationary training which filters out the promising candidates for the next phases of training. This phase, which usually has a high attrition (Drop-out) rate is conducted at the Garud Regimental Training Centre located at Hindon, near New Delhi.&lt;/span&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-DgZZVqZIc-8/VKf4crGVRwI/AAAAAAAAAUM/VlucaKWiSJc/s1600/images%2B(2).jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-DgZZVqZIc-8/VKf4crGVRwI/AAAAAAAAAUM/VlucaKWiSJc/s1600/images%2B(2).jpg&quot; height=&quot;400&quot; width=&quot;372&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;The subsequent phase of special operations training is imparted by the Special Group of the Special Frontier Force, the army, NSG and the paramilitary forces. Those who qualify, proceed to the Parachute Training School (PTS) at Agra to complete the basic airborne phase. Trainees are trained along with paratroopers of the Indian Army.&lt;/span&gt;&lt;br /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;The remainder of the phases concentrates on niche fields like jungle and snow survival, demolition, etc. Garuds also train at the diving school of the Indian Navy and the Army&#39;s Counter Insurgency and Jungle Warfare School (CIJWS). The final phase of training is active operations on being attached to Special Force Units of the Indian Army, which helps the Garuds in gaining operational experience.&lt;/span&gt;&lt;br /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;span style=&quot;color: #333333; display: inline ! important; float: none; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;After induction, the commandos also undergo advanced training, including anti-hijack and counter insurgency training, jungle and snow survival techniques, specialized weapon handling and advanced driving skills.&lt;/span&gt;&lt;br /&gt;&lt;br style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot; /&gt;&lt;b style=&quot;color: #333333; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;&quot;&gt;After reading through this we must realize what a tough life the army men in general and especially these commandos lead! My respect went up by a hundred times for their professionalism and for keeping us safe. If you have any question related to it you may ask below ! .&lt;/b&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://w3clessons.blogspot.com/feeds/8243217110762131020/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://w3clessons.blogspot.com/2015/01/these-are-information-about-indian.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/8243217110762131020'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/8243217110762131020'/><link rel='alternate' type='text/html' href='http://w3clessons.blogspot.com/2015/01/these-are-information-about-indian.html' title='How are the Indian Special Forces like NSG, MARCOS, and Garud Commandos are trained ?'/><author><name>Naveen Sharma</name><uri>https://plus.google.com/113765495155910817807</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5mkvhgBfMEs/AAAAAAAAAAI/AAAAAAAAAQw/DA6d1A8F8jI/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-pMrrJJjVgZ8/VKf1-VZKBKI/AAAAAAAAATw/PKjZDOBUrO4/s72-c/commandos_large_200812292.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-785489703097317288.post-2679938191931667173</id><published>2015-01-03T02:36:00.000-08:00</published><updated>2015-01-05T05:14:00.264-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="php"/><title type='text'>How to make secure login and logout system using php and mysql ? </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;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;span class=&quot;article&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Learn to create a simple login system with php + mysql script, this tutorial is easy to follow, teach you step by step.&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;a href=&quot;http://2.bp.blogspot.com/-EAmDaZ8p3zw/VKdvk1HzG9I/AAAAAAAAATE/1Bq16OE65Pg/s1600/php564.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://2.bp.blogspot.com/-EAmDaZ8p3zw/VKdvk1HzG9I/AAAAAAAAATE/1Bq16OE65Pg/s1600/php564.png&quot; height=&quot;432&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt; &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt; Overview&lt;br /&gt;  In this tutorial, we create 3 php files for testing our code.&lt;br /&gt;&lt;b&gt;1. main_login.php&lt;br /&gt;2. checklogin.php&lt;br /&gt;3. login_success.php&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Steps&lt;/b&gt;&lt;br /&gt;1. Create table &quot;members&quot; in database &quot;test&quot;.&lt;br /&gt;2. Create file main_login.php.&lt;br /&gt;3. Create file checklogin.php.&lt;br /&gt;4. Create file login_success.php.&lt;br /&gt;5. Create file logout.php&lt;br /&gt;  &lt;/span&gt;&lt;br /&gt;&lt;h3 style=&quot;color: #333333; font-style: normal;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;STEP1: Create table &quot;members&quot;&lt;/b&gt;&lt;/span&gt;&lt;/h3&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;For testing this code, we need to create database &quot;test&quot; and create table &quot;members&quot;.&lt;br /&gt;  &lt;code&gt;CREATE TABLE `members` (&lt;br /&gt;`id` int(4) NOT NULL auto_increment,&lt;br /&gt;`username` varchar(65) NOT NULL default &#39;&#39;,&lt;br /&gt;`password` varchar(65) NOT NULL default &#39;&#39;,&lt;br /&gt;PRIMARY KEY (`id`)&lt;br /&gt;) TYPE=MyISAM AUTO_INCREMENT=2 ;&lt;/code&gt;&lt;br /&gt;  --&lt;br /&gt;-- Dumping data for table `members`&lt;br /&gt;--&lt;br /&gt;  &lt;code&gt;INSERT INTO `members` VALUES (1, &#39;john&#39;, &#39;1234&#39;);&lt;/code&gt;&lt;br /&gt;  &lt;h3 style=&quot;color: #333333; font-style: normal;&quot;&gt;&lt;b&gt;STEP2: Create file main_login.php&lt;/b&gt;&lt;/h3&gt;The first file we need to create is &quot;main_login.php&quot; which is a login form&lt;b&gt;.&lt;/b&gt;&lt;br /&gt;  &lt;code&gt;&amp;lt;table width=&quot;300&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;1&quot; bgcolor=&quot;#CCCCCC&quot;&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;form name=&quot;form1&quot; method=&quot;post&quot; action=&quot;checklogin.php&quot;&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;&lt;br /&gt;&amp;lt;table width=&quot;100%&quot; border=&quot;0&quot; cellpadding=&quot;3&quot; cellspacing=&quot;1&quot; bgcolor=&quot;#FFFFFF&quot;&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td colspan=&quot;3&quot;&amp;gt;&amp;lt;strong&amp;gt;Member Login &amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td width=&quot;78&quot;&amp;gt;Username&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;td width=&quot;6&quot;&amp;gt;:&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;td width=&quot;294&quot;&amp;gt;&amp;lt;input name=&quot;myusername&quot; type=&quot;text&quot; id=&quot;myusername&quot;&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;Password&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;:&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;&amp;lt;input name=&quot;mypassword&quot; type=&quot;text&quot; id=&quot;mypassword&quot;&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;&amp;amp;nbsp;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;&amp;amp;nbsp;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;&amp;lt;input type=&quot;submit&quot; name=&quot;Submit&quot; value=&quot;Login&quot;&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;br /&gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/form&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;/code&gt;&lt;br /&gt;  &lt;h3 style=&quot;color: #333333; font-style: normal;&quot;&gt;&lt;b&gt;STEP3: Create file checklogin.php&lt;/b&gt;&lt;/h3&gt;We have a login form in step 2, when a user submit their username and  password, PHP code in checklogin.php will check that this user exist in  our database or not.If user has the right username and password, then  the code will register username and password in the session and redirect  to &quot;login_success.php&quot;. If username or password is wrong the system  will show &quot;Wrong Username or Password&quot;.&lt;br /&gt;  &amp;nbsp; &lt;br /&gt;&lt;code&gt;&amp;lt;?php&lt;/code&gt;&lt;br /&gt;   &lt;br /&gt;&lt;code&gt;$host=&quot;localhost&quot;; // Host name&lt;br /&gt;$username=&quot;&quot;; // Mysql username&lt;br /&gt;$password=&quot;&quot;; // Mysql password&lt;br /&gt;$db_name=&quot;test&quot;; // Database name&lt;br /&gt;$tbl_name=&quot;members&quot;; // Table name&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;  &lt;code&gt;// Connect to server and select databse.&lt;br /&gt;mysql_connect(&quot;$host&quot;, &quot;$username&quot;, &quot;$password&quot;)or die(&quot;cannot connect&quot;);&lt;br /&gt;mysql_select_db(&quot;$db_name&quot;)or die(&quot;cannot select DB&quot;);&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;  &lt;code&gt;// username and password sent from form&lt;br /&gt;$myusername=$_POST[&#39;myusername&#39;];&lt;br /&gt;$mypassword=$_POST[&#39;mypassword&#39;];&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;  &lt;code&gt;// To protect MySQL injection (&lt;a href=&quot;http://localhost/php_mysql/%3Ca%20href=&quot; style=&quot;color: blue; font-family: arial; font-size: 11px; font-weight: normal;&quot; target=&quot;_blank&quot;&gt;http://us.php.net/mysql_real_escape_string&lt;/a&gt;&quot;&amp;gt;more detail about MySQL injection)&lt;br /&gt;$myusername = stripslashes($myusername);&lt;br /&gt;$mypassword = stripslashes($mypassword);&lt;br /&gt;$myusername = mysql_real_escape_string($myusername);&lt;br /&gt;$mypassword = mysql_real_escape_string($mypassword);&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;$sql=&quot;SELECT * FROM $tbl_name WHERE username=&#39;$myusername&#39; and password=&#39;$mypassword&#39;&quot;;&lt;br /&gt;$result=mysql_query($sql);&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;  &lt;code&gt;// Mysql_num_row is counting table row&lt;br /&gt;$count=mysql_num_rows($result);&lt;br /&gt;&lt;br /&gt;// If result matched $myusername and $mypassword, table row must be 1 row&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;if($count==1){&lt;br /&gt;&lt;br /&gt;// Register $myusername, $mypassword and redirect to file &quot;login_success.php&quot;&lt;br /&gt;session_register(&quot;myusername&quot;);&lt;br /&gt;session_register(&quot;mypassword&quot;);&lt;br /&gt;header(&quot;location:login_success.php&quot;);&lt;br /&gt;}&lt;br /&gt;else {&lt;br /&gt;echo &quot;Wrong Username or Password&quot;;&lt;br /&gt;}&lt;br /&gt;?&amp;gt;&lt;/code&gt;&lt;br /&gt;  &lt;h3 style=&quot;color: #333333; font-style: normal;&quot;&gt;&lt;b&gt;STEP4: Create file login_success.php&lt;/b&gt;&lt;/h3&gt;User can&#39;t view this page if the session is not registered.&lt;br /&gt;  &lt;code&gt;// Check if session is not registered, redirect back to main page.&lt;br /&gt;// Put this code in first line of web page.&lt;br /&gt;&amp;lt;?php&lt;br /&gt;session_start();&lt;br /&gt;if(!session_is_registered(myusername)){&lt;br /&gt;header(&quot;location:main_login.php&quot;);&lt;br /&gt;}&lt;br /&gt;?&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;html&amp;gt;&lt;br /&gt;&amp;lt;body&amp;gt;&lt;br /&gt;Login Successful&lt;br /&gt;&amp;lt;/body&amp;gt;&lt;br /&gt;&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;br /&gt;  &lt;h3 style=&quot;color: #333333; font-style: normal;&quot;&gt;&lt;b&gt;STEP5: Create file Logout.php&lt;/b&gt;&lt;/h3&gt;If you want to logout, create this file. The code in this file will destroy the session.&lt;br /&gt;&lt;br /&gt;&lt;code&gt;// Put this code in first line of web page.&lt;br /&gt;&amp;lt;?php&lt;br /&gt;session_start();&lt;br /&gt;session_destroy();&lt;br /&gt;?&amp;gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;  &lt;h3 style=&quot;color: #333333; font-style: normal;&quot;&gt;&lt;b&gt;For PHP5 User - checklogin.php&lt;/b&gt;&lt;/h3&gt;&lt;code&gt;&amp;lt;?php&lt;br /&gt;&lt;br /&gt;ob_start();&lt;br /&gt;$host=&quot;localhost&quot;; // Host name&lt;br /&gt;$username=&quot;&quot;; // Mysql username&lt;br /&gt;$password=&quot;&quot;; // Mysql password&lt;br /&gt;$db_name=&quot;test&quot;; // Database name&lt;br /&gt;$tbl_name=&quot;members&quot;; // Table name&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;  &lt;code&gt;// Connect to server and select databse.&lt;br /&gt;mysql_connect(&quot;$host&quot;, &quot;$username&quot;, &quot;$password&quot;)or die(&quot;cannot connect&quot;);&lt;br /&gt;mysql_select_db(&quot;$db_name&quot;)or die(&quot;cannot select DB&quot;);&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;  &lt;code&gt;// Define $myusername and $mypassword&lt;br /&gt;$myusername=$_POST[&#39;myusername&#39;];&lt;br /&gt;$mypassword=$_POST[&#39;mypassword&#39;];&lt;br /&gt;$myusername = stripslashes($myusername);&lt;br /&gt;$mypassword = stripslashes($mypassword);&lt;br /&gt;$myusername = mysql_real_escape_string($myusername);&lt;br /&gt;$mypassword = mysql_real_escape_string($mypassword);&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;$sql=&quot;SELECT * FROM $tbl_name WHERE username=&#39;$myusername&#39; and password=&#39;$mypassword&#39;&quot;;&lt;br /&gt;$result=mysql_query($sql);&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;  &lt;code&gt;// Mysql_num_row is counting table row&lt;br /&gt;$count=mysql_num_rows($result);&lt;br /&gt;&lt;br /&gt;// If result matched $myusername and $mypassword, table row must be 1 row&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;if($count==1){&lt;br /&gt;&lt;br /&gt;// Register $myusername, $mypassword and redirect to file &quot;login_success.php&quot;&lt;br /&gt;session_register(&quot;myusername&quot;);&lt;br /&gt;session_register(&quot;mypassword&quot;);&lt;br /&gt;header(&quot;location:login_success.php&quot;);&lt;br /&gt;}&lt;br /&gt;else {&lt;br /&gt;echo &quot;Wrong Username or Password&quot;;&lt;br /&gt;}&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;ob_end_flush();&lt;br /&gt;?&amp;gt;&lt;/code&gt;&lt;br /&gt;  &lt;br /&gt;  I hope it will work for you. If you have any querry you can comment below.&lt;br /&gt; &lt;/span&gt;   &lt;img src=&quot;http://localhost/images/divide.png&quot; height=&quot;2&quot; style=&quot;margin-top: 5px;&quot; width=&quot;920&quot; /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://w3clessons.blogspot.com/feeds/2679938191931667173/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://w3clessons.blogspot.com/2015/01/how-to-make-secure-login-and-logout.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/2679938191931667173'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/2679938191931667173'/><link rel='alternate' type='text/html' href='http://w3clessons.blogspot.com/2015/01/how-to-make-secure-login-and-logout.html' title='How to make secure login and logout system using php and mysql ? '/><author><name>Naveen Sharma</name><uri>https://plus.google.com/113765495155910817807</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5mkvhgBfMEs/AAAAAAAAAAI/AAAAAAAAAQw/DA6d1A8F8jI/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-EAmDaZ8p3zw/VKdvk1HzG9I/AAAAAAAAATE/1Bq16OE65Pg/s72-c/php564.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-785489703097317288.post-1375157323743548208</id><published>2015-01-03T02:32:00.004-08:00</published><updated>2015-01-05T05:16:56.055-08:00</updated><title type='text'>How to refresh div element after 10 sec using jquery ?</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;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;span class=&quot;article&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Have  you seen this Twitter Search and Facebook shows most recent tweets/posts  count from the database every 10 seconds on top of the page. I had  developed like this with jQuery and Ajax. It&#39;s simple just 5 lines of  code.&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;a href=&quot;http://2.bp.blogspot.com/-Roh25Suc-uc/VKZ7T5CMTdI/AAAAAAAAASk/15ti9F4xJFs/s1600/jquery-1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://2.bp.blogspot.com/-Roh25Suc-uc/VKZ7T5CMTdI/AAAAAAAAASk/15ti9F4xJFs/s1600/jquery-1.png&quot; height=&quot;107&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt; Example 1&lt;br /&gt;  &lt;br /&gt;&lt;b&gt;Index.html&lt;/b&gt;&lt;br /&gt;Contains javascript and HTML code. Take a look at &lt;i&gt;load(&quot;record_cound.php&quot;)&lt;/i&gt;&lt;br /&gt;  &lt;b&gt;record_count.php&lt;/b&gt;&lt;br /&gt;Just printing &quot;smart lessons&quot; every 10 seconds&lt;br /&gt;  &lt;b&gt;&lt;/b&gt;&lt;br /&gt;  echo &quot;smart lessons&quot;;&lt;br /&gt;  ?&amp;gt;&lt;br /&gt;  &lt;b&gt;Example 2&lt;/b&gt;&lt;br /&gt;  &lt;/span&gt;&lt;br /&gt;&lt;hr /&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;index.php&lt;/b&gt;&lt;br /&gt;  &amp;nbsp; &lt;br /&gt;Contains PHP code you have to pass the search box value  twitter.com/search?q=&quot;some thing&quot; to $search_word in facebook pass the  user id or user session value.&lt;br /&gt;&lt;b&gt;record_count.php&lt;/b&gt;&lt;br /&gt;Counting tweets/posts from the database.&lt;br /&gt;   &lt;b&gt;&lt;b&gt;&lt;/b&gt;&lt;/b&gt;&lt;br /&gt;  &lt;code&gt;include(&quot;db.php&quot;);&lt;br /&gt;$search_word=$_GET[&#39;q&#39;];&lt;br /&gt;$sql = mysqli_query($db,&quot;Select id form Messages where message&lt;br /&gt;LIKE &#39;%$search_word%&#39;&quot;);&lt;br /&gt;$record_count=mysqli_num_rows($sql);&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;//Display count.........&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;echo $record_count;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;?&amp;gt;&lt;/code&gt;&lt;br /&gt;  &lt;hr /&gt;db.php&lt;br /&gt;Database configuration file, modify username, password and database values.&lt;br /&gt;  &lt;code&gt;define(&#39;DB_SERVER&#39;, &#39;localhost&#39;);&lt;br /&gt;define(&#39;DB_USERNAME&#39;, &#39;username&#39;);&lt;br /&gt;define(&#39;DB_PASSWORD&#39;, &#39;password&#39;);&lt;br /&gt;define(&#39;DB_DATABASE&#39;, &#39;database&#39;);&lt;br /&gt;$connection = mysqli_connect(DB_SERVER,DB_USERNAME,DB_PASSWORD,DB_DATABASE);&lt;br /&gt;?&amp;gt;&lt;/code&gt;&lt;br /&gt;  &lt;h2&gt;&lt;b&gt;If you have any querry or problem than comment below ! Thank You !&lt;/b&gt;&lt;/h2&gt;&lt;/span&gt;   &lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://w3clessons.blogspot.com/feeds/1375157323743548208/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://w3clessons.blogspot.com/2015/01/how-to-refresh-div-element-using-jquery.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/1375157323743548208'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/1375157323743548208'/><link rel='alternate' type='text/html' href='http://w3clessons.blogspot.com/2015/01/how-to-refresh-div-element-using-jquery.html' title='How to refresh div element after 10 sec using jquery ?'/><author><name>Naveen Sharma</name><uri>https://plus.google.com/113765495155910817807</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5mkvhgBfMEs/AAAAAAAAAAI/AAAAAAAAAQw/DA6d1A8F8jI/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-Roh25Suc-uc/VKZ7T5CMTdI/AAAAAAAAASk/15ti9F4xJFs/s72-c/jquery-1.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-785489703097317288.post-2128231261395212249</id><published>2015-01-03T02:29:00.004-08:00</published><updated>2015-01-05T05:18:39.238-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><title type='text'>Loading data while scrolling the page down using jquery ?</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;font-family: Arial, Helvetica, sans-serif;&quot;&gt;  &lt;span class=&quot;article&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;This tutorial about my favorite place&lt;i&gt;Dzone like data loading while page scrolling down with jQuery and PHP&lt;/i&gt;. We have lots of data but can not display all. This script helps you to display little data and make faster your website.&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;a href=&quot;http://1.bp.blogspot.com/-led1YlFQEn8/VKaoIrG_DjI/AAAAAAAAAS0/kZwO3kciWSo/s1600/jquertt.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-led1YlFQEn8/VKaoIrG_DjI/AAAAAAAAAS0/kZwO3kciWSo/s1600/jquertt.png&quot; height=&quot;270&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt; &lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt; &lt;br /&gt;  &lt;b&gt;Database Table&lt;/b&gt;&lt;br /&gt;  &lt;span class=&quot;marker&quot;&gt;CREATE TABLE messages(&lt;br /&gt;mes_id INT PRIMARY KEY AUTO_INCREMENT,&lt;br /&gt;msg TEXT);&lt;/span&gt;&lt;br /&gt;  &lt;br /&gt;Browser Capability :&lt;i&gt; Safari, Firefox, IE, Chrome&lt;/i&gt;&lt;br /&gt;  &lt;br /&gt;&lt;br /&gt;  &lt;br /&gt;&lt;b&gt;load_data.php&lt;/b&gt;&lt;br /&gt;When we are scrolling down a webpage, the script(&lt;i&gt;$(window).scroll&lt;/i&gt;) finds that you are at the bottom and calls the &lt;i&gt;last_msg_funtion()&lt;/i&gt;. Take a look at $.post(&quot;&quot;) eg: &lt;i&gt;$.post(&quot;load_data.php?action=get&amp;amp;last_msg_id=35&quot;)&lt;/i&gt;&lt;br /&gt;  &lt;br /&gt;&lt;code&gt;&lt;b&gt;&amp;lt;?php&lt;/b&gt;&lt;br /&gt;&lt;b&gt;include&lt;/b&gt;(&#39;config.php&#39;);&lt;br /&gt;$last_msg_id=&lt;b&gt;$_GET&lt;/b&gt;[&#39;last_msg_id&#39;];&lt;br /&gt;$action=&lt;b&gt;$_GET&lt;/b&gt;[&#39;action&#39;];&lt;br /&gt;&lt;br /&gt;&lt;b&gt;if&lt;/b&gt;($action &amp;lt;&amp;gt; &quot;get&quot;)&lt;br /&gt;{&lt;br /&gt;&lt;b&gt;?&amp;gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;jquery.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;br /&gt;$(document).&lt;b&gt;ready&lt;/b&gt;(function()&lt;br /&gt;{&lt;br /&gt;function &lt;b&gt;last_msg_funtion&lt;/b&gt;()&lt;br /&gt;{&lt;br /&gt;&lt;b&gt;var&lt;/b&gt; &lt;b&gt;ID&lt;/b&gt;=$(&quot;.message_box:last&quot;).attr(&quot;id&quot;);&lt;br /&gt;$(&#39;div#last_msg_loader&#39;).html(&#39;&amp;lt;img src=&quot;bigLoader.gif&quot;&amp;gt;&#39;);&lt;br /&gt;$.post(&quot;&lt;b&gt;load_data.php?action=get&amp;amp;last_msg_id=&lt;/b&gt;&quot;+&lt;b&gt;ID&lt;/b&gt;,&lt;br /&gt;&lt;br /&gt;function(data){&lt;br /&gt;&lt;b&gt;if&lt;/b&gt; (data != &quot;&quot;) {&lt;br /&gt;$(&quot;.message_box:last&quot;).after(data);&lt;br /&gt;}&lt;br /&gt;$(&#39;div#last_msg_loader&#39;).empty();&lt;br /&gt;});&lt;br /&gt;};&lt;br /&gt;&lt;br /&gt;$(window).scroll(function(){&lt;br /&gt;&lt;b&gt;if &lt;/b&gt;($(window).scrollTop() == $(document).height() - $(window).height()){&lt;br /&gt;&lt;b&gt;last_msg_funtion&lt;/b&gt;();&lt;br /&gt;}&lt;br /&gt;});&lt;br /&gt;});&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;&amp;lt;/head&amp;gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;&amp;lt;body&amp;gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;&amp;lt;?php&lt;/b&gt;&lt;br /&gt;&lt;b&gt;include&lt;/b&gt;(&#39;&lt;b&gt;load_first.php&lt;/b&gt;&#39;); //Include load_first.php&lt;br /&gt;&lt;b&gt;?&amp;gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;&amp;lt;div id=&quot;&lt;/b&gt;last_msg_loader&lt;b&gt;&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;&amp;lt;/body&amp;gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;&amp;lt;/html&amp;gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;&amp;lt;?php&lt;/b&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;&lt;b&gt;else&lt;/b&gt;&lt;br /&gt;{&lt;br /&gt;&lt;b&gt;include&lt;/b&gt;(&#39;&lt;b&gt;load_second.php&lt;/b&gt;&#39;); //include load_second.php&lt;br /&gt;}&lt;br /&gt;&lt;b&gt;?&amp;gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;br /&gt;&lt;b&gt;load_first.php&lt;/b&gt;&lt;br /&gt;Contains PHP code to load 20 rows form the &lt;i&gt;message&lt;/i&gt; table.&lt;br /&gt;  &lt;code&gt;&lt;b&gt;&amp;lt;?php&lt;/b&gt;&lt;br /&gt;$sql=mysql_query(&quot;SELECT * FROM messages ORDER BY mes_id DESC LIMIT 20&quot;);&lt;br /&gt;&lt;b&gt;while&lt;/b&gt;($row=mysql_fetch_array($sql))&lt;br /&gt;{&lt;br /&gt;$msgID= $row[&#39;mes_id&#39;];&lt;br /&gt;$msg= $row[&#39;msg&#39;];&lt;br /&gt;&lt;b&gt;?&amp;gt;&lt;/b&gt;&lt;br /&gt;&lt;b&gt;&amp;lt;div&lt;/b&gt; id=&quot;&lt;b&gt;&amp;lt;?php&lt;/b&gt; echo $msgID; &lt;b&gt;?&amp;gt;&lt;/b&gt;&quot; class=&quot;message_box&quot; &lt;b&gt;&amp;gt;&amp;nbsp;&lt;/b&gt;&lt;br /&gt;&lt;b&gt;&amp;lt;?php&lt;/b&gt; echo $msg; &lt;b&gt;?&amp;gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;&amp;lt;/div&amp;gt;&lt;/b&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;&amp;lt;?php&lt;/b&gt;&lt;br /&gt;}&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;br /&gt;&lt;b&gt;?&amp;gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;br /&gt;&lt;b&gt;load_second.php&lt;/b&gt;&lt;br /&gt;Contains PHP code to load 5 rows less than &lt;i&gt;last_msg_id&lt;/i&gt; form the &lt;i&gt;message&lt;/i&gt; table.&lt;br /&gt;  &lt;br /&gt;&lt;code&gt;&lt;b&gt;&amp;lt;?php&lt;/b&gt;&lt;br /&gt;$last_msg_id=&lt;b&gt;$_GET&lt;/b&gt;[&#39;last_msg_id&#39;];&lt;br /&gt;$sql=mysql_query(&quot;SELECT * FROM messages WHERE mes_id &amp;lt; &#39;$last_msg_id&#39; ORDER BY mes_id DESC LIMIT 5&quot;);&lt;br /&gt;$last_msg_id=&quot;&quot;;&lt;br /&gt;&lt;b&gt;while&lt;/b&gt;($row=mysql_fetch_array($sql))&lt;br /&gt;{&lt;br /&gt;$msgID= $row[&#39;mes_id&#39;];&lt;br /&gt;$msg= $row[&#39;msg&#39;];&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;br /&gt;&lt;b&gt;?&amp;gt;&lt;/b&gt;&lt;br /&gt;&lt;b&gt;&amp;lt;div&lt;/b&gt; id=&quot;&lt;b&gt;&amp;lt;?php&lt;/b&gt; echo $msgID; &lt;b&gt;?&amp;gt;&lt;/b&gt;&quot; class=&quot;message_box&quot;&lt;b&gt; &amp;gt;&amp;nbsp;&lt;/b&gt;&lt;br /&gt;&lt;b&gt;&amp;lt;?php&lt;/b&gt; echo $msg;&lt;br /&gt;&lt;b&gt;?&amp;gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;&amp;lt;/div&amp;gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;&amp;lt;?php&lt;/b&gt;&lt;br /&gt;}&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;br /&gt;&lt;b&gt;?&amp;gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;br /&gt;&lt;b&gt;CSS&lt;/b&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;body&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;{&lt;br /&gt;font-family:&#39;Georgia&#39;,Times New Roman, Times, serif;&lt;br /&gt;font-size:18px;&lt;br /&gt;}&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;.message_box&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;{&lt;br /&gt;height:60px;&lt;br /&gt;width:600px;&lt;br /&gt;border:dashed 1px #48B1D9;&lt;br /&gt;padding:5px ;&lt;br /&gt;}&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;#last_msg_loader&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;{&lt;br /&gt;text-align: right;&lt;br /&gt;width: 920px;&lt;br /&gt;margin: -125px auto 0 auto;&lt;br /&gt;}&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;&lt;b&gt;.number&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;  &lt;code&gt;{&lt;br /&gt;float:right;&lt;br /&gt;background-color:#48B1D9;&lt;br /&gt;color:#000;&lt;br /&gt;font-weight:bold;&lt;br /&gt;}&lt;/code&gt;&lt;br /&gt; &lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://w3clessons.blogspot.com/feeds/2128231261395212249/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://w3clessons.blogspot.com/2015/01/loading-data-while-scrolling-page-down.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/2128231261395212249'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/2128231261395212249'/><link rel='alternate' type='text/html' href='http://w3clessons.blogspot.com/2015/01/loading-data-while-scrolling-page-down.html' title='Loading data while scrolling the page down using jquery ?'/><author><name>Naveen Sharma</name><uri>https://plus.google.com/113765495155910817807</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5mkvhgBfMEs/AAAAAAAAAAI/AAAAAAAAAQw/DA6d1A8F8jI/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-led1YlFQEn8/VKaoIrG_DjI/AAAAAAAAAS0/kZwO3kciWSo/s72-c/jquertt.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-785489703097317288.post-6466990821407505625</id><published>2015-01-03T02:16:00.000-08:00</published><updated>2015-01-05T05:20:37.334-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="php"/><title type='text'>PHP codes to insert value into variable and print it .!</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;Today we are going to tell you that how can we put things into php variable and how can we print it.  This is a chapter fpr begineers to out values into variables and print . So heres the codes shown in following :-&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://3.bp.blogspot.com/-Xlzb6uMCkkM/VKfBHE3AdNI/AAAAAAAAATU/Oz_t5DlwAqM/s1600/images%2B(1).jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-Xlzb6uMCkkM/VKfBHE3AdNI/AAAAAAAAATU/Oz_t5DlwAqM/s1600/images%2B(1).jpg&quot; height=&quot;416&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp;While writting your php codes remember some rules - •php codes always start with   . • php variable always starts with $ sign. • users can use &#39;echo&#39; or &#39;print&#39; command to print values or variable.&lt;br /&gt;&lt;br /&gt;&amp;lt;?php&lt;br /&gt;$variable = &quot;hi&amp;nbsp; It is the variable to print&quot;;&lt;br /&gt;echo $variable;&lt;br /&gt;?&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;PHP to add two numbers&lt;/h3&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&amp;lt;?php&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;$var1 = 14;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;$var2 = 12;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;$sum = $var1 + $var2;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;print $sum;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;?&amp;gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;If you have any query comment below !&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://lh4.ggpht.com/-Jo72Jt8EUyk/VBQw92xk94I/AAAAAAAAARg/YjqALowKs74/s1600/ajax_loader_gray_512.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;  &lt;/a&gt; &lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://w3clessons.blogspot.com/feeds/6466990821407505625/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://w3clessons.blogspot.com/2013/08/php-codes-to-insert-value-into-variable.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/6466990821407505625'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/785489703097317288/posts/default/6466990821407505625'/><link rel='alternate' type='text/html' href='http://w3clessons.blogspot.com/2013/08/php-codes-to-insert-value-into-variable.html' title='PHP codes to insert value into variable and print it .!'/><author><name>Naveen Sharma</name><uri>https://plus.google.com/113765495155910817807</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5mkvhgBfMEs/AAAAAAAAAAI/AAAAAAAAAQw/DA6d1A8F8jI/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-Xlzb6uMCkkM/VKfBHE3AdNI/AAAAAAAAATU/Oz_t5DlwAqM/s72-c/images%2B(1).jpg" height="72" width="72"/><thr:total>0</thr:total></entry></feed>