Bootstrap Snippet Footer Design Using Bootstrap 4.1.1 using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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 ---------->
<div class="container-fluid">
    <div class="row footer-top">
        <div class="col-sm-4 text-center">
            <h4 class="ft-text-title">Media Name</h4>
            <h6 class="ft-desp">Company Name 
                <br>Country Name
            </h6>
            <h4 class="details">
                <a class="contact" href="tel:+977-1-4107223">
                    <i class="fa fa-phone" aria-hidden="true"></i> +977-000000</a>
                </h4>
            </div>
            <div class="col-sm-4 text-center border-left">
                <h4 class="ft-text-title">Our Team</h4>
                <div class="address-member">
                    <p class="member">
                        <b>Director</b> : 
                    </p>
                    <p class="member">
                        <b>Editor</b> : 
                    </p>
                    <p class="member">
                        <b>Reporter</b> : 
                    </p>
                    <p class="member">
                        <b>Reporter</b> : 
                    </p>
               </div>
           </div>
           <div class="col-sm-4 col-xs-12 text-center border-left">
            <h4 class="ft-text-title">About</h4>
            <div class="pspt-dtls">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.ft-copyright {
        background-color: #000a1f;
        border-top: 1px solid #121d6d;
        display: flex;
    }
    .pb-2,
    .py-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important;
    }
    .footer-top {
        background-color: #012061;
        border-bottom: 1px solid rgba(25, 52, 132, .64);
    }
    .text-center {
        text-align: center !important;
    }
    h4.ft-text-title {
        color: #fff;
        margin: 20px 0 10px;
        font-weight: 700;
        text-align: center;
    }
    h4 {
        display: block;
        -webkit-margin-before: 1.33em;
        -webkit-margin-after: 1.33em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        font-weight: bold;
        font-size: 1.3em;
    }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Footer Design Using Bootstrap 4.1.1 "
Bootstrap 4.1.1 Snippet by Tilak Kc

Related: See More

Questions / Comments:

"Footer Design Using Bootstrap 4.1.1 " Bootstrap 4.1.1 Snippet by Tilak Kc

Related: See More

Questions / Comments:

"Footer Design Using Bootstrap 4.1.1 "
Bootstrap 4.1.1 Snippet by Tilak Kc