


<style>
    
    /* ===========================
   ====== Material Icons ====== 
   =========================== */

body {
    margin: 0 0 55px 0;
	}

.nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 55px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background-color: white;
    display: flex;
	color:blue;
    overflow-x: auto;
}

.nav__link {
    display: flex;
		color:red;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-width: 50px;
    overflow: hidden;
    white-space: nowrap;
    font-family: sans-serif;
    font-size: 13px;
    color: red;
    text-decoration: none;
    transition: background-color 0.1s ease-in-out;
}

.nav__link:hover {
    background-color:#ebe7df ;
	
}

.nav__link--active {
    color: green;
}

.nav__icon {
    font-size: 18px;
	color:black
}



</style>
<style>

.footer1{
   color:white;
   float: left;
   margin-left: 10px;
   text-align: center;
   

}

.footer1vb{
    
    color:#0090ff;
}

footer {
  left: 0;
  bottom: 0;
  color: white;
  font-size: 11px;
  margin-right: 33%;
}
@media (max-width:550px){

  footer {
    
    margin-left: none;
  
  }
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  
 

  }
  
    </style>
<footer >
  <p><a href="/about" class="footer1" >About us </a></p>
   <a href="/terms" class="footer1">Terms of service</a>
   <p><a href="/sitemap.php" class="footer1">Disclaimer</a></p>
   <a href="/privacy" class="footer1">Privacy policy</a>
   <p><a href="/sitemap" class="footer1">Sitemap</a></p>
   <p><a href="https://naasongs.vip/" class="footer1">Ringtones BGM</a></p>
   <p><a href="https://mobcup.click/" class="footer1">Mobcup</a></p>

   <p><a href="https://naasongslyrics.com/" class="footer1">Naa Songs</a></p>
    <p><a href="https://naasongslyrics.net/" class="footer1">Private Naa Songs </a></p>
        <p><a href="https://ibomma.art/" class="footer1">ibomma </a></p>

</footer>

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<nav class="nav">
  <a href="/" class="nav__link"> 
    <i class="material-icons nav__icon">house</i>
    <span class="nav__text" style="color:white;">Home</span>
  </a>
  <a href="#search" class="nav__link nav__link--active">
    <i class="material-icons nav__icon">search</i>
    <span class="nav__text" style="color:white;">Search</span>
  </a>
  
<style>

  /* ===========================
   ====== Material Icons ====== 
   =========================== */

body {
    margin: 0 0 55px 0;
	}

.nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 55px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(6,81,168,1) 58%, rgba(3,143,209,1) 78%, rgba(0,212,255,1) 100%);
    display: flex;
	color:blue;
    overflow-x: auto;
}

.nav__link {
    display: flex;
		color:red;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-width: 50px;
    overflow: hidden;
    white-space: nowrap;
    font-family: sans-serif;
    font-size: 13px;
    color: red;
    text-decoration: none;
    transition: background-color 0.1s ease-in-out;
}

.nav__link:hover {
    background-color:#ebe7df ;
	
}

.nav__link--active {
    color: green;
}

.nav__icon {
    font-size: 18px;
	color:white
}





</style>