Elements

<div class="alert alert-primary" role="alert">
    A simple primary alert—check it out!
</div>
<div class="alert alert-secondary" role="alert">
    A simple secondary alert—check it out!
</div>
<div class="alert alert-success" role="alert">
    A simple success alert—check it out!
</div>
<div class="alert alert-danger" role="alert">
    A simple danger alert—check it out!
</div>
<div class="alert alert-warning" role="alert">
    A simple warning alert—check it out!
</div>
<div class="alert alert-info" role="alert">
    A simple info alert—check it out!
</div>
<div class="alert alert-light" role="alert">
    A simple light alert—check it out!
</div>
<div class="alert alert-dark" role="alert">
    A simple dark alert—check it out!
</div>
                                    

<a class="butn white" href="#"><span class="alt-font">Button White</span></a>
<a class="butn" href="#"><span class="alt-font">Button</span></a>
                                    

<div class="horizontaltab tab-style4">
    <ul class="resp-tabs-list hor_1">
        <li><i class="fas fa-medkit"></i> Pharmacy</li>
        <li><i class="fas fa-cog"></i> Treatment</li>
        <li><i class="fas fa-flask"></i> Laboratory</li>
    </ul>
    <div class="resp-tabs-container hor_1">
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.
        </div>
        <div>
            There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum.
        </div>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.
        </div>
    </div>
</div>
                                    

<select class="form-control" id="exampleFormControlSelect1">
    <option selected="">All Location</option>
    <option value="1">U.S.A</option>
    <option value="2">U.K</option>
    <option value="3">ASIA</option>
</select>
                                    

<ul class="social-icon-style no-margin">
    <li>
        <a href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a>
    </li>
    <li>
        <a href="javascript:void(0)"><i class="fab fa-twitter"></i></a>
    </li>
    <li>
        <a href="javascript:void(0)"><i class="fab fa-instagram"></i></a>
    </li>
    <li>
        <a href="javascript:void(0)"><i class="fab fa-linkedin-in"></i></a>
    </li>
</ul>
                                    

<ul class="social-links">
    <li><a href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li>
    <li><a href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li>
    <li><a href="javascript:void(0);"><i class="fab fa-dribbble"></i></a></li>
    <li><a href="javascript:void(0);"><i class="fab fa-youtube"></i></a></li>
    <li><a href="javascript:void(0);"><i class="fab fa-linkedin-in"></i></a></li>
</ul>