A Pen by Satnam Singh

Developer
Satnam Singh
Size
11,360 Kb
Views
24,288
  1. A Pen by Satnam Singh Previews
  2. A Pen by Satnam Singh HTML Codes
  3. A Pen by Satnam Singh CSS Codes
  4. A Pen by Satnam Singh JS Codes

How do I make an a pen by satnam singh?

What is a a pen by satnam singh? How do you make a a pen by satnam singh? This script and codes were developed by Satnam Singh on 01 October 2022, Saturday.

A Pen by Satnam Singh Previews
IQ Test

A Pen by Satnam Singh - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Satnam Singh</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <a href="#"><span class="myButton">For Work</span></a>
<nav id="mscom-navigation" role="navigation" bi:type="menu" class="menu-component"> <div class="grid-container"> <span class="menulevel-storelink"></span> <ul role="menubar" class="top-level-menubar"> <li role="menuitem" class="top-level-menuitem"><a class="top-level-link" bi:index="0" bi:track="false" bi:titleflag="t1" bi:title="t1" href="">Products</a> <div class="dropdown-menu" bi:parenttitle="t1"> <div class="grid-container"> <div class="grid-row row-4"><div class="grid-unit list-of-links list-of-links-sm"> <h5 class="heading" bi:titleflag="t1" bi:title="t1">Windows</h5> <ul role="menu" bi:parenttitle="t1"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://windows.microsoft.com/en-in/windows/products">All Windows products</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://windows.microsoft.com/en-IN/windows-8/meet">Windows 8</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="https://windows.microsoft.com/en-in/internet-explorer/download-ie">Internet Explorer</a></li> </ul> <h5 class="heading" bi:titleflag="t2" bi:title="t2">Office</h5> <ul role="menu" bi:parenttitle="t2"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://office.microsoft.com/en-IN">All Office products</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://office.microsoft.com/en-in/buy-microsoft-office-and-microsoft-office-365-online-FX102886268.aspx">Office for home</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="https://office.microsoft.com/en-in/business/">Office for business</a></li> </ul> <h5 class="heading" bi:titleflag="t3" bi:title="t3"></h5> <ul role="menu" bi:parenttitle="t3"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://www.microsoft.com/en-in/sitemap.aspx">See all products</a></li> </ul> </div><div class="grid-unit list-of-links list-of-links-sm"> <h5 class="heading" bi:titleflag="t1" bi:title="t1">Devices</h5> <ul role="menu" bi:parenttitle="t1"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://www.microsoft.com/hardware/en-in">Microsoft Hardware</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="http://www.xbox.com/en-in/">Xbox</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="http://www.windowsphone.com/en-in">Windows Phone</a></li> </ul> <h5 class="heading" bi:titleflag="t2" bi:title="t2">Services</h5> <ul role="menu" bi:parenttitle="t2"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://www.microsoft.com/en-in/outlook-com">Outlook.com</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://windows.microsoft.com/en-IN/skydrive/download">SkyDrive cloud storage</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="http://www.skype.com/go/skype/?cm_mmc=MSFT|TRAF_B1-_-mscom-hero-en-in">Skype</a></li> <li role="menuitem"><a bi:index="3" bi:cpid="hpMenu" href="http://in.msn.com/?OCID=MicroHP">MSN India</a></li> <li role="menuitem"><a bi:index="4" bi:cpid="hpMenu" href="http://www.bing.com/?scope=web&amp;setmkt=en-in">Bing</a></li> </ul> </div><div class="grid-unit list-of-links list-of-links-sm"> <h5 class="heading" bi:titleflag="t1" bi:title="t1">Server and Tools</h5> <ul role="menu" bi:parenttitle="t1"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://www.microsoft.com/en-in/server-cloud/ws2012/default.aspx">All server &amp; tools products</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://www.microsoft.com/en-in/server-cloud/ws2012/default.aspx">Windows Server</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="https://www.microsoft.com/en-in/SQLserver/default.aspx">SQL Server</a></li> <li role="menuitem"><a bi:index="3" bi:cpid="hpMenu" href="https://technet.microsoft.com/en-in/exchange">Exchange Server</a></li> <li role="menuitem"><a bi:index="4" bi:cpid="hpMenu" href="https://www.microsoft.com/visualstudio/en-in">Visual Studio</a></li> <li role="menuitem"><a bi:index="5" bi:cpid="hpMenu" href="http://www.windowsazure.com">Windows Azure</a></li> <li role="menuitem"><a bi:index="6" bi:cpid="hpMenu" href="https://www.microsoft.com/en-in/windows/windowsintune/">Windows Intune</a></li> </ul> <h5 class="heading" bi:titleflag="t2" bi:title="t2">Developers &amp; IT Pros</h5> <ul role="menu" bi:parenttitle="t2"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://www.microsoft.com/learning/en/us/default.aspx">Training &amp; certification</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://msdn.microsoft.com/en-in/default.aspx">MSDN (Microsoft Developer Network)</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="https://technet.microsoft.com/en-in/default.aspx">TechNet for IT professionals</a></li> </ul> </div><div class="grid-unit list-of-links list-of-links-sm"> <h5 class="heading" bi:titleflag="t1" bi:title="t1">Business and enterprise</h5> <ul role="menu" bi:parenttitle="t1"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://www.microsoft.com/en-in/dynamics/default.aspx">Microsoft Dynamics</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://www.microsoft.com/business/en-in/Pages/default.aspx">Small and midsize business</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="https://www.microsoft.com/india/enterprise/">Enterprise and industry solutions</a></li> <li role="menuitem"><a bi:index="3" bi:cpid="hpMenu" href="https://pinpoint.microsoft.com/en-in/home?WT.mc_id=MSCOM_HP_in_NAV_PC_Solutions">Find an IT Expert (Pinpoint)</a></li> <li role="menuitem"><a bi:index="4" bi:cpid="hpMenu" href="https://mspartner.microsoft.com/en/in/Pages/index.aspx">Resources for Microsoft Partners</a></li> </ul> </div> </div> </div> </div> </li> <li role="menuitem" class="top-level-menuitem"><a class="top-level-link" bi:index="1" bi:track="false" bi:titleflag="t1" bi:title="t1" href="">Downloads</a> <div class="dropdown-menu" bi:parenttitle="t1"> <div class="grid-container"> <div class="grid-row row-2"><div class="grid-unit list-of-links list-of-links-sm"> <h5 class="heading" bi:titleflag="t1" bi:title="t1">Windows</h5> <ul role="menu" bi:parenttitle="t1"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://windows.microsoft.com/en-in/windows/downloads">All Windows downloads</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://windows.microsoft.com/en-in/windows/downloads">Free downloads</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="https://windows.microsoft.com/en-in/internet-explorer/download-ie">Internet Explorer</a></li> </ul> <h5 class="heading" bi:titleflag="t2" bi:title="t2">Office</h5> <ul role="menu" bi:parenttitle="t2"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://office.microsoft.com/en-IN/downloads/">All Office downloads</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://office.microsoft.com/en-IN/try/">Free trials</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="https://office.microsoft.com/en-IN/templates/">Templates</a></li> </ul> </div><div class="grid-unit list-of-links list-of-links-sm"> <h5 class="heading" bi:titleflag="t1" bi:title="t1">More downloads</h5> <ul role="menu" bi:parenttitle="t1"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://www.microsoft.com/en-in/download/default.aspx?WT.mc_id=MSCOM_HP_in_Nav_Downloads">Download Center</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://windows.microsoft.com/en-in/windows/products/security-essentials">Microsoft Security Essentials</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="https://www.update.microsoft.com">Microsoft Update: Service packs &amp; fixes</a></li> <li role="menuitem"><a bi:index="3" bi:cpid="hpMenu" href="https://windows.microsoft.com/en-in/windows/hardware-drivers-help">Drivers (sound, printer, USB, others)</a></li> <li role="menuitem"><a bi:index="4" bi:cpid="hpMenu" href="https://www.microsoft.com/hardware/en-in/downloads">Microsoft Hardware drivers</a></li> </ul> </div> </div> </div> </div> </li> <li role="menuitem" class="top-level-menuitem"><a class="top-level-link" bi:index="2" bi:track="false" bi:titleflag="t1" bi:title="t1" href="">Support</a> <div class="dropdown-menu" bi:parenttitle="t1"> <div class="grid-container"> <div class="grid-row row-3"><div class="grid-unit list-of-links list-of-links-sm"> <h5 class="heading" bi:titleflag="t1" bi:title="t1">By Resource</h5> <ul role="menu" bi:parenttitle="t1"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://support.microsoft.com/?ln=en-in">Microsoft Support Home</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://answers.microsoft.com/en-us/">Ask the experts</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="https://support.microsoft.com/contactus/?ln=en-in">Chat or call</a></li> <li role="menuitem"><a bi:index="3" bi:cpid="hpMenu" href="https://search.microsoft.com/en-in/">Search knowledge base</a></li> </ul> <h5 class="heading" bi:titleflag="t2" bi:title="t2">By Product</h5> <ul role="menu" bi:parenttitle="t2"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://windows.microsoft.com/en-IN/windows-8/meet">Windows 8</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://support.microsoft.com/find-solutions/more?ln=en-in&amp;family=windows">Other Windows products</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="https://office.microsoft.com/en-IN/support/">Office (Outlook, Excel, and others)</a></li> </ul> </div><div class="grid-unit list-of-links list-of-links-sm"> <h5 class="heading" bi:titleflag="t1" bi:title="t1">By Topic</h5> <ul role="menu" bi:parenttitle="t1"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://search.microsoft.com/en-in/">Error messages</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://www.update.microsoft.com">Microsoft Update: Service packs &amp; fixes</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="https://windows.microsoft.com/en-in/windows/install-upgrade-activate-help">Install, upgrade, &amp; activate (Windows)</a></li> <li role="menuitem"><a bi:index="3" bi:cpid="hpMenu" href="https://support.microsoft.com/kb/811224/en-us">Product keys (locate or replace)</a></li> <li role="menuitem"><a bi:index="4" bi:cpid="hpMenu" href="https://windows.microsoft.com/en-in/windows/hardware-drivers-help">Drivers (sound, printer, USB, others)</a></li> <li role="menuitem"><a bi:index="5" bi:cpid="hpMenu" href="https://www.microsoft.com/hardware/en-in/downloads">Microsoft Hardware drivers</a></li> </ul> </div><div class="grid-unit list-of-links list-of-links-sm"> <h5 class="heading" bi:titleflag="t1" bi:title="t1">By Audience</h5> <ul role="menu" bi:parenttitle="t1"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://support.microsoft.com/?ln=en-in">For home users</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://smallbusiness.support.microsoft.com/en-in/">For small business</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="https://technet.microsoft.com/en-in/ms772425">For IT professionals</a></li> <li role="menuitem"><a bi:index="3" bi:cpid="hpMenu" href="https://msdn.microsoft.com/en-in/hh361695">For developers</a></li> </ul> </div> </div> </div> </div> </li> <li role="menuitem" class="top-level-menuitem"><a class="top-level-link" bi:index="3" bi:track="false" bi:titleflag="t1" bi:title="t1" href="">Security</a> <div class="dropdown-menu" bi:parenttitle="t1"> <div class="grid-container"> <div class="grid-row row-1"><div class="grid-unit list-of-links list-of-links-sm"> <h5 class="heading" bi:titleflag="t1" bi:title="t1"></h5> <ul role="menu" bi:parenttitle="t1"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://www.microsoft.com/security/default.aspx">Security home</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://windows.microsoft.com/en-in/windows/products/security-essentials">Microsoft Security Essentials</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="https://www.update.microsoft.com">Microsoft Update: Service packs &amp; fixes</a></li> <li role="menuitem"><a bi:index="3" bi:cpid="hpMenu" href="https://www.microsoft.com/security/family-safety/default.aspx">Family safety resources</a></li> </ul> </div> </div> </div> </div> </li> <li role="menuitem" class="top-level-menuitem"><a class="top-level-link" bi:index="4" bi:track="false" bi:titleflag="t1" bi:title="t1" href="">Shop</a> <div class="dropdown-menu" bi:parenttitle="t1"> <div class="grid-container"> <div class="grid-row row-2"><div class="grid-unit list-of-links list-of-links-sm"> <h5 class="heading" bi:titleflag="t1" bi:title="t1">For home</h5> <ul role="menu" bi:parenttitle="t1"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="http://www.microsoftstore.com/store/msin/en_GB/home/ThemeID.30633400?WT.mc_id=MSCOM_EN_IN_HP_Nav_Shop_Store">Microsoft Store</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="http://www.microsoftstore.com/store/msin/en_GB/cat/ThemeID.30633400/categoryID.60643300?WT.mc_id=MSCOM_EN_IN_HP_Nav_Shop_Windows">Windows</a></li> <li role="menuitem"><a bi:index="2" bi:cpid="hpMenu" href="http://www.microsoftstore.com/store/msin/en_GB/cat/ThemeID.30633400/categoryID.61571800?WT.mc_id=MSCOM_EN_IN_HP_Nav_Shop_Office">Office</a></li> </ul> </div><div class="grid-unit list-of-links list-of-links-sm"> <h5 class="heading" bi:titleflag="t1" bi:title="t1">For business</h5> <ul role="menu" bi:parenttitle="t1"> <li role="menuitem"><a bi:index="0" bi:cpid="hpMenu" href="https://www.microsoft.com/licensing/default.aspx">Volume Licensing</a></li> <li role="menuitem"><a bi:index="1" bi:cpid="hpMenu" href="https://pinpoint.microsoft.com/en-in/home?WT.mc_id=MSCOM_HP_in_NAV_PC_Solutions">Find an IT Expert (Pinpoint)</a></li> </ul> </div> </div> </div> </div> </li> </ul> </div>
</nav> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

A Pen by Satnam Singh - Script Codes CSS Codes

body {
font-size: 100%;
line-height: 1.5;
color: #222;
font-family: "wf_SegoeUI","Tahoma","Verdana","Arial","sans-serif";
font-weight: normal;
}
a {
color: #1570a6;
text-decoration: none;
-webkit-transition: color .1s linear;
-moz-transition: color .1s linear;
-ms-transition: color .1s linear;
-o-transition: color .1s linear;
transition: color .1s linear;
}
.myButton, .myButton:link{ color:#fff; background-color:#1570a6; padding: .325em .7em; border: 1px solid transparent; margin: 0 0 .7em .7em; text-decoration: none; font-size: .8em; color: #fff; background-color: #1570a6; zoom:1; -webkit-transition: background-color .3s ease-in,color .3s ease-in; -moz-transition: background-color .3s ease-in,color .3s ease-in; -ms-transition: background-color .3s ease-in,color .3s ease-in; -o-transition: background-color .3s ease-in,color .3s ease-in; transition: background-color .3s ease-in,color .3s ease-in;
}
.myButton:hover, .myButton:focus {
background-color: #083047;
color: #fff;
text-decoration: none;
-webkit-transition: all .08s ease-in;
-moz-transition: all .08s ease-in;
-ms-transition: all .08s ease-in;
-o-transition: all .08s ease-in;
transition: all .08s ease-in;
}
/* navigation styling */
a:focus, a:hover {
color: #083047;
text-decoration: underline;
}
/*
.top-level-link {
padding: 0 .93em;
}
.top-level-link {
line-height: 2.5em;
background: transparent;
color: #1a1a1a;
padding: 0 .5em;
text-indent: 0;
border-bottom: none;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.top-level-link:hover, .top-level-link:focus {
background: none;
color: #0060a6;
text-decoration: none;
}
*/
.top-level-menubar{margin:0}.top-level-menuitem{margin:0}.dropdown-menu{display:none;opacity:0;border-left:.5em solid #083047}.dropdown-menu .single-col-dropdown{display:block}.dropdown-menu .multi-col-dropdown{display:none}.dropdown-menu .heading{display:none}@media screen and (max-width:539px){.fontface .dropdown>a:after{margin-left:.35em;font-family:"MSHPIconsRegular";content:'';font-size:.688em}.nofontface .dropdown>a:after{background-image:url("https://i.s-microsoft.com/global/ImageStore/PublishingImages/icons/dropdown-arrow-white.png");background-repeat:no-repeat;background-position:right 62.5%;content:' ';width:1em;height:1em;display:inline-block}.dropdown a,.dropdown a:hover,.dropdown a:focus{color:#fff}.menu-component a,.dropdown-menu .list-of-links a{display:block;background:#1570a6;color:#fff;border-bottom:1px solid #fff;text-decoration:none;line-height:1.5em;padding:.5em .8em;-webkit-transition:background-color .3s ease-in;-moz-transition:background-color .3s ease-in;-ms-transition:background-color .3s ease-in;-o-transition:background-color .3s ease-in;transition:background-color .3s ease-in}.menu-component a:hover,.menu-component a:focus,.dropdown-menu .list-of-links a:hover,.top-level-menuitem.current a{background:#083047;-webkit-transition:background-color .08s ease-in;-moz-transition:background-color .08s ease-in;-ms-transition:background-color .08s ease-in;-o-transition:background-color .08s ease-in;transition:background-color .08s ease-in}.dropdown-menu .list-of-links,.dropdown-menu .list-of-links ul,.dropdown-menu .list-of-links li{background:#1570a6;margin:0;display:block;font-size:1em}.dropdown-menu{opacity:1}}@media screen and (min-width:540px){.menu-component{position:relative;display:block!important;clear:both}.menu-component .grid-container{position:static!important}.top-level-menubar{margin:0 0 0 -.6em}.top-level-menuitem{list-style-type:none;margin:0;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}.top-level-menuitem:last-child{margin-right:0!important}.top-level-menuitem.current{border-bottom:5px solid #1570a6;margin-bottom:-5px;padding-bottom:3px}.top-level-link{line-height:2.5em;background:transparent;color:#1a1a1a;padding:0 .5em;text-indent:0;border-bottom:none;-webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-ms-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.top-level-link:hover,.top-level-link:focus{background:none;color:#0060a6;text-decoration:none}.top-level-menubar .ui-state-active,.top-level-menubar .dropdown-open{background:#eee}.dropdown>a:after{margin-left:.35em;font-family:"MSHPIconsRegular";content:'';font-size:.688em}.dropdown-menu{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear;width:100%;max-width:1600px;background:#eee;position:absolute;left:0;display:none;border-left:none}.accordion-open .dropdown-menu{display:none!important}.dropdown-open .dropdown-menu{display:block!important;opacity:1}.dropdown-menu .single-col-dropdown{display:none!important}.dropdown-menu .multi-col-dropdown{display:block!important;overflow:hidden}.dropdown-menu .heading{display:block!important;line-height:1.25;margin:0 0 1.35em}.dropdown-menu .grid-container{clear:both;padding:1.35em 2%}.dropdown-menu .grid-unit{max-width:270px;margin-left:2%}.dropdown-menu .row-4 .grid-unit{width:23.5%;clear:none;margin-left:2%}.dropdown-menu .grid-unit:first-child{margin-left:0}.dropdown-menu .list-of-links ul{margin-bottom:1.5em}.dropdown-menu .all{color:#0060a6;margin:0 0 1em;font-size:.9em;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}.dropdown-menu .all:hover{color:#1a1a1a}}@media screen and (min-width:900px){.menulevel-storelink{display:inline}.top-level-link{padding:0 .93em}.top-level-menubar{margin:0 0 0 -.93em}}.lt-ie9 .menu-component{display:block!important;clear:both}.lt-ie9 .menu-component .grid-container{position:relative}.lt-ie9 .top-level-menubar{margin:0}.lt-ie9 .top-level-menuitem{list-style-type:none;margin:0;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}.lt-ie9 .top-level-menuitem:last-child{margin-right:0!important}.lt-ie9 .top-level-link{line-height:2.5em;background:transparent;color:#1a1a1a;padding:0 1.5em;text-indent:0;border-bottom:none}.lt-ie9 .top-level-link:hover,.top-level-link:focus{background:none;color:#0060a6;text-decoration:none}.lt-ie9 .top-level-menubar .ui-state-active,.lt-ie9 .top-level-menubar .dropdown-open{background:#eee}.lt-ie9 .dropdown-menu{opacity:0;width:100%;max-width:1600px;background:#eee;position:absolute;left:-14px;display:none;border-left:none}.lt-ie9 .dropdown-open .dropdown-menu{display:block!important;opacity:1}.lt-ie9 .dropdown-menu .grid-unit{margin:0 1%}.lt-ie9 .dropdown-menu .single-col-dropdown{display:none!important}.lt-ie9 .dropdown-menu .multi-col-dropdown{display:block!important;overflow:hidden}.lt-ie9 .dropdown-menu .heading{display:block!important;line-height:1.25;margin:0 0 1.35em}.lt-ie9 .dropdown-menu .grid-container{clear:both;padding:1.35em 2%}.lt-ie9 .dropdown-menu .grid-unit{float:left;width:23%}.lt-ie9 .dropdown-menu .all{color:#0060a6;margin:0 0 1em;font-size:.9em;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}.lt-ie9 .dropdown-menu .all:hover{color:#1a1a1a}.lt-ie9 .top-level-link{padding:0 .75em}

A Pen by Satnam Singh - Script Codes JS Codes

var viewportmeta,eventName;jQuery(document).ready(function(n){n(".toggle").on("click",function(){var r=n(this).attr("href"),t,i;return t=r=="#mscom-search"?n("[data-id="+r+"]").first():n(r).first(),i={},t.is(":visible")?(i.interactiontype=10,t.removeClass("open"),n("html").hasClass("iem7")?t.hide():t.slideUp(200,"swing")):(i.interactiontype=9,t.addClass("open"),n("html").hasClass("iem7")?t.show():t.slideDown(200,"swing")),n.bi&&(i=n.extend({},n.bi.getLinkData(this),i),i.cot=5,n.bi.record(i)),!1})}),function(n,t,i,r){n.responsiveSlideshow=function(u,f){var c=n(u),o=c.children(),h=0,v={},e,s=n.extend({},n.responsiveSlideshow.defaults,f),a,l=[];n.data(u,"responsiveSlideshow",c),v={init:function(){var f,t,l,u,a;e=this,s.init(),i.documentElement.dir=="rtl"?o.css({"margin-left":"-100%",float:"right",width:"100%"}):o.css({"margin-right":"-100%",float:"left",width:"100%"}),f=o.eq(h),o.not(f).hide(),e.goToSlide(h),f.data("shown",!0);c.on("mouseenter",function(){e.handlePause("hover","enter")}).on("mouseleave",function(){e.handlePause("hover","leave")});c.find("a").on("focus",function(){e.handlePause("focus","enter")}).on("blur",function(){e.handlePause("focus","leave")});if(s.controlNav){t=n(s.controlNav),l=function(){o.each(function(i){var e=n(this).attr("selectBi");e===r&&(e="");var f='<a href="{{target_id}}" title="{{title}}" bi:index="{{idx}}"'+e+'><span aria-hidden="true" class="bi-hidetext">{{icon}}<\/span> <span class="screen-reader-text">{{idx}}<\/span><\/a>',o=/{{\w*}}/gi,s=f.match(o),u=[];u.idx=i,u.target_id=n(this).attr("id"),u.title=t.data("title-text")?t.data("title-text").replace("{{idx}}",i+1):"",u.icon=t.data("icon-text")?t.data("icon-text"):"&#x25CF;",n(s).each(function(n,t){f=f.replace(t,u[t.replace("{{","").replace("}}","")])}),t.append(f)})},t.children().length===0&&l(),t.find("a").eq(0).addClass("active");t.find("a").on("click",function(i){var s,u,c,f;if((i.preventDefault(),s=t.find("a").index(n(this)),h!==s)&&(e.goToSlide(s),n.bi)){u=n.bi.getLinkData(this),c=n.bi.getAttrData(o.eq(s).find("a:visible"));for(f in c)u[f]===r?u[f]=c[f]:u[f]+=";"+c[f];u.typestructure+=o.find("*[bi\\:type]").length>0?";"+o.find("*[bi\\:type]").attr("bi:type"):";slideshowitem",u.interactiontype=6,u.cot=5,n.bi.record(u)}})}if(s.directionNav){u=n(s.directionNav),a=function(){var t=n('<button class="prev">Previous<\/button><button class="next">Next<\/button>');u.append(t)},u.children().length===0&&a();n(u).find(".prev").on("click",function(t){var s,i,f,u;if(t.preventDefault(),s=e.getPrevSlideIndex(),e.prevSlide(),n.bi){i=n.bi.getLinkData(this),f=n.bi.getAttrData(o.eq(s).find("a:visible"));for(u in f)i[u]===r?i[u]=f[u]:i[u]+=";"+f[u];i.typestructure+=o.find("*[bi\\:type]").length>0?";"+o.find("*[bi\\:type]").attr("bi:type"):";slideshowitem",i.interactiontype=5,i.cot=5,i.index=s,n.bi.record(i)}});n(u).find(".next").on("click",function(t){var s,i,f,u;if(t.preventDefault(),s=e.getNextSlideIndex(),e.nextSlide(),n.bi){i=n.bi.getLinkData(this),f=n.bi.getAttrData(o.eq(s).find("a:visible"));for(u in f)i[u]===r?i[u]=f[u]:i[u]+=";"+f[u];i.typestructure+=o.find("*[bi\\:type]").length>0?";"+o.find("*[bi\\:type]").attr("bi:type"):";slideshowitem",i.interactiontype=4,i.cot=5,i.index=s,n.bi.record(i)}})}e.goToSlide(h)},handlePause:function(n,t){if(l[n]=t==="enter",l[n])e.clearTimer();else{for(var i in l)if(l[i])return;e.setTimer()}},setTimer:function(){s.slideshow&&(a=t.setTimeout(e.autoNextSlide,s.speed))},clearTimer:function(){s.slideshow&&!!a&&t.clearTimeout(a)},getNextSlideIndex:function(){var n=h+1;return n===o.length?0:n},getPrevSlideIndex:function(){var n=h-1;return n<0?o.length-1:n},autoNextSlide:function(){var f=e.getNextSlideIndex(),i=o.eq(f),s=!0,u,t;i.find("img").each(function(n,t){if(t.complete==!1)return s=!1,!1}),s==!0&&i.find("div[data-picture]:not([data-resolved])").size()==0?(e.nextSlide(),i.data("shown")!=!0&&(i.data("shown",!0),n.bi&&(u="slideshow;",u+=o.find("*[bi\\:type]").length>0?o.find("*[bi\\:type]").attr("bi:type"):"slideshowitem",t=n.bi.getAttrData(i.find("a:visible")),t.typestructure=u,t.index=f,t.interactiontype=1,t.cot=5,t.uridomain=r,t.uripath=r,t.uriquery=r,n.bi.record(t)))):(e.clearTimer(),e.setTimer())},nextSlide:function(){e.goToSlide(e.getNextSlideIndex())},prevSlide:function(){e.goToSlide(e.getPrevSlideIndex())},goToSlide:function(i){(s.before(),e.clearTimer(),e.setTimer(),h!==i)&&(s.controlNav&&n(s.controlNav).find("a").removeClass("active").eq(i).addClass("active"),o.eq(h).fadeOut(s.animationDuration),n("html").hasClass("no-csstransitions")&&(o.eq(h).find(".box").fadeOut(s.animationDuration),o.eq(i).find(".box").fadeIn(s.animationDuration,function(){s.after()})),h=i,o.eq(i).fadeIn(s.animationDuration,function(){s.after()}),t.setTimeout(function(){s.between(i)},s.animationDuration/2))}},v.init()},n.responsiveSlideshow.defaults={slideshow:!0,speed:5e3,directionNav:null,controlNav:null,animationDuration:400,init:function(){},before:function(){},after:function(){},between:function(){}},n.fn.responsiveSlideshow=function(t){return n(this).each(function(){new n.responsiveSlideshow(n(this),t)})}}(jQuery,window,document),typeof window.MSCOM=="undefined"&&(window.MSCOM={}),window.MSCOM.Helper={htmlEncode:function(n){return n=="undefined"||n==null?n:$("<div/>").text(n).html()},htmlDecode:function(n){return n=="undefined"||n==null?n:$("<div/>").html(n).text()},htmlAttrEncode:function(n){return n=this.htmlEncode(n),n=n.replace(/"/g,"&quot;"),n.replace(/'/g,"&#039;")},isIE7:function(){return navigator.appVersion.indexOf("MSIE 7.")!=-1}},window.MSCOM.Helper.Content={images:{},doc:{},queue:{},curThread:0,maxThread:2,nextDelay:100,logenabled:!1,isBodyLoaded:!1,prefetchEnabled:!0,onload:function(){this.log("window.MSCOM.Helper.Content: Body Onload"),this.isBodyLoaded=!0,setTimeout($.proxy(this.next,this),this.nextDelay)},log:function(n){if(this.logenabled)try{console.log(n)}catch(t){}else window.location.hash.indexOf("helplog")>0&&(this.logenabled=!0)},sortQ:function(){var n=[],i={},t;for(t in this.queue)n.push(t);n.sort();for(t in n)i[n[t]]=this.queue[n[t]];this.queue=i},registerImage:function(n){if(this.prefetchEnabled){var t={path:"",priority:0,type:"img",callback:null,passvar:null,cache:!0};$.extend(t,n),this.addToQueue(t)}return this.prefetchEnabled},registerDoc:function(n){if(this.prefetchEnabled){var t={path:"",priority:0,type:"doc",callback:null,passvar:null,cache:!0};$.extend(t,n),this.addToQueue(t)}return this.prefetchEnabled},unregister:function(n){var r,i,t;for(r in this.queue)for(i=this.queue[r],t=0;t<i.length;++t)if(i[t].path===n)return this.log(["unregister",i[t]]),i.splice(t,1),!0;return!1},addToQueue:function(n){this.log(["addToQueue",n]),this.queue[n.priority]==undefined&&(this.queue[n.priority]=[],this.sortQ()),this.queue[n.priority].push(n),setTimeout($.proxy(this.next,this),this.nextDelay)},next:function(){var n,t;if(!this.prefetchEnabled||this.curThread>=this.maxThread||!$.isReady&&!this.isBodyLoaded)return!1;for(t in this.queue){if(!this.isBodyLoaded&&parseInt(t)>-1)return!1;if(this.queue[t].length>0){n=this.queue[t].shift();break}}n&&(this.log(["Next:starting item",n]),this.curThread++,n.type=="img"&&this.loadImage(n),n.type=="doc"&&this.loadDocument(n))},loadImage:function(n){if(n.cache&&this.images[n.path]!=undefined&&this.images[n.path].complete)this.imageLoaded(this.images[n.path],n);else if(document.images){var t=new Image,i=this;$(t).load(function(){i.imageLoaded(t,n)}),$(t).error(function(){i.imageError(t,n)}),t.src=n.path,this.images[n.path]=t}},loadDocument:function(n){if(n.cache&&this.doc[n.path]!=undefined)this.docLoaded(this.doc[n.path],n);else{var t=this;$.get(n.path,function(i){t.docLoaded(i,n)})}},imageLoaded:function(n,t){this.curThread=this.curThread>0?this.curThread-1:0,t.callback&&t.callback(n,t.passvar),setTimeout($.proxy(this.next,this),this.nextDelay)},imageError:function(n,t){this.curThread=this.curThread>0?this.curThread-1:0,t.callback&&t.callback(n,t.passvar),setTimeout($.proxy(this.next,this),this.nextDelay)},docLoaded:function(n,t){this.curThread=this.curThread>0?this.curThread-1:0;try{t.callback&&t.callback(n,t.passvar)}catch(i){this.log(i)}setTimeout($.proxy(this.next,this),this.nextDelay)}},typeof $!="undefined"?$(window).load($.proxy(window.MSCOM.Helper.Content.onload,window.MSCOM.Helper.Content)):document.addEventListener?window.addEventListener("load",function(){window.MSCOM.Helper.Content.onload()},!1):window.attachEvent&&window.attachEvent("onload",function(){window.MSCOM.Helper.Content.onload()}),typeof window.Ms=="undefined"&&(window.Ms={}),Ms.Search=function(n,t){this.dropdownTimer=null,this.Control=$("#"+n),this.Textbox=this.Control.find("input.search-box"),this.Scopes=t.scope,this.CurrentScope=0,this.suggestionsRequestedText="",this.suggestionsRequestedScope=-1,this.CurrentLocale=this.Control.find("input[name=setlang]").val(),this.Site=this.Control.find("input[name=form]").val(),this.processedRequestTime=0,$($.proxy(this.init,this))},Ms.Search.prototype={init:function(){var n=this,t,i,r;this.Control.find("form").submit(function(t){n.submitSearch(t)}),this.Control.find(".search-submit").click(function(t){n.submitSearch(t)}),this.Textbox.val("").bind("keydown",function(t){n.textboxKeydown(t)}).bind("keyup",function(t){n.textboxKeyup(t)}).bind("input",function(t){n.textboxInput(t)}).bind("cut paste",function(){n.handleCutAndPaste()}),this.Control.find(".search-results-box li",this.Control[0]).live("mouseenter",function(t){setTimeout(function(){n.selectDropdownItem($(t.currentTarget),!1)},0)}).live("mouseleave",function(){setTimeout(function(){n.selectDropdownItem(null,!1)},0)}),t=function(){var t=$(this).parents(".mscom-search");t.find(".search-results-box li").length>0&&(n.dropdownTimer!=null&&(window.clearTimeout(n.dropdownTimer),n.dropdownTimer=null),t.find(".search-results-box").slideDown(300))},i=function(){n.dropdownTimer=window.setTimeout(function(){n.Control.find(".search-results-box").slideUp(300)},300)},this.Control.find("input.search-box, input[type=submit], .search-results-box a",this.Control[0]).live({focus:t,blur:i}),this.Control.find(".search-scope a").click(function(t){n.selectSource($(this)),t.preventDefault()}),r=window.attachEvent?"click":"mousedown",this.Control.find(".search-results-box .search-results ul a",this.Control[0]).live(r,function(){n.Textbox.val($(this).text()),n.biTrack()})},submitSearch:function(n){$.bi&&(n.preventDefault(),this.biTrack(),window.location=this.formatSearchRequest(this.Textbox.val(),this.Scopes[this.CurrentScope]))},selectSource:function(n){window.clearTimeout(this.dropdownTimer),this.dropdownTimer=null;var t=this.Control.find(".search-scope li").index(n.parent());t!==this.CurrentScope&&(this.CurrentScope=t,this.Control.find(".search-source").val(t),this.Control.find(".search-scope a").removeClass("checked"),n.addClass("checked"),this.getSuggestions()),this.Textbox.get(0).focus()},shiftHighlight:function(n,t){var r,f,e,u,i;r=this.Control.find(".search-results-box li:visible"),f=this.Control.find(".search-results-box li.selected"),u=f.length?r.index(f):t==="down"?-1:r.length,i=u,t==="down"?(i++,i>=r.length&&(i=-1)):t==="up"&&(i===0?i=-1:i--),i!==-1?this.selectDropdownItem($(r[i]),!0):this.selectDropdownItem(null,!1)},selectDropdownItem:function(n,t){this.Control.find(".search-results-box li").removeClass("selected"),n?(n.addClass("selected"),t&&(n.closest(".search-results").length?this.Textbox.val(n.text()):this.restoreLastTypedText())):this.restoreLastTypedText()},restoreLastTypedText:function(){this.Textbox.val(this.lastTypedText)},textboxInput:function(){this.keyDown==!1&&this.getSuggestions()},textboxKeydown:function(n){var t,i;if(this.keyDown||(this.textOnKeydown=this.Textbox.val()),this.keyDown=!0,n.which===13){if(t=this.Control.find(".search-scope li.selected"),t.length){i=t.find("a"),i.filter(".checked").length===0&&this.selectSource(i),n.preventDefault();return}n.preventDefault(),this.submitSearch(n)}},textboxKeyup:function(n){if(this.keyDown=!1,n.which===40)return this.shiftHighlight(n,"down"),!1;if(n.which===38)return this.shiftHighlight(n,"up"),!1;this.Textbox.val()!==this.textOnKeydown&&(this.lastTypedText=this.Textbox.val(),this.getSuggestions())},handleCutAndPaste:function(){var n=this;setTimeout(function(){n.lastTypedText=n.Textbox.val(),n.getSuggestions()},0)},getSuggestions:function(){var t=this.Textbox.val().replace(/\s+/gi," "),n,f,i,r,e,u;if(t!==this.suggestionsRequestedText||this.CurrentScope!==this.suggestionsRequestedScope){this.suggestionsRequestedText=t,this.suggestionsRequestedScope=this.CurrentScope,i=+new Date;try{n=this.Scopes[this.CurrentScope],n.autoSuggest&&t.length>=parseInt(n.autoSuggest[0].minChars[0])?(f=this["processSuggestions_"+n.autoSuggest[0].resultType[0]],r=this,e=this.formatAutoSuggestRequest(t,n),u={success:function(u){i>r.processedRequestTime&&(r.processedRequestTime=i,f.call(r,u,t,n))}},n.autoSuggest[0].jsonpCallbackName[0]&&(u.jsonp=n.autoSuggest[0].jsonpCallbackName[0],u.dataType="jsonp"),$.ajax(e,u)):(this.processedRequestTime=i,this.hideSuggestions())}catch(o){}}},processSuggestions_bingJSON:function(n,t,i){var r,u,f,e=!1;try{if(n.AS.Results)for(u=n.AS.Results[0].Suggests,r=0;r<u.length;++r)if(u[r].Txt){e=!0;break}}catch(o){return}if(e){for(this.clearSuggestions(),r=0;r<u.length;++r)f=u[r],f.Txt&&this.addSuggestion(f.Txt,this.formatSearchRequest(MSCOM.Helper.htmlDecode(f.Txt),i));this.showSuggestions()}else this.hideSuggestions()},processSuggestions_smcUnmarkedArray:function(n,t,i){var r,u;if(n&&n.length>1){for(this.clearSuggestions(),r=1;r<n.length;++r)u=MSCOM.Helper.htmlEncode(n[r]),this.addSuggestion(this.highlightQuery(u,t),this.formatSearchRequest(u,i));this.showSuggestions()}else this.hideSuggestions()},highlightQuery:function(n,t){var i=n.toLowerCase().indexOf(t.toLowerCase()),r=t.length;return i===-1?n:i===0?n.substr(0,r)+"<strong>"+n.substring(r)+"<\/strong>":"<strong>"+n.substr(0,i)+"<\/strong>"+n.substr(i,r)+"<strong>"+n.substring(r+i)+"<\/strong>"},formatAutoSuggestRequest:function(n,t){return this.formatRequest(t.autoSuggest[0].serviceUrlFormat[0],n)},formatSearchRequest:function(n,t){return this.formatRequest(t.searchUrlFormat[0],n)},formatRequest:function(n,t){return MSCOM.Helper.htmlDecode(n).replace(/\{0\}/g,encodeURIComponent(t)).replace(/\{1\}/g,encodeURIComponent(this.CurrentLocale)).replace(/\{2\}/g,encodeURIComponent(this.Site))},clearSuggestions:function(){this.Control.find(".search-results-box .search-results ul").html("")},addSuggestion:function(n,t){var i=MSCOM.Helper.htmlEncode(n).replace(/&lt;(\/?strong)&gt;/g,"<$1>");this.Control.find(".search-results-box .search-results ul").append("<li><a href='"+MSCOM.Helper.htmlAttrEncode(t)+"'>"+i+"<\/a><\/li>")},fixDropdownContentOldIE:function(){var r,n,t,i;$.browser.msie&&parseInt($.browser.version)<=7&&(r=this,setTimeout(function(){n=r.Control.find(".search-results"),i=n.css("display"),n.css("display",""),n.css("display",i),t=r.Control.find(".search-scope"),i=t.css("display"),t.css("display",""),t.css("display",i)},1))},hideSuggestions:function(){var t=this,n=this.Control.find(".search-results-box .search-results");n.slideUp(300,function(){t.fixDropdownContentOldIE(),n.find("li.selected").removeClass("selected")})},showSuggestions:function(){var n=this;this.Control.find(".search-results-box .search-results").slideDown(300,function(){n.fixDropdownContentOldIE()})},shiftFocus:function(){window.setTimeout($.proxy(function(){this.Textbox.get(0).focus()},this),0)},biTrack:function(){var f,n,t,r,u;if($.bi){if(f=this.Control.find("form"),n=$.bi.getLinkData(f),n.interactiontype=3,n.cot=5,n.searchquery=this.Textbox.val(),t=this.Scopes[this.CurrentScope],t.bi)for(i=0;i<t.bi.length;++i)if(r=t.bi[i],r.parameter)for(i=0;i<r.parameter.length;++i)u=r.parameter[i],n[u.name.toString().toLowerCase()]=u.value;$.bi.record(n)}return!0}},navigator.userAgent.indexOf("Mac OS X")!=-1?$("body").addClass("mac"):$("body").addClass("pc"),$.responsiveSlideshow&&$(".slideshow-news .slides").responsiveSlideshow({speed:6e3}),(navigator.userAgent.match(/iPhone/i)||navigator.userAgent.match(/iPad/i))&&(viewportmeta=document.querySelector('meta[name="viewport"]'),viewportmeta&&(viewportmeta.content="width=device-width, minimum-scale=1.0, maximum-scale=1.0",document.body.addEventListener("gesturestart",function(){viewportmeta.content="width=device-width, minimum-scale=0.25, maximum-scale=1.6"},!1))),function(n){n.fn.fitHeights=function(){function i(){for(var r=-1,i,f,e,u=0;u<t.length;u++)f=t[u],e=-1,f.css({"min-height":0}),f.each(function(){var t=n(this);t.position().top!=e?(i!=undefined&&i.length>1&&i.css({"min-height":r}),e=t.position().top,i=t,r=t.height()):(i=n(i).add(this),t.height()>r&&(r=t.height()))}),i!=undefined&&i.length>1&&i.css({"min-height":r})}var r=n(this),t=[],u=0;r.each(function(){t[u++]=n(this).find(".grid-unit")}),i();n(window).on("resize",i);return this}}(jQuery),$(window).load(function(){$(".set-min-height.grid-row").fitHeights()}),jQuery(document).ready(function(n){function t(){i.filter(".dropdown-open").each(function(){if(n(this).removeClass("dropdown-open"),n.bi){var t=n.bi.getLinkData(n(this).find("a.top-level-link"));t.interactiontype=10,t.cot=5,t.uridomain=undefined,t.uripath=undefined,t.uriquery=undefined,n.bi.record(t)}})}var r=n(".menu-component .top-level-menubar"),i=r.find("li").has(".dropdown-menu").addClass("dropdown");i.find("> a").on("click",function(i){var u=n(this).parent("li"),f=u.find("> .dropdown-menu"),s=u.css("display")=="block"||u.css("display")=="list-item"?!1:!0,r,e,o;i.preventDefault(),s?f.is(":hidden")?(t(),u.addClass("dropdown-open"),n.bi&&(r=n.bi.getLinkData(this),r.interactiontype=9,r.cot=5,r.uridomain=undefined,r.uripath=undefined,r.uriquery=undefined,e=f.find(".multi-col-dropdown"),o=e.length>0?e.find("a"):f.find("a"),n.extend(r,n.bi.getAttrData(o)),n.bi.record(r))):(u.removeClass("dropdown-open"),n.bi&&(r=n.bi.getLinkData(this),r.interactiontype=10,r.cot=5,r.uridomain=undefined,r.uripath=undefined,r.uriquery=undefined,n.bi.record(r))):(n.bi&&(r=n.bi.getLinkData(this),u.hasClass("accordion-open")?r.interactiontype=10:(r.interactiontype=9,e=f.find(".single-col-dropdown"),o=e.length>0?e.find("a"):f.find("a"),n.extend(r,n.bi.getAttrData(o))),r.cot=5,r.uridomain=undefined,r.uripath=undefined,r.uriquery=undefined,n.bi.record(r)),u.toggleClass("accordion-open"),n("html").hasClass("iem7")?f.toggle():f.slideToggle(200,"swing"))});n(document).on("click",function(i){var r=n(i.target);r.parents(".dropdown-open").length===0&&t()});n("a").on("focus",function(){n(this).parents(".dropdown-open").length===0&&t()});n(".home-form").click(function(){})}),eventName=window.attachEvent?"click":"mousedown";$(".heroitem .box, .heroitem .text, .heroitem .text-container").on("click",function(n){if(n.target.tagName.toLowerCase()!="a"){n.stopPropagation();var t=$(this).parents(".heroitem").first().find("a").first();t.size()>0&&(t.trigger("click"),window.location=t.attr("href"))}});if(!window.attachEvent)$(".heroitem .box").on(eventName,function(n){if(n.target.tagName.toLowerCase()!="a"){n.stopPropagation();var t=$(this).parents(".heroitem").first().find("a").first();t.size()>0&&t.eq(0).trigger(eventName)}});$(".heroitem .media a").on(eventName,function(){if($.bi){var i=$.bi.getLinkData(this),t=$(this).parents(".heroitem").find(".box .box-title").text();t==""&&(t=$(this).find("img").attr("alt")),i.title=t,$.bi.record(i)}});$(window).load(function(){var n=function(n){var t;t=n?$(".slideshow-hero .slides > li:eq("+n+") .heroitem"):$(".slideshow-hero .slides > li .heroitem:visible").eq(0),t.hasClass("light-foreground")?$(".prev-next").addClass("light-foreground"):$(".prev-next").removeClass("light-foreground")};$(".slideshow-hero .slides").responsiveSlideshow({speed:4500,controlNav:".slideshow-hero .navigation .grid-container",directionNav:".slideshow-hero .prev-next",init:n,between:n})}),jQuery(document).ready(function(n){var t=n(".pivot");if(n(".pivot-switch").click(function(t){var r,i,u,f;t.preventDefault(),r=n(this).attr("href"),n(this).parent(".pivot").fadeOut(0,function(){n(r).addClass(".hidden").show(0).removeClass(".hidden")}),n.bi&&(i=n.bi.getLinkData(this),i.interactiontype=4,i.cot=5,u=n(r).find("a:visible"),f=n.bi.getAttrData(u),n.extend(i,f),n.bi.record(i))}),n('html[dir="rtl"]').hasClass("iem7"))return n(".pivot-switch").hide(),!1;n("html").hasClass("lt-ie7")||t.hide().filter(":first").show()})
A Pen by Satnam Singh - Script Codes
A Pen by Satnam Singh - Script Codes
Home Page Home
Developer Satnam Singh
Username rssatnam
Uploaded October 01, 2022
Rating 3
Size 11,360 Kb
Views 24,288
Do you need developer help for A Pen by Satnam Singh?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Satnam Singh (rssatnam) Script Codes
Name
JavaScript Reference Type
Name Hover Bubble Animation
Image Viewer
Menu Hover Animation
Giving Strike, Del or S elements a Color
CSS Ribbon
Navigation Slider
CSS3 Form Page Design
Navigation Icon 3 lines to X
CSS Image Parallax Effect
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!