<div data-type="component-text" data-preview="editor/snippets/default/preview/imgfooter.png"  data-keditor-title="Footer" data-keditor-categories="Footer;copyright">
<style type="text/css">
    footer{
     background-color: #33383c;
     padding:70px 0px;
     padding-bottom: 0;
}          

.adress span , .contact span , .social span{
   color: #FFF; 
   font-weight: 800; 
   padding:20px 0px;
   display: block;
   text-transform: uppercase;
   font-size: 16px;
   letter-spacing: 3px;
}

.adress li , .contact li , .social li {
    padding:5px 0px;
    list-style: none;
}

.adress li p , .contact li a , .social li a{
    color:#FFF;
    letter-spacing: 2px;
    text-decoration:none;
    font-size:14px;
}

.social li{
    float:left;
}

.social .fa{
    color:#9c9c9c;
    margin-right: 10px;
    font-size:22px;
}

</style>
<footer style="padding-bottom: 0;">
     <div class="container" style="max-width:100%;">
       <div class="row">
       
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <ul class="adress">
                         <span>Adress</span>    
                         <li>
                            <p>Lorem ipsum dolor sit amet, vero omnis vocibus</p>
                          </li>
                               
                          <li>
                            <p>+90 1234 56789</p>
                          </li>
                               
                          <li>
                            <p>info@gmail.com</p>
                          </li>
                     </ul>
                </div>
                
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <ul class="contact">
                         <span>Contact</span>    
                         <li>
                            <a href="#">Home</a>
                          </li>
                               
                          <li>
                             <a href="#">About</a>
                          </li>
                               
                          <li>
                            <a href="#">Blog</a>
                          </li>
                               
                          <li>
                             <a href="#">Gallery </a>
                          </li>
                               
                          <li>
                            <a href="#">Contact</a>
                         </li>
                    </ul>
                </div>
                
                
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <ul class="contact">
                         <span>Blogs</span>    
                         <li>
                            <a href="#">Blog 1</a>
                          </li>
                               
                          <li>
                             <a href="#">Blog 2</a>
                          </li>
                               
                          <li>
                            <a href="#">Blog 3</a>
                          </li>
                               
                          <li>
                             <a href="#">Blog 4</a>
                          </li>
                               
                          <li>
                            <a href="#">Blog 5</a>
                         </li>
                    </ul>
                </div>
           
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                   <ul class="social">
                   <li style="float:none;">
                              <span>Social</span>    
                              </li>
                               <li style="float:none;">
                                    <a data-cke-survive="true"  href="#"><i data-cke-survive="true" class="fa fa-facebook fa-2x"></i></a>
                                    <a data-cke-survive="true"  href="#"><i data-cke-survive="true" class="fa fa-github fa-2x"></i></a>
                                    <a data-cke-survive="true"  href="#"><i data-cke-survive="true" class="fa fa-linkedin fa-2x"></i></a>
                               </li>
                              
                              
                              
                     </ul>
               </div>
           
           
        </div> 
    </div>
    <div class="container" style="max-width:100%;margin:0;padding:5px;text-align: center;background:#000;color:#fff;">
        <p style="color:#fff;">copyright (c) 2018, Opensoft Technologies Sdn. Bhd.</p>
    </div>
 </footer>
 </div>