Dropdown Style: 01

<div class="con_r028 spd-padding-top-bottom-60 spd-row">
<h3 class="spd-font-weight-400"> Dropdown Style: 01</h3>
<div class="spd-padding-bottom-20"></div>
<div class="spd-row">
<div class="dropdown spd-r-float-left spd-r-dropdown-styl1 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#">Dropdown 01</a>
<ul role="menu" aria-labelledby="dLabel" class="dropdown-menu">
<li> Menu Item 01</li>
<li>Menu Item 02</li>
<li> Menu Item 03</li>
<li> Menu Item 04</li>
<li> Menu Item 05</li>
</ul>
</div>
<div class="dropdown spd-r-float-left spd-r-dropdown-styl1 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#">Dropdown 02</a>
<ul role="menu" aria-labelledby="dLabe2" class="dropdown-menu">
<li> Menu Item 01</li>
<li>Menu Item 02</li>
<li> Menu Item 03</li>
<li> Menu Item 04</li>
<li> Menu Item 05</li>
</ul>
</div>
<div class="dropdown spd-r-float-left spd-r-dropdown-styl1 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#">Dropdown 03</a>
<ul role="menu" aria-labelledby="dLabe2" class="dropdown-menu">
<li> Menu Item 01</li>
<li>Menu Item 02</li>
<li> Menu Item 03</li>
<li> Menu Item 04</li>
<li> Menu Item 05</li>
</ul>
</div>
<div class="dropdown spd-r-float-left spd-r-dropdown-styl1 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#">Dropdown 04</a>
<ul role="menu" aria-labelledby="dLabe2" class="dropdown-menu">
<li> Menu Item 01</li>
<li>Menu Item 02</li>
<li> Menu Item 03</li>
<li> Menu Item 04</li>
<li> Menu Item 05</li>
</ul>
</div>
</div>
</div>

Dropdown Style: 02

<div class="con_r029 spd-padding-top-bottom-60 spd-row ">
<div class="spd-row">
<h3 class="spd-font-weight-400"> Dropdown Style: 02</h3>
<div class="spd-padding-bottom-20"></div>
</div>
<div class="spd-row">
<div class="dropdown spd-r-float-left spd-r-dropdown-styl2 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#" class="spdBaseBdrColr spdBaseFntColr">Dropdown 01</a>
<ul role="menu" aria-labelledby="dLabel" class="spdBaseFntColr dropdown-menu">
<li>Menu Item 01</li>
<li>Menu Item 02</li>
<li>Menu Item 03</li>
<li>Menu Item 04</li>
<li>Menu Item 05</li>
</ul>
</div>
<div class="dropdown spd-r-float-left spd-r-dropdown-styl2 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#" class="spdBaseBdrColr spdBaseFntColr">Dropdown 02</a>
<ul role="menu" aria-labelledby="dLabe2" class="spdBaseFntColr dropdown-menu">
<li>Menu Item 01</li>
<li>Menu Item 02</li>
<li>Menu Item 03</li>
<li>Menu Item 04</li>
<li>Menu Item 05</li>
</ul>
</div>
<div class="dropdown spd-r-float-left spd-r-dropdown-styl2 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#" class="spdBaseBdrColr spdBaseFntColr">Dropdown 03</a>
<ul role="menu" aria-labelledby="dLabe2" class="spdBaseFntColr dropdown-menu">
<li>Menu Item 01</li>
<li>Menu Item 02</li>
<li>Menu Item 03</li>
<li>Menu Item 04</li>
<li>Menu Item 05</li>
</ul>
</div>
<div class="dropdown spd-r-float-left spd-r-dropdown-styl2 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#" class="spdBaseBdrColr spdBaseFntColr">Dropdown 04</a>
<ul role="menu" aria-labelledby="dLabe2" class="spdBaseFntColr dropdown-menu">
<li>Menu Item 01</li>
<li>Menu Item 02</li>
<li>Menu Item 03</li>
<li>Menu Item 04</li>
<li>Menu Item 05</li>
</ul>
</div>
</div>
</div>

Dropdown Style: 03

<div class="con_r030 spd-padding-top-bottom-60 spd-row ">
<div class="spd-row">
<h3 class="spd-font-weight-400"> Dropdown Style: 03</h3>
<div class="spd-padding-bottom-20"></div>
</div>
<div class="spd-row">
<div class="dropdown spd-r-float-left spd-r-dropdown-styl3 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#" class="spdBaseBdrColr spdBaseFntColr">Dropdown 01</a>
<ul role="menu" aria-labelledby="dLabe2" class="spdBaseFntColr dropdown-menu">
<li> Menu Item 01</li>
<li>Menu Item 02</li>
<li> Menu Item 03</li>
<li> Menu Item 04</li>
<li> Menu Item 05</li>
</ul>
</div>
<div class="dropdown spd-r-float-left spd-r-dropdown-styl3 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#" class="spdBaseBdrColr spdBaseFntColr">Dropdown 02</a>
<ul role="menu" aria-labelledby="dLabe2" class="spdBaseFntColr dropdown-menu">
<li> Menu Item 01</li>
<li>Menu Item 02</li>
<li> Menu Item 03</li>
<li> Menu Item 04</li>
<li> Menu Item 05</li>
</ul>
</div>
<div class="dropdown spd-r-float-left spd-r-dropdown-styl3 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#" class="spdBaseBdrColr spdBaseFntColr">Dropdown 03</a>
<ul role="menu" aria-labelledby="dLabe2" class="spdBaseFntColr dropdown-menu">
<li> Menu Item 01</li>
<li>Menu Item 02</li>
<li> Menu Item 03</li>
<li> Menu Item 04</li>
<li> Menu Item 05</li>
</ul>
</div>
<div class="dropdown spd-r-float-left spd-r-dropdown-styl3 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#" class="spdBaseBdrColr spdBaseFntColr">Dropdown 04</a>
<ul role="menu" aria-labelledby="dLabe2" class="spdBaseFntColr dropdown-menu">
<li> Menu Item 01</li>
<li>Menu Item 02</li>
<li> Menu Item 03</li>
<li> Menu Item 04</li>
<li> Menu Item 05</li>
</ul>
</div>
</div>
</div>

Dropdown Style: 04

<div class="con_r031 spd-padding-top-bottom-60 spd-row ">
<div class="spd-row">
<h3 class="spd-font-weight-400"> Dropdown Style: 04</h3>
<div class="spd-padding-bottom-20"></div>
</div>
<div class="spd-row">
<div class="dropdown spd-r-float-left spd-r-dropdown-styl4 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#" class="spdBaseBdrColr spdBaseBgColr spdBaseFntColr">Dropdown 01<span></span></a>
<ul role="menu" aria-labelledby="dLabe2" class="spdBaseFntColr dropdown-menu">
<li>Menu Item 01</li>
<li>Menu Item 02</li>
<li>Menu Item 03</li>
<li>Menu Item 04</li>
<li>Menu Item 05</li>
</ul>
</div>
<div class="dropdown spd-r-float-left spd-r-dropdown-styl4 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#" class="spdBaseBdrColr spdBaseBgColr spdBaseFntColr">Dropdown 02<span></span></a>
<ul role="menu" aria-labelledby="dLabe2" class="spdBaseFntColr dropdown-menu">
<li>Menu Item 01</li>
<li>Menu Item 02</li>
<li>Menu Item 03</li>
<li>Menu Item 04</li>
<li>Menu Item 05</li>
</ul>
</div>
<div class="dropdown spd-r-float-left spd-r-dropdown-styl4 spd-col-md-3 spd-col-sm-3"><a data-toggle="dropdown" href="#" class="spdBaseBdrColr spdBaseBgColr spdBaseFntColr">Dropdown 03<span></span></a>
<ul role="menu" aria-labelledby="dLabe2" class="spdBaseFntColr dropdown-menu">
<li>Menu Item 01</li>
<li>Menu Item 02</li>
<li>Menu Item 03</li>
<li>Menu Item 04</li>
<li>Menu Item 05</li>
</ul>
</div>
<div class="dropdown spd-r-float-left spd-r-dropdown-styl4 spd-col-sm-3 spd-col-md-3"><a data-toggle="dropdown" href="#" class="spdBaseBdrColr spdBaseBgColr spdBaseFntColr">Dropdown 04<span></span></a>
<ul role="menu" aria-labelledby="dLabe2" class="spdBaseFntColr dropdown-menu">
<li>Menu Item 01</li>
<li>Menu Item 02</li>
<li>Menu Item 03</li>
<li>Menu Item 04</li>
<li>Menu Item 05</li>
</ul>
</div>
</div>
</div>
Login