3D Services section

by Gautam

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://fonts.googleapis.com/css?family=Oswald:400,300"></script>
<body>
<!-- <div class="bs-example"> -->

 <div class="container">
    <div class="row">
         <div class="col-md-3 down-border">
             <img src="http://goo.gl/rjiz6x" class="img-responsive" alt="Email-marketing" style="margin-top:100px;">

             <div class="box-body text-center">
                 <h3>Our Marketing</h3>
                 <p>Our marketing strategies are well tested and widely accepted</p>
             </div>

            <span class="fancyborder" style="display:block;"></span>
         </div>
     </div> <!-- end of row -->
 </div> <!-- end of container -->
</div>
</body>

CSS

body{
        font-family: 'Oswald',sans-serif;
    }
    img{
        /*transition:all 10s;*/
        -webkit-transition:all .4s ease-out 0s;
        -moz-transition:all .4s ease-out 0s;
        transition:all .4s ease-out 0s;
        /*transition:top 2s;*/
/*        padding: 5px;
        background-color: yellow;*/
        position: relative;
        top: 0px;
-webkit-box-shadow: -5px 34px 37px -13px rgba(0,0,0,0.8);
-moz-box-shadow: -5px 34px 37px -13px rgba(0,0,0,0.8);
box-shadow: -5px 34px 37px -13px rgba(0,0,0,0.8);
    }
    img:hover{
        top: -15px;
        /*background-color: red;*/
        -webkit-box-shadow: -5px 44px 37px -13px rgba(0,0,0,0.5);
-moz-box-shadow: -5px 44px 37px -13px rgba(0,0,0,0.5);
box-shadow: -5px 44px 37px -13px rgba(0,0,0,0.5);
    }
    p{
        color: #444;
        font-weight: 300;
        font-size: 1.2em;
    }
   /* .down-border{
        -webkit-transition:all .4s ease-out 0s;
        -moz-transition:all .4s ease-out 0s;
        transition:all .4s ease-out 0s;
        border-bottom: 5px solid #444;
    }
    .down-border:hover{
        border-bottom:5px solid #65d125;   
    }*/

    .fancyborder{
        -webkit-transition:all .4s ease-out 0s;
        -moz-transition:all .4s ease-out 0s;
        transition:all .4s ease-out 0s;
        border-bottom: 5px solid #444;
    }
    .col-md-3:hover .fancyborder {
    border-bottom:5px solid #65d125;
}