"Support Center (Test)"
Bootstrap 3.3.0 Snippet by sparkktv

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/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 ----------> <div class="support-frontpage support-border col-lg-12"> <div class="col-lg-6" style="border-right: 1px solid #d7d7d7;"> <div class="text-center"> <i class="fa fa-life-ring" style="font-size: 64px;margin-bottom:25px;"></i> <h2>Help Desk</h2> <p>Our friendly support staffs would always be able to assist you for any inquiries that you may have.</p> <a class="btn btn-success" href="/forums">Access Help Desk</a> </div> </div> <div class="col-lg-6"> <div class="text-center"> <i class="fa fa-envelope-o" style="font-size: 64px;margin-bottom:25px;"></i> <h2>Contact Us</h2> <p>If you have any other inquiries and you would like to reach out to us via e-mail. You may do so by using the contact us form below.</p> <a class="btn btn-primary" href="/contact">Get In Touch With Us</a> </div> </div> </div> <div class="support-frontpage col-lg-12"> <div class="col-lg-6" style="border-right: 1px solid #d7d7d7;"> <div class="text-center"> <i class="fa fa-life-ring" style="font-size: 64px;margin-bottom:25px;"></i> <h2>Help Desk</h2> <p>Our friendly support staffs would always be able to assist you for any inquiries that you may have.</p> <a class="btn btn-success" href="/forums">Access Help Desk</a> </div> </div> <div class="col-lg-6"> <div class="text-center"> <i class="fa fa-envelope-o" style="font-size: 64px;margin-bottom:25px;"></i> <h2>Contact Us</h2> <p>If you have any other inquiries and you would like to reach out to us via e-mail. You may do so by using the contact us form below.</p> <a class="btn btn-primary" href="/contact">Get In Touch With Us</a> </div> </div> </div>
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); .support-frontpage{margin-top:20px;background:#fff;padding:20px;margin-bottom:30px;} .text-center{text-align:center;} .support-frontpage p{margin:0 auto 30px;} .support-border{border-bottom:1px solid #d7d7d7;}

Related: See More


Questions / Comments: