<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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="tm-banner"> <h2>Just some css for tittle's border</h2> <h1 class="tm-banner-title">REPUESTOS <span class="tm-yellow-text">Y ACCESORIOS</span></h1> </div> </div> </div>

.tm-banner-title, .tm-banner-subtitle { color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .tm-banner-title { font-size: 74px; font-weight: 600; font-family: "Fantasy"; } .tm-banner-subtitle { font-size: 34px; } .tm-yellow-text { color: #FCDD44; } .tm-banner-link { background: rgba(252, 221, 68, 0.39) none repeat scroll 0% 0%; border: 1px solid #D2B731; color: #FFF; font-weight: 600; display: inline-block; padding: 18px 40px; margin-top: 30px; transition: all 0.3s ease; } .tm-banner-link:hover, .tm-banner-link:focus { background: rgba(252, 221, 68, 1); color: #000; }