<style type="text/css"> #toc{width:99%;margin:5px auto;border:1px solid #df772d; -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);} .labl{color:#FF5F00;font-weight:bold;margin:0 -5px; padding:1px 0 2px 11px;background: #08484f; border:1px solid #2D96DF; border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb; -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;} .labl a{color:#fff;} .labl:first-letter{text-transform:uppercase;} .new{color:#FF5F00;font-weight:bold;font-style:italic;} .postname{font-weight:normal;background:#fff;margin-left: 35px;} .postname li{border-bottom: #ddd 1px dotted;margin-right:5px} </style> <br /> <div id="toc"> <script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js...

   <p>&nbsp;</p> <style type="text/css"> #toc{width:99%;margin:5px auto;border:1px solid #df772d; -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);} .labl{color:#FF5F00;font-weight:bold;margin:0 -5px; padding:1px 0 2px 11px;background: #353535; border:1px solid #FF5F00; border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb; -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;} .labl a{color:#fff;} .labl:first-letter{text-transform:uppercase;} .new{color:#ff0000;font-weight:bold;font-style:italic;} .postname{font-weight:normal;background:#fff;margin-left: 35px;} .postname li{border-bottom: #ddd 1px dotted;margin-right:5px} </style> <br /> <div id="toc"> <script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20...

   <!-- custom footer#2 -->     <style> #footer-b-container {   background-color: #1a1a1a;   padding-top: 30px;   padding-bottom: 30px;   padding-left: 10px;   color: white; }  #footer-b-container a {   display: block;   color: #8c8c8c;   margin-bottom: 5px; }    #footer-b-container a:hover {   color: white; }     .footer-b-about {   padding-top: 30px;   padding-bottom: 30px; }    .footer-b-service {   padding-top: 30px;   padding-bottom: 30px; } .footer-b-header {   padding-top: 30px;   padding-bottom: 30px; }   .vl {   border-left: 0.5px solid #8c8c8c;   height: 150px;   opacity: 0.7;   display: none; }   @media only screen and (min-width: 900px) { #footer-b-container {   display: flex;   justify-content: center; } }   @media only screen and (min-width: 900px) { .footer-b-abou...

   <!-- custom footer#2 -->     <div id='footer-b-container'>            <div class='footer-b-about'>      <h4>About</h4>              <a href='#'>Home</a>      <a href='#'>Sitemap</a>      <a href='#'>Contact Us</a>      <a href='#'>Privacy Policy</a>      <a href='#'>Disclaimer</a>       </div>         <div class='vl'/>      <div class='footer-b-sevice'>      <h4>Services</h4>              <a href='#'>Pre-Order</a>      <a href='#'>DNA FAQ</a>      <a href='#'>How To Access</a>      <a href='#'>Favorite Pro...

  <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'> </link> <style> .navbar {   overflow: hidden;   background-color: #333;   font-family: Arial, Helvetica, sans-serif; } .navbar a {   float: left;   font-size: 16px;   color: white;   text-align: center;   padding: 14px 16px;   text-decoration: none; } .dropdown {   float: left;   overflow: hidden; } .dropdown .dropbtn {   cursor: pointer;   font-size: 16px;     border: none;   outline: none;   color: white;   padding: 14px 16px;   background-color: inherit;   font-family: inherit;   margin: 0; } .navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus {   background-color: #008C8C; } .dropdown-content {   display: none;   position: absolute;   background-color: #f9f9f9;   min-width: 160px;   box-shadow: 0px 8px ...

  <div class='navbar'>   <a href='#'>Home</a>   <a href='#'>Product</a>   <div class='dropdown'>   <button class='dropbtn' onclick='myFunction()'>More     <i class='fa fa-caret-down'/>   </button>   <div class='dropdown-content' id='myDropdown'>     <a href='#'>Submenu 1</a>     <a href='#'>Submenu 2</a>     <a href='#'>Submenu 3</a>     <a href='#'>Submenu 4</a>     <a href='#'>Submenu 5</a>   </div>   </div>  </div> <script> /* When the user clicks on the button,  toggle between hiding and showing the dropdown content */ function myFunction() {   document.getElementById(&quot;myDropdown&quot;).classList.toggle(&quot;show&quot;); } // Close the dropdown if the user clicks outside of it window.onclick = function...