"Back Quem acredita"
Bootstrap 4.1.1 Snippet by alanvr

<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 ----------> <style> .comp td {padding:5px} .yes {display:block;background:url("icons/yes.png") no-repeat center center} .no {display:block;background:url("icons/no.png") no-repeat center center} .att {display:block;background:url("icons/att.png") no-repeat center center} .sep {width:100%;text-align:center} .sep .image-hover {margin:20px 20px 60px 0px} .img-shadow-1 { -webkit-box-shadow: 0 28px 16px -26px black; -moz-box-shadow: 0 28px 16px -26px black; box-shadow: 0 28px 16px -26px black; } .img-shadow-1:hover { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-box-shadow: 0 58px 36px -56px black; -moz-box-shadow: 0 58px 36px -56px black; box-shadow: 0 58px 36px -56px black; } .img-shadow-1 { transition:all .6s ease-in-out; -webkit-transition:all .6s ease-in-out; -moz-transition:all .6s ease-in-out; -ms-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; } .img-shadow-1:hover { transition:all .6s ease-in-out; -webkit-transition:all .6s ease-in-out; -moz-transition:all .6s ease-in-out; -ms-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; } body { background-color: #bedcff; font-family: Helvetica; font-weight: bold; } .container { padding: 100px 20px 0; max-width: 960px; margin: 0 auto; } h1 { margin-top:30; text-align: center; font-size: 80px; overflow: hidden; line-height: 1; } h1 span { display: block; animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; } @keyframes reveal { 0% { transform: translate(0,100%); } 100% { transform: translate(0,0); } } </style> <div class="container-fluid"> </br> </br> </br> <h1 class="onm-home-time1Titulo" style="font-size: 50px;"> <span>QUEM ACREDITA</span> </h1> </div> <!-- Imagem --> <div class="container"> <div class="sep"> <div class="image-hover img-shadow-1"> <img src="https://i.imgur.com/61LWRzY.png"> </div> </div> </div> <!--End Imagem-->

Related: See More


Questions / Comments: