Dropdowns

        
            <div class="drp">
              <button class="bt br-orange">Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>

            
            <div class="drp">
              <button class="bt br-blue">Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>


            <div class="drp">
              <button class="bt br-light-blue">Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>


            <div class="drp">
              <button class="bt br-red">Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>


            <div class="drp">
              <button class="bt br-pink">Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>


            <div class="drp">
              <button class="bt br-purple">Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>


            <div class="drp">
              <button class="bt br-yellow">Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>


            <div class="drp">
              <button class="bt br-green">Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>
         
        

Disabled

         
             <div class="drp">
              <button class="bt br-orange " disabled>Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>

            
            <div class="drp">
              <button class="bt br-blue " disabled>Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>


            <div class="drp">
              <button class="bt br-light-blue " disabled>Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>


            <div class="drp">
              <button class="bt br-red " disabled>Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>


            <div class="drp">
              <button class="bt br-pink " disabled>Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>


            <div class="drp">
              <button class="bt br-purple " disabled>Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>


            <div class="drp">
              <button class="bt br-yellow " disabled>Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>


            <div class="drp">
              <button class="bt br-green " disabled>Dropdown</button>
              <div class="ls">
               <a href="#">Option 1</a>
               <a href="#">Option 2</a>
               <a href="#">Option 3</a>
              </div>
            </div>
         
        

Dropdowns (Traditional)

Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4

  <select id="dropdown" class="slc slc-dark br-orange">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
  </select>
    
  <select id="dropdown" class="slc slc-dark br-blue">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
  </select>
    
  <select id="dropdown" class="slc slc-dark br-light-blue">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
  </select>
    
  <select id="dropdown" class="slc slc-dark br-red">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
  </select>
    
  <select id="dropdown" class="slc slc-dark br-pink">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
  </select>
    
  <select id="dropdown" class="slc slc-dark br-purple">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
  </select>
    
  <select id="dropdown" class="slc slc-dark br-yellow">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
  </select>
    
  <select id="dropdown" class="slc slc-dark br-green">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
  </select>   
            

Disabled

Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4 Option 1 Option 2 Option 3 Option 4