"green-template-banner-cta"
Bootstrap 3.3.0 Snippet by rootedlikeatree

1
2
3
4
5
6
7
8
9
10
11
<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 ---------->
<section class="probootstrap-section probootstrap-bg" style="background-image: url(../assets/public/green/img/super-scooper-dog-footer-background.webp);">
<div class="container text-center">
<h2 class="heading probootstrap-animate fadeIn probootstrap-animated" data-animate-effect="fadeIn">Waste Removal Services</h2>
<p class="sub-heading probootstrap-animate fadeIn probootstrap-animated" data-animate-effect="fadeIn">Nobody looks forward to poopin' scoopin'!</p>
</div>
</section>
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
/*! CSS Used from: http://superscooper.eaksquad.tech/assets/public/green/css/styles-merged.css */
section{display:block;}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
h2,p{orphans:3;widows:3;}
h2{page-break-after:avoid;}
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h2{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}
h2{margin-top:20px;margin-bottom:10px;}
h2{font-size:30px;}
p{margin:0 0 10px;}
.text-center{text-align:center;}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:768px){
.container{width:750px;}
}
@media (min-width:992px){
.container{width:970px;}
}
@media (min-width:1200px){
.container{width:1170px;}
}
.container:after,.container:before{display:table;content:" ";}
.container:after{clear:both;}
.probootstrap-animated{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
/*! CSS Used from: http://superscooper.eaksquad.tech/assets/public/green/css/style.min.css */
h2{font-family:"Open Sans",sans-serif;}
::selection{background:#000;color:#fff;}
::-moz-selection{background:#000;color:#fff;}
h2{margin:1.414em 0 .5em;font-weight:400;line-height:1.2;color:#000;}
h2{font-size:2.827em;}
@media screen and (max-width:768px){
h2{font-size:2.1em;}
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: