<div class="top-bar icon-class">
    <div class="container">
        <div class="row">
            <div class="icon-marg">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <div class="icon-box margin">
                        <i class="fa fa-facebook fcc"> </i>
                        <i class="fa fa-twitter tcc"></i>
                        <i class="fa fa-google-plus gcc"></i>
                        <i class="fa fa-wifi wcc fa-rotate-45"></i>
                    </div>
                </div>
                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                    <div class="input-group marge1">
                        <input type="text" placeholder="  amir..."  class="in1"/>
                        <input type="password" placeholder="    &#8226;&#8226;&#8226;&#8226;" class="in2" />
                        <button type="button" class="btn btn-xs btn1 ">Login</button>
                    <button type="button" class="btn btn-xs btn2">Sign up</button>
                    <button type="button" class="btn btn-xs btn3">BIG SALE</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>