Can anyone design and give me this drop down menu

like this image shown here above

the sample code pls use it

     <li><a href='#home'>Home</a></li>
    
     <li><a>News</a></li>
          
     <li class='ddown'>
       <a class='dbtn'>How To</a>
          <div class='dpc'>
              <a href='#'>Free Learn</a>
          </div>  
     </li>
    
     <li class='ddown'>
       <a class='dbtn'>Tricks</a>
          <div class='dpc'>
              <a href='#'>Andriod</a>
              <a href='#'>Windows</a>
          </div>  
     </li>
    
     <li class='ddown'>
       <a class='dbtn'>Hacking</a>
          <div class='dpc'>
              <a href='#'>Andriod</a>
              <a href='#'>Windows</a>
              <a href='#'>Iphone</a>
          </div>  
     </li>
    
     <li class='ddown'>
       <a class='dbtn'>Software</a>
          <div class='dpc'>
              <a href='#'>Andriod</a>
              <a href='#'>Windows</a>
              <a href='#'>Iphone</a>
          </div>  
     </li>
     
    
     <li class='ddown'>
       <a class='dbtn'>Educational</a>
          <div class='dpc'>
              <a href='#'>BSC-IT</a>
              <a href='#'>MCA</a>
          </div>  
     </li>
    
      
     <li class='ddown'>
       <a class='dbtn'>Programming Language</a>
          <div class='dpc'>
              <a href='#'>HTML-CSS</a>
              <a href='#'>C++</a>
              <a href='#'>C#</a>
              <a href='#'>Projects</a> 
          </div>  
     </li>   
    
     
     <li class='ddown'>
       <a class='dbtn'>Blogging Tips</a>
          <div class='dpc'>
              <a href='#'>1</a>
              <a href='#'>2</a>
              <a href='#'>3</a>
          </div>  
     </li> 
     
     
     <li class='ddown'>
       <a class='dbtn'>Funny Videos</a>
          <div class='dpc'>
              <a href='#'>1</a>
              <a href='#'>2</a>
              <a href='#'>3</a>
          </div>  
     </li> 
    
     <li class='ddown'>
       <a class='dbtn'>Quotes-Shayari</a>
          <div class='dpc'>
              <a href='#'>1</a>
              <a href='#'>2</a>
              <a href='#'>3</a>
          </div>  
     </li> 
    

Welcome, @enjoyfriends1995. This is not a free coding service, it is a web development discussion forum. Why don’t you give it a start and if/when you get stuck, ask for help.

okk sir let me start with my code need help i will post

1 Like

That looks to be a standard drop down much like the one I fixed for you in the other thread:). All it needs is some restyling?

i am trying if any issue i will rise up here

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.