<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!--Start footer area--> <footer class="footer"> <div class="footer__main"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="text-center"><a href="<?php echo $project_path;?>" class="footer__logo"><img src="<?php echo $project_path;?>public/images/logo.png" alt="Logo" class="img-responsive"></a></div> </div> <div class="col-md-8"> <div id="success_messages" align="center" class="ajax_response"></div> <div class="loader_subsriber" style='display:none;'></div> <form class="footer-form" id="frm_susribe"> <div class="row"> <div class="col-sm-5 border-right"> <h3 class="footer-form__title">Get the FREE Newsletter</h3> <div class="footer-form__info">Sign up to get the updates about new events</div> </div> <div class="col-sm-7"> <div class="form-group"> <input type="email" id="email_ids" placeholder="Your email address ..." class="footer-form__input"> <button type="submit" class="footer-form__btn"><i class="fa fa-hand-o-up" aria-hidden="true"></i> Subscribe</button> </div> </div> </div> </form> </div> </div> <div class="row footer-sec"> <div class="col-md-4"> <section class="footer-section"> <h3 class="footer-section__title ui-title-inner"><i class="fa fa-minus" aria-hidden="true"></i> Address</h3> <div class="footer__contact"><i class="fa fa-map" aria-hidden="true"></i> 101, Clementi Road 129789, Singapore</div> <div class="footer__contact"><i class="fa fa-map" aria-hidden="true"></i> Sreeram nagar, colony street no-12, Kondapur-500084, Telengana</div> <div class="footer__contact"><i class="fa fa-envelope" aria-hidden="true"></i> <a href="mailto:info@aieglobal.org">info@aieglobal.org</a></div> <div class="footer__contact"><i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:+1(855)5473658">+1(855)5473658</a></div> </section> </div> <div class="col-md-8"> <section class="footer-section"> <h3 class="footer-section__title ui-title-inner"><i class="fa fa-minus" aria-hidden="true"></i> Quick Links</h3> <uL> <li><a href="<?php echo $project_path;?>attend-a-conference"> Attend a conference</a></li> <li><a href="<?php echo $project_path;?>publish-your-books"> Publish your Books with us</a></li> <li><a href="<?php echo $project_path;?>journal-publication"> Publication in a journal</a></li> <li><a href="<?php echo $project_path;?>publish-your-magazine"> Publish your Magazine with us</a></li> <li><a href="<?php echo $project_path;?>get-plagiarism-free-content"> plagiarism free content</a></li> <li><a href="<?php echo $project_path;?>online-writing-and-editing-services"> writing and editing services</a></li> <li><a href="<?php echo $project_path;?>paper-formatting-services"> Paper formatting services</a></li> <li><a href="<?php echo $project_path;?>get-peer-review-report"> Peer Review Report</a></li> <li><a href="<?php echo $project_path;?>membership"> Become a member</a></li> <li><a href="<?php echo $project_path;?>renew-membership"> Renew membership</a></li> <li><a href="volunteering"> Volunteer</a></li> </ul> </section> </div> </div> </div> </div> <div class="footer__bottom"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="copyright ">© <?php echo date("Y");?><strong> Asian Institute of Engineers</strong> - All Rights Reserved.</div> <ul class="social-net list-inline pull-right"> <li class="social-net__item"><a href="youtube.com" class="social-net__link text-primary_h"><i class="icon fa fa-youtube"></i></a></li> <li class="social-net__item"><a href="twitter.com" class="social-net__link text-primary_h"><i class="icon fa fa-twitter"></i></a></li> <li class="social-net__item"><a href="facebook.com" class="social-net__link text-primary_h"><i class="icon fa fa-facebook"></i></a></li> <li class="social-net__item"><a href="plus.google.com" class="social-net__link text-primary_h"><i class="icon fa fa-google-plus"></i></a></li> <li class="social-net__item"><a href="instagram.com" class="social-net__link text-primary_h"><i class="icon fa fa-instagram"></i></a></li> </ul> <!-- end social-list--> </div> </div> </div> </div> </footer> <!--End footer area-->

.footer{ position: relative; padding-top: 60px; font-size: 14px; color: #bdbcbc; background-color: #083142; } .footer .footer-section__title { margin-bottom: 31px; font-size: 16px; font-weight: 500; color: white; } .footer-section__title i { color: #1fb597; margin-right: 7px; } .footer .ui-decor-2 { width: 20px; margin-right: 8px; vertical-align: middle; } .footer .footer-form { position: relative; margin-bottom: 0px; padding-bottom: 5px; border-bottom: 1px solid #3d3d3d; } .footer .footer-form__title { margin-top: 0; margin-bottom: 2px; font-size: 18px; font-weight: 500; line-height: 1; color: white; } .footer .footer-form__info { font-size: 14px; color: #777; } .footer .footer-form__input { width: 100%; padding: 7px 26px; font-style: italic; border-left: 1px solid #3d3d3d; } .border-right{ border-right: 1px solid #3d3d3d; } .footer .footer-form__btn { font-size: 18px; color: #03bf8f; opacity: 0.8; position: absolute; right: 14px; top: 7px; font-weight: 700; } .footer .footer-form__input, .footer .footer-form__btn { border: none; background-color: transparent; } .footer .footer-section__subtitle { margin-bottom: 10px; font-weight: 500; color: #eee; } .footer__contact { margin-bottom: 13px; } .footer__contact i { margin-right: 0; padding-right: 16px; font-size: 14px; color: rgb(31, 181, 151); } .footer-sec{ padding: 0px 0px 47px 0px; } .footer-list__item { display: inline-block; width: 50%; margin-right: -3px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; vertical-align: top; } .footer-list__link i{ margin-right: 7px; color: #1fb597; } .footer .footer-section { margin-top: 47px; } .footer .footer-section img{ width: 100%; } .footer__info { margin-right: 20px; } .footer__bottom { padding-top: 28px; padding-bottom: 28px; background-color: #09455f; } .footer .copyright { padding-top: 5px; padding-right: 30px; font-size: 13px; color: #aaa; } .social-net { margin-right: -8px; } .footer .copyright__link { padding-left: 12px; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } .footer .copyright__link + .copyright__link { padding-left: 8px; } .thm-btn-sml{ text-align: center; font-size: 11px; font-weight: 700; line-height: 10px; text-transform: uppercase; transition: all 500ms ease; font-family: 'Roboto', sans-serif; display: inline-block; padding: 10px 16px; border-radius: 3px; background: #1fb597; color: #fff; } .thm-btn-sml:hover{ background: #252525; color: #ffffff; transition: all 0.5s ease 0s; } .footer .social-net__item { margin-right: 0; margin-left: 7px; padding-top: 1px; border: 2px solid rgba(250, 250, 250, 0.2); background-color: transparent; } .social-net .social-net__item { float: left; width: 32px; height: 32px; margin-right: 5px; padding: 3px 0; border-radius: 50%; background-color: #e8e8e8; text-align: center; } .footer .social-net__link { color: #777; } .footer .social-net__link:hover { color: #1fb597; -webkit-transition: all 0.3s; transition: all 0.3s; } .social-net__link { display: block; font-size: 14px; color: #aaa; } .footer .footer-form__btn { font-size: 18px; color: #03bf8f; opacity: 0.8; position: absolute; right: 14px; top: 7px; font-weight: 700; } .footer .footer-form__input, .footer .footer-form__btn { border: none; background-color: transparent; } .footer .footer-section__subtitle { margin-bottom: 10px; font-weight: 500; color: #eee; } .footer__contact { margin-bottom: 13px; } .footer__contact i { margin-right: 0; padding-right: 16px; font-size: 14px; color: rgb(31, 181, 151); } .footer-section ul{ column-count: 3; } .footer-section ul li{ margin-right: 10px; margin-bottom: 10px; border-right: 1px solid #09455e; } .footer-section ul li a{ padding-right: 10px; font-size: 15px; display: flex; color: #c7c7c7 !important; } .footer-section ul li a:hover{ color: #fff !important; } .footer-section ul li a::before{ content: '\f00c'; font-family: fontAwesome; margin-right: 7px; }