"snipe2"
Bootstrap 3.3.0 Snippet by exigentinc

<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 ----------> <div class="row"> <div class="col-sm-12 col-lg-4 custom_bottom custom_bottom1"> <a href="/blogs/news"> <img src="//cdn.shopify.com/s/files/1/0367/3861/t/2/assets/custom_bottom1_img.jpg?14228741147502099823"> <h2>Custom Block 1</h2> <h3>Lorem ipsum dolor sit amet</h3> <p>Conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna</p> </a> </div> <div class="col-sm-12 col-lg-4 custom_bottom custom_bottom2"> <a href="/collections/power-tools"> <img src="//cdn.shopify.com/s/files/1/0367/3861/t/2/assets/custom_bottom2_img.jpg?14228741147502099823"> <h2>Custom Block 2</h2> <h3>Lorem ipsum dolor sit amet</h3> <p>Conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna</p> </a> </div> <div class="col-sm-12 col-lg-4 custom_bottom custom_bottom3"> <a href="/pages/about-us"> <h2>Custom Block 3</h2> <h3>Lorem ipsum dolor sit amet</h3> <p>Dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> </a> </div> </div>
/*! CSS Used from: https://cdn.shopify.com/s/files/1/0367/3861/t/2/assets/bootstrap.css?14228741147502099823 ; media=all */ @media all{ a{background:transparent;} a:focus{outline:thin dotted;} a:active,a:hover{outline:0;} img{border:0;} @media print{ *{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} img{page-break-inside:avoid;} img{max-width:100%!important;} p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;} } *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} p{margin:0 0 10px;} h2,h3{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:500;line-height:1.1;color:inherit;} h2,h3{margin-top:20px;margin-bottom:10px;} h2{font-size:30px;} h3{font-size:24px;} .row{margin-right:-15px;margin-left:-15px;} .row:before,.row:after{display:table;content:" ";} .row:after{clear:both;} .row:before,.row:after{display:table;content:" ";} .row:after{clear:both;} .col-lg-4,.col-sm-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;} @media (min-width: 768px){ .col-sm-12{width:100%;} } @media (min-width: 1200px){ .col-lg-4{float:left;} .col-lg-4{width:33.33333333333333%;} } } /*! CSS Used from: https://cdn.shopify.com/s/files/1/0367/3861/t/2/assets/style.css?14228741147502099823 ; media=all */ @media all{ div,h2,h3,p,a,img{margin:0;padding:0;border:0;outline:none!important;vertical-align:top;background:transparent;font-weight:normal;line-height:1.5em;} a{vertical-align:baseline;} img{max-width:100%;} p{margin:15px 0;padding:0;} a{color:#333333;text-decoration:none;} a:hover,a:focus{color:#777777;} .custom_bottom{margin:30px 0 0 0;} .custom_bottom a{min-height:157px;display:block;padding:20px;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .custom_bottom a img{float:left;margin:0 20px 0 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .custom_bottom a h2{font:bold 16px/1em Roboto;text-transform:uppercase;} .custom_bottom a h3{padding:10px 0 0 0;font:bold 13px Arial, Helvetica, sans-serif;} .custom_bottom a p{margin:0;} .custom_bottom1 a{border:1px solid #b3b3b3;background:#ededed!important;background:-webkit-linear-gradient(top, #ededed 0%,#ebebeb 100%)!important;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ebebeb))!important;background:-moz-linear-gradient(top, #ededed 0%, #ebebeb 100%)!important;background:-ms-linear-gradient(top, #ededed 0%,#ebebeb 100%)!important;background:-o-linear-gradient(top, #ededed 0%,#ebebeb 100%)!important;background:linear-gradient(to bottom, #ededed 0%,#ebebeb 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ebebeb',GradientType=0 )!important;} .custom_bottom1 a:hover{background:#ededed!important;} .custom_bottom1 a h2{color:#333333;} .custom_bottom1 a h3{color:#ff9104;} .custom_bottom1 a p{color:#777777;} .custom_bottom2 a{border:1px solid #2b2b2b;background:#474747!important;background:-webkit-linear-gradient(top, #474747 0%,#393838 100%)!important;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#393838))!important;background:-moz-linear-gradient(top, #474747 0%, #393838 100%)!important;background:-ms-linear-gradient(top, #474747 0%,#393838 100%)!important;background:-o-linear-gradient(top, #474747 0%,#393838 100%)!important;background:linear-gradient(to bottom, #474747 0%,#393838 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#393838',GradientType=0 )!important;} .custom_bottom2 a:hover{background:#474747!important;} .custom_bottom2 a h2{color:#ffffff;text-shadow:1px 1px 0 #2b2b2b;} .custom_bottom2 a h3{color:#ff9104;} .custom_bottom2 a p{color:#b3b3b3;} .custom_bottom3 a{border:1px solid #c26603;background:#ff9e04!important;background:-webkit-linear-gradient(top, #ff9e04 0%,#ff8704 100%)!important;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9e04), color-stop(100%,#ff8704))!important;background:-moz-linear-gradient(top, #ff9e04 0%, #ff8704 100%)!important;background:-ms-linear-gradient(top, #ff9e04 0%,#ff8704 100%)!important;background:-o-linear-gradient(top, #ff9e04 0%,#ff8704 100%)!important;background:linear-gradient(to bottom, #ff9e04 0%,#ff8704 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9e04', endColorstr='#ff8704',GradientType=0 )!important;} .custom_bottom3 a:hover{background:#ff9e04!important;} .custom_bottom3 a h2{color:#ffffff;text-shadow:1px 1px 0 #c26603;} .custom_bottom3 a h3{color:#333333;} .custom_bottom3 a p{color:#ffffff;} } /*! CSS Used from: https://cdn.shopify.com/s/files/1/0367/3861/t/2/assets/responsive.css?14228741147502099823 ; media=all */ @media all{ @media (max-width: 767px){ .custom_bottom{margin:15px 0 0 0;} } } /*! CSS Used fontfaces */ @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

Related: See More


Questions / Comments: