"Sansukien Footer"
Bootstrap 4.0.0 Snippet by tieusuquay79

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- Footer --> <section id="footer"> <div class="container"> <div class="row text-center text-xs-center text-sm-left text-md-left"> <div class="col-xs-12 col-sm-4 col-md-3"> <img src="https://sansukien.com/wp-content/themes/SanSuKien/assets/img/ssk-logo.png" width="100%" height="30%" /> <br> <p class="text-justify">Săn Sự Kiện là website tạo ra một mạng lưới kết nối bền chặt giữa người tổ chức sự kiện và những người tham dự. Chúng tôi mang đến giải pháp công nghệ tối ưu cho toàn bộ quá trình quản lý, mua bán vé sự kiện trực tuyến nhằm mục tiêu mang sự kiện đến gần hơn với công chúng.</p> </div> <div class="col-xs-12 col-sm-4 col-md-3"> <h5>Trợ giúp</h5> <ul class="list-unstyled quick-links"> <li><a href="https://sansukien.com/trung-tam-tro-giup"><i class="fa fa-angle-double-right"></i>Trung tâm trợ giúp</a></li> <li><a href="https://sansukien.com/quy-trinh-mua-ban-ve-su-kien"><i class="fa fa-angle-double-right"></i>Quy trình mua bán vé</a></li> <li><a href="https://sansukien.com/quy-dinh-dieu-khoan"><i class="fa fa-angle-double-right"></i>Quy định và Điều khoản</a></li> <li><a href="https://sansukien.com/loi-ich-cua-san-su-kien"><i class="fa fa-angle-double-right"></i>Lợi ích của Săn Sự Kiện</a></li> <li><a href="https://sansukien.com/tieu-chuan-chat-luong-su-kien"><i class="fa fa-angle-double-right"></i>Tiêu chuẩn chất lượng sự kiện</a></li> </ul> </div> <div class="col-xs-12 col-sm-4 col-md-3"> <h5>Thông tin</h5> <ul class="list-unstyled quick-links"> <li><a href="#"><i class="fa fa-angle-double-right"></i>Tuyển dụng</a></li> <li><a href="https://sansukien.com/quang-cao-tai-san-su-kien"><i class="fa fa-angle-double-right"></i>Liên hệ hợp tác</a></li> <li><a href="https://sansukien.com/quy-che-hoat-dong"><i class="fa fa-angle-double-right"></i>Quy chế hoạt động</a></li> <li><a href="https://sansukien.com/co-che-giai-quyet-tranh-chap"><i class="fa fa-angle-double-right"></i>Cơ chế giải quyết tranh chấp</a></li> <li><a href="https://sansukien.com/chinh-sach-bao-mat-thong-tin-ca-nhan-khach-hang"><i class="fa fa-angle-double-right"></i>Chính sách bảo mật thông tin</a></li> </ul> </div> <div class="col-xs-12 col-sm-4 col-md-3"> <h5>Kết nối</h5> <ul class="list-unstyled quick-links"> <li><a href="https://sansukien.com/tin-tuc-su-kien-viet-nam"><i class="fa fa-angle-double-right"></i>Blog</a></li> <li><a href="https://www.facebook.com/sansukiendotcom/"><i class="fa fa-angle-double-right"></i>Fanpage</a></li> <li><a href="https://sansukien.com/chu-de-su-kien"><i class="fa fa-angle-double-right"></i>Chủ đề sự kiện</a></li> <li><a href="https://sansukien.com/danh-muc-su-kien"><i class="fa fa-angle-double-right"></i>Danh mục sự kiện</a></li> <li><a href="https://sansukien.com/dia-diem-to-chuc-su-kien"><i class="fa fa-angle-double-right"></i>Địa điểm tổ chức sự kiện</a></li> </ul> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-5"> <ul class="list-unstyled list-inline social text-center"> <li class="list-inline-item"><a href="https://www.facebook.com/sansukiendotcom/" target="_blank"><i class="fa fa-facebook"></i></a></li> <li class="list-inline-item"><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li> <li class="list-inline-item"><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li> <li class="list-inline-item"><a href="#" target="_blank"><i class="fa fa-youtube"></i></a></li> <li class="list-inline-item"><a href="mailto:sansukien@gmail.com" target="_blank"><i class="fa fa-envelope"></i></a></li> </ul> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-2 text-center text-white"> <br> <p class="h6"><a class="text-green ml-2" href="https://sansukien.com/" target="_blank"></a><font color="#000000">© Sansukien Co., Ltd, 2017.</font></p><font color="#000000"> </font></div><font color="#000000"> </font></div><font color="#000000"> </font></div><font color="#000000"> </font></section><font color="#000000"> <!-- ./Footer -->
/* Footer */ @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); section { padding: 60px 0; } section .section-title { text-align: center; color: #007b5e; margin-bottom: 50px; text-transform: uppercase; } #footer { background: #ffffff !important; } #footer h5{ padding-left: 10px; border-left: 3px solid #eeeeee; padding-bottom: 6px; margin-bottom: 20px; color:#000000; } #footer a { color: #000000; text-decoration: none !important; background-color: transparent; -webkit-text-decoration-skip: objects; } #footer ul.social li{ padding: 3px 0; } #footer ul.social li a i { margin-right: 5px; font-size:25px; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; } #footer ul.social li:hover a i { font-size:30px; margin-top:-10px; } #footer ul.social li a, #footer ul.quick-links li a{ color:#000000; } #footer ul.social li a:hover{ color:#3b5998; } #footer ul.quick-links li{ padding: 3px 0; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; } #footer ul.quick-links li:hover{ padding: 3px 0; margin-left:5px; font-weight:700; } #footer ul.quick-links li a i{ margin-right: 5px; } #footer ul.quick-links li:hover a i { font-weight: 700; } @media (max-width:767px){ #footer h5 { padding-left: 0; border-left: transparent; padding-bottom: 0px; margin-bottom: 10px; } }

Related: See More


Questions / Comments: