1<!doctype html> 2<html xmlns="http://www.w3.org/1999/xhtml" 3 xmlns:og="http://ogp.me/ns#" 4 xmlns:fb="https://www.facebook.com/2008/fbml"> 5 <head> 6 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 8 <meta charset="utf-8"> 9 <meta name="msvalidate.01" content="36A28D9109C077BA3E623651FC1656F4" /> 10 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 11 <meta property="fb:admins" content="19908503" /> 12 <meta property="fb:app_id" content="112989545392380" /> 13 <meta property="og:title" content="HTML Snippets for Twitter Boostrap framework : Bootsnipp.com" /> 14 <meta property="og:type" content="website" /> 15 <meta property="twitter:account_id" content="786331568" /> 16 <meta itemprop="name" content="Bootsnipp"> 17 <meta itemprop="description" content="Free HTML snippets for Bootstrap HTML CSS JS"> 18 <meta property="og:url" content="https://bootsnipp.com" /> 19 <meta property="og:image" content="https://bootsnipp.com/img/logo.jpg" /> 20 <meta property="og:site_name" content="Bootsnipp.com" /> 21 22 <meta property="og:description" content="A design element gallery for web designers and web developers. Find snippets using HTML, CSS, Javascript, jQuery, and Bootstrap." /> 23 <meta name="description" content="A design element gallery for web designers and web developers. Find snippets using HTML, CSS, Javascript, jQuery, and Bootstrap"> 24 <title>Home of free code snippets for Bootstrap</title> 25 26
26<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
26 27 <link rel="shortcut icon" href="//d2d3qesrx8xj6s.cloudfront.net/favicon.ico" type="image/x-icon"> 28 <link rel="icon" href="//d2d3qesrx8xj6s.cloudfront.net/favicon.ico" type="image/x-icon"> 29 <link rel="apple-touch-icon-precomposed" href="//d2d3qesrx8xj6s.cloudfront.net/apple-touch-icon-precomposed.png"> 30 <link rel="apple-touch-icon-precomposed" href="//d2d3qesrx8xj6s.cloudfront.net/apple-touch-icon-72x72-precomposed.png"> 31 <link rel="apple-touch-icon-precomposed" href="//d2d3qesrx8xj6s.cloudfront.net/apple-touch-icon-114x114-precomposed.png"> 32 <link rel="apple-touch-icon-precomposed" href="//d2d3qesrx8xj6s.cloudfront.net/apple-touch-icon-144x144-precomposed.png"> 33 <link rel="alternate" type="application/rss+xml" title="Latest snippets from Bootsnipp.com" href="https://bootsnipp.com/feed.rss" /> 34 35 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 36 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css"> 37<!-- <link rel="stylesheet" href="//d2d3qesrx8xj6s.cloudfront.net/dist/bootsnipp.min.css?ver=872ccd9c6dce18ce6ea4d5106540f089">--> 38 <link rel="stylesheet" href="/dist/bootsnipp.min.css"> 39 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 40 <!--[if lt IE 9]> 41
41<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
41 42
42<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.2.0/respond.js"></script>
42 43 <![endif]-->
44<script>
vendor: 339 bytes, lines 44-50
44 45 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 46 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 47 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 48 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 49 50 ga('create', '
50UA-55581850-1
vendor: 37 bytes, lines 50-51
50', 'auto', {'allowLinker': true}); 51
51ga('require', 'linker'); 52 ga('linker:autoLink', ['danstools.com','unixtimestamp.com','url-encode-decode.com','cssfontstack.com','hexcolortool.com','htaccessredirect.net','jspretty.com','jsmini.com','jsobfuscate.com','md5hashgenerator.com','regextester.com','cleancss.com','favicon-generator.org','website-performance.org','permissions-calculator.org','conversoes.org','convertissez.fr','convertitore.net','elconvertidor.com','files-conversion.com','henkan-muryo.com','konvertirung.org','konvertor.org','tahwil.net','zhuan-huan.com','bootsnipp.com'] ); 53 ga('send', 'pageview'); 54 55 window.onload = function() { 56/* $('body').append('
56<script type="text/javascript" src="https://srv.buysellads.com/ads/CVADLKQJ.json?callback=drop_ad" async><\/script>'); 57 $('body').append("<style>.bsa-apiads {\ 58 line-height: 1.5;\ 59 display: inline-block;\ 60 float: left;\ 61 font-size: 12px;\ 62 background-color: #5A8DB6;\ 63 border: solid 1px #337799;\ 64 box-shadow: inset 0 1px hsla(0, 0%, 100%, .1);\ 65 box-sizing: border-box;\ 66 background-image: url('http://www.danstools.com/devops/img/devoops_pattern_b10.png');\ 67 margin: 1em 1em 0 2em;\ 68 border-radius: 4px;\ 69 text-align: center;\ 70 padding: .25em;\ 71}\ 72 \ 73.bsa-apiads a:before {\ 74 margin-right: 4px;\ 75 padding: 2px 6px;\ 76 border-radius: 3px;\ 77 background-color: #58B668;\ 78 color: #fff;\ 79 content: 'Ad';\ 80}\ 81 \ 82 .bsa-apiads a {\ 83 color: #fff;\ 84 }\ 85 \ 86 .bsa-apiads a:hover {\ 87 color: inherit;\ 88 }</style>");*/ 89 setTimeout(function() { 90 var ad = document.querySelector(".bsap_ac1f95c148ce6148393fd34e69a52240"); 91 var promos = document.querySelectorAll(".dn99ip"); 92 var isblock = 0; 93 for (var i = 0; i < promos.length; i++) { 94 var promo = promos[i]; 95 if (isblock ==1 || (ad && ad.innerHTML.replace(/\s/g, "").length == 0)) { 96 isblock = 1; 97// ad.style.cssText = 'display:block !important'; 98// promo.style.cssText = 'display:none !important'; 99 promo.innerHTML = ''; 100 promo.style.display= 'inline-block'; 101 promo.style.visibility= 'visible'; 102 promo.style.maxWidth= ''; 103 } else if (promo) { 104 promo.innerHTML = ''; 105// var promotwo = document.querySelector("#toppromo2"); 106 promo.childNodes[0].childNodes[0].style.width= ''; 107 } 108 } 109 }, 1000); 110 }; 111 112</script>
112 113
113<script type="text/javascript"> 114 var fb_param = {}; 115 fb_param.pixel_id = '6007046190250'; 116 fb_param.value = '0.00'; 117 (function(){ 118 var fpw = document.createElement('script'); 119 fpw.async = true; 120 fpw.src = '//connect.facebook.net/en_US/fp.js'; 121 var ref = document.getElementsByTagName('script')[0]; 122 ref.parentNode.insertBefore(fpw, ref); 123 })(); 124 </script>
124 125 <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/offsite_event.php?id=6007046190250&value=0" /></noscript> 126 </head> 127 <body> 128<!-- BuySellAds Ad Code -->
129<script type="text/javascript"> 130(function(){ 131 var bsa = document.createElement('script'); 132 bsa.type = 'text/javascript'; 133 bsa.async = true; 134 bsa.src = '//s3.buysellads.com/ac/bsa.js'; 135 (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); 136})(); 137</script>
137 138<!-- End BuySellAds Ad Code --> 139 140 <nav class="navbar navbar-fixed-top navbar-bootsnipp animate" role="navigation" style="z-index: 9999999"> 141 <div class="container"> 142 <!-- Brand and toggle get grouped for better mobile display --> 143 <div class="navbar-header"> 144 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2"> 145 <span class="sr-only">Toggle navigation</span> 146 <span class="icon-bar"></span> 147 <span class="icon-bar"></span> 148 <span class="icon-bar"></span> 149 </button> 150 <div class="animbrand"> 151 <a class="navbar-brand animate" href="https://bootsnipp.com">Bootsnipp</a> 152 </div> 153 </div> 154<!--
154<script src="/js/BSAcpc.js" async></script>
154 155<div class="bsa-apiads hidden-sm hidden-xs"></div> 156--> 157 <!-- Collect the nav links, forms, and other content for toggling --> 158 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2"> 159 <ul class="nav navbar-nav navbar-left"> 160 <li> 161 <a href="#" class="dropdown-toggle " data-toggle="dropdown">Bootstrap <span class="caret"></span> 162 <span style="font-size:.5em; position:absolute; top:3px; left:2px">For</span> 163 </a> 164 <ul class="dropdown-menu" role="menu"> 165 <li class="dropdown-header">CSS Frameworks</li> 166 <li class="active"><a href="/" class="">Bootstrap</a></li> 167 <li class=""><a href="/foundation" class="">Foundation</a></li> 168 <li class=""><a href="/semanticui" class="">Semantic UI</a></li> 169 <li class=""><a href="/materialize" class="">Materialize</a></li> 170 <li class=""><a href="/purecss" class="">Pure</a></li> 171 <li class=""><a href="/bulma" class="">Bulma</a></li> 172 <li class="dropdown-header">References</li> 173 <li class=""><a href="/cssref" class="">CSS Reference</a></li> 174<!-- <li class=""><a href="/bootstrapref" class="">Bootstrap Reference</a></li>--> 175 </ul> 176 </li> 177 </ul> 178 <ul class="nav navbar-nav navbar-right"> 179 <li class=""> 180 <form action="https://bootsnipp.com/search" method="GET" role="search"> 181 <input style="width:100%;margin-top:10px;" type="text" class="input-sm form-control" name="q" placeholder="Search for snippets"> 182 </form> 183 </li> 184<!-- <li class=""><a href="https://bootsnipp.com/about" class="animate">About</a></li>--> 185<!-- <li><a href="https://bootsnipp.com/user/snippets/new" class="">+New</a></li>--> 186 187<!-- <li> 188 <a href="#" class="" data-toggle="dropdown">Templates <span class="caret"></span></a> 189 <ul class="dropdown-menu" role="menu"> 190 <li class=""><a target="_new" href="https://colorlib.com/wp/templates/" class="">Free Templates <span class="pull-right glyphicon glyphicon-edit"></span></a></li> 191 </ul> 192 </li>--> 193 <li> 194 <a href="#" class="dropdown-toggle " data-toggle="dropdown">Tools <span class="caret"></span></a> 195 <ul class="dropdown-menu" role="menu"> 196<!-- <li class=""><a href="https://bootsnipp.com/blog" class="animate">Blog <span class="pull-right glyphicon glyphicon-pencil"></span></a></li> 197 <li class=""><a href="https://bootsnipp.com/resources" class="animate">List of resources <span class="pull-right glyphicon glyphicon-align-justify"></span></a></li> 198 <li><a href="http://getbootstrap.com" target="_blank" class="animate">Download Bootstrap <span class="pull-right glyphicon glyphicon-cloud-download"></span></a></li> 199 <li class="dropdown-header">Bootstrap Templates</li> 200 <li class=""><a href="https://bootsnipp.com/templates" class="animate">Browse Templates <span class="pull-right glyphicon glyphicon-shopping-cart"></span></a></li> 201 <li class="dropdown-header">Builders</li> 202--> 203 <li class=""><a href="https://bootsnipp.com/forum/bootstrap" class="">Community</a></li> 204 <li class=""><a href="https://bootsnipp.com/builder" class="">Page Builder <span class="pull-right glyphicon glyphicon-modal-window"></span></a></li> 205 <li class=""><a href="https://bootsnipp.com/forms" class="">Form Builder <span class="pull-right glyphicon glyphicon-tasks"></span></a></li> 206 <li class=""><a href="https://bootsnipp.com/buttons" class="">Button Builder <span class="pull-right glyphicon glyphicon-edit"></span></a></li> 207 <li class=""><a href="https://bootsnipp.com/iconsearch" class="">Icon Search <span class="pull-right glyphicon glyphicon-search"></span></a></li> 208 <li class="dropdown-header">Dan's Tools</li> 209 <li class=""><a href="http://www.cleancss.com/diff-compare-merge/" class="">Diff / Merge <span class="pull-right glyphicon glyphicon-transfer"></span></a></li> 210 <li class=""><a href="http://www.hexcolortool.com/" class="">Color Picker <span class="pull-right glyphicon glyphicon-pencil"></span></a></li> 211 <li class=""><a href="http://www.danstools.com/keyword-tool/" class="">Keyword Tool <span class="pull-right glyphicon glyphicon-list-alt"></span></a></li> 212 <li class=""><a href="http://www.cssfontstack.com/Web-Fonts" class="">Web Fonts <span class="pull-right glyphicon glyphicon-font"></span></a></li> 213 <li class=""><a href="http://www.htaccessredirect.net/" class="">.htaccess Generator <span class="pull-right glyphicon glyphicon-console"></span></a></li> 214 <li class=""><a href="http://www.favicon-generator.org/" class="">Favicon Generator <span class="pull-right glyphicon glyphicon-picture"></span></a></li> 215 <li class=""><a href="http://www.website-performance.org/" class="">Site Speed Test <span class="pull-right glyphicon glyphicon-dashboard"></span></a></li> 216 217 </ul> 218 </li> 219 <li class="dropdown"> 220 <a href="https://bootsnipp.com/snippets" class="dropdown-toggle " data-toggle="dropdown">Snippets <span class="caret"></span></a> 221 <ul class="dropdown-menu" role="menu"> 222 <li class=""><a href="https://bootsnipp.com" class="">Featured <span class="pull-right glyphicon glyphicon-star"></span></a></li> 223 <li class=""><a href="https://bootsnipp.com/tags" class="">Tags <span class="pull-right glyphicon glyphicon-tags"></span></a></li> 224 <li class="dropdown-header">By Bootstrap Version</li> 225 <li><a href="https://bootsnipp.com/tags/4.1.1" class="">4.1.1</a></li> 226 <li><a href="https://bootsnipp.com/tags/4.0.0" class="">4.0.0</a></li> 227 <li><a href="https://bootsnipp.com/tags/3.3.0" class="">3.3.0</a></li> 228 <li><a href="https://bootsnipp.com/tags/3.2.0" class="">3.2.0</a></li> 229 <li><a href="https://bootsnipp.com/tags/3.1.0" class="">3.1.0</a></li> 230 <li><a href="https://bootsnipp.com/tags/3.0.3" class="">3.0.3</a></li> 231 <li><a href="https://bootsnipp.com/tags/3.0.1" class="">3.0.1</a></li> 232 <li><a href="https://bootsnipp.com/tags/3.0.0" class="">3.0.0</a></li> 233 <li><a href="https://bootsnipp.com/tags/2.3.2" class="">2.3.2</a></li> 234 </ul> 235 </li> 236 237 <li class=""><a href="https://bootsnipp.com/register" class="">Register</a></li> 238 <li id="nav-login-btn" class=""><a href="https://bootsnipp.com/login" class="">Login</a></li> 239 240<!-- <li class="hidden-xs"><a href="#toggle-search" class=""><span class="glyphicon glyphicon-search"></span></a></li>--> 241 </ul> 242 </div> 243 </div> 244<!-- <div class="bootsnipp-search "> 245 <div class="container"> 246 <form action="https://bootsnipp.com/search" method="GET" role="search"> 247 <div class="input-group"> 248 <input type="text" class="form-control" name="q" placeholder="Search for snippets and hit enter">
249 <span class="input-group-btn"> 250 <button class="btn btn-danger" type="reset"><span class="glyphicon glyphicon-remove"></span></button> 251 </span> 252 </div> 253 </form> 254 </div> 255 </div> 256--> 257</nav> 258 259 260<div class="bs-header" id="content"> 261 <div class="container"> 262 <h1>Bootsnipp</h1> 263 <p> Design elements, playground and code snippets for <a href="http://www.getbootstrap.com" target="_blank"> Bootstrap</a> HTML/CSS/JS framework </p> 264 </div> 265</div> 266 267<div class="container" style="margin-top:20px;margin-bottom:20px;max-width:1200px;"> 268 <div class="row"> 269 270 <div class="col-md-4"> 271 <p><strong>What is this?</strong></p> 272 <p>Bootsnipp is an element gallery for web designers and web developers, anybody using <a href="http://www.getbootstrap.com" target="_blank">Bootstrap</a> will find this website essential in their craft.</p> 273 </div> 274 275 <div class="col-md-4"> 276 <div id="ads-container"> 277 <!-- bootsnipp-square --> 278<ins class="adsbygoogle" 279 style="display:inline-block;width:320px;height:100px" 280 data-ad-client="ca-pub-8815422507798180" 281 data-ad-slot="9399242925"></ins> 282
282<script> 283 (adsbygoogle = window.adsbygoogle || []).push({}); 284 </script>
284 285</div> 286 287 </div> 288 289 <div class="col-md-4"> 290 <p><strong>Stay updated, Subscribe to Bootsnipp mailing list </strong></p> 291 <p>(only important updates will be sent, your email is never shared or sold to anyone else)</p> 292 293 <div id="mc_embed_signup"> 294 <form action="//bootsnipp.us5.list-manage.com/subscribe/post?u=ab6dc620bc8c59e4783d7843d&id=dad3baa240" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 295 <div class="input-group"> 296 <input type="email" value="" placeholder="E-mail address" name="EMAIL" class="required email form-control" id="mce-EMAIL"> 297 <span class="input-group-btn"> 298 <input type="submit" class="button btn btn-default" value="Subscribe" name="subscribe" id="mc-embedded-subscribe"> 299 </span> 300 </div> 301 </form> 302 </div> 303 </div> 304 </div> 305</div> 306<div class="container" style="max-width:1200px"> 307 <div class="row"> 308 <div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3"> 309 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 310 <div class="imgwrap"> 311 <a href="https://bootsnipp.com/snippets/BxA1B"> 312 <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-7219bb69e3593cd3330e66e461fd0a75d9b1d0f3.jpg" width="320" height="240" alt="Bootstrap 4 Blog Carousel"> 313<!-- <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-7219bb69e3593cd3330e66e461fd0a75d9b1d0f3.jpg" width="320" height="240" alt="Bootstrap 4 Blog Carousel">--> 314 </a> 315 </div> 316 317 <div> 318 <p class="pull-right view-counts"> 319<!-- <a href="https://bootsnipp.com/snippets/BxA1B" class="tip" data-toggle="tooltip" title="Viewed">274.6K <i class="icon-eye-open"></i></a> 320--> 321 <a href="https://bootsnipp.com/snippets/BxA1B" class="tip" data-toggle="tooltip" title="Favorited">95 <i class="icon-thumbs-up"></i></a> 322 <a href="https://bootsnipp.com/tags/4.1.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">4.1.1</span></a> 323 </p> 324 <p class="lead snipp-title" style="margin: 10px"> 325 <a href="https://bootsnipp.com/snippets/BxA1B">Bootstrap 4 Blog Carousel</a> 326 </p> 327 </div> 328 </div> 329</div> 330 331 332 <div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3"> 333 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 334 <div class="imgwrap"> 335 <a href="https://bootsnipp.com/snippets/9kBZp"> 336 <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-0315e225df03511055ff0c187dcaa239a12cac25.jpg" width="320" height="240" alt="Multi Item Carousel"> 337<!-- <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-0315e225df03511055ff0c187dcaa239a12cac25.jpg" width="320" height="240" alt="Multi Item Carousel">--> 338 </a> 339 </div> 340 341 <div> 342 <p class="pull-right view-counts"> 343<!-- <a href="https://bootsnipp.com/snippets/9kBZp" class="tip" data-toggle="tooltip" title="Viewed">182.2K <i class="icon-eye-open"></i></a> 344--> 345 <a href="https://bootsnipp.com/snippets/9kBZp" class="tip" data-toggle="tooltip" title="Favorited">81 <i class="icon-thumbs-up"></i></a> 346 <a href="https://bootsnipp.com/tags/4.1.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">4.1.1</span></a> 347 </p> 348 <p class="lead snipp-title" style="margin: 10px"> 349 <a href="https://bootsnipp.com/snippets/9kBZp">Multi Item Carousel</a> 350 </p> 351 </div> 352 </div> 353</div> 354 355 356 <div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3"> 357 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 358 <div class="imgwrap"> 359 <a href="https://bootsnipp.com/snippets/WMlMa"> 360 <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-dc372ececf486d9b39399e9a92d4e40ae4f45127.jpg" width="320" height="240" alt="Carousel with Search"> 361<!-- <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-dc372ececf486d9b39399e9a92d4e40ae4f45127.jpg" width="320" height="240" alt="Carousel with Search">--> 362 </a> 363 </div> 364 365 <div> 366 <p class="pull-right view-counts"> 367<!-- <a href="https://bootsnipp.com/snippets/WMlMa" class="tip" data-toggle="tooltip" title="Viewed">287.2K <i class="icon-eye-open"></i></a> 368--> 369 <a href="https://bootsnipp.com/snippets/WMlMa" class="tip" data-toggle="tooltip" title="Favorited">103 <i class="icon-thumbs-up"></i></a> 370 <a href="https://bootsnipp.com/tags/4.1.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">4.1.1</span></a> 371 </p> 372 <p class="lead snipp-title" style="margin: 10px"> 373 <a href="https://bootsnipp.com/snippets/WMlMa">Carousel with Search</a> 374 </p>
375 </div> 376 </div> 377</div> 378 379 380 <div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3"> 381 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 382 <div class="imgwrap"> 383 <a href="https://bootsnipp.com/snippets/1d30y"> 384 <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-3216347293001f1698b128393a3ab72dca689a55.jpg" width="320" height="240" alt="Login Class="Gabriel""> 385<!-- <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-3216347293001f1698b128393a3ab72dca689a55.jpg" width="320" height="240" alt="Login Class="Gabriel"">--> 386 </a> 387 </div> 388 389 <div> 390 <p class="pull-right view-counts"> 391<!-- <a href="https://bootsnipp.com/snippets/1d30y" class="tip" data-toggle="tooltip" title="Viewed">96.4K <i class="icon-eye-open"></i></a> 392--> 393 <a href="https://bootsnipp.com/snippets/1d30y" class="tip" data-toggle="tooltip" title="Favorited">10 <i class="icon-thumbs-up"></i></a> 394 <a href="https://bootsnipp.com/tags/4.1.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">4.1.1</span></a> 395 </p> 396 <p class="lead snipp-title" style="margin: 10px"> 397 <a href="https://bootsnipp.com/snippets/1d30y">Login Class="Gabriel"</a> 398 </p> 399 </div> 400 </div> 401</div> 402 403 404 <div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3"> 405 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 406 <div class="imgwrap"> 407 <a href="https://bootsnipp.com/snippets/VvlPR"> 408 <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-0f229e397dd66976cd51985485c1933bd8d86d54.jpg" width="320" height="240" alt="Bootstrap 4 navbar with centered logo"> 409<!-- <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-0f229e397dd66976cd51985485c1933bd8d86d54.jpg" width="320" height="240" alt="Bootstrap 4 navbar with centered logo">--> 410 </a> 411 </div> 412 413 <div> 414 <p class="pull-right view-counts"> 415<!-- <a href="https://bootsnipp.com/snippets/VvlPR" class="tip" data-toggle="tooltip" title="Viewed">144.6K <i class="icon-eye-open"></i></a> 416--> 417 <a href="https://bootsnipp.com/snippets/VvlPR" class="tip" data-toggle="tooltip" title="Favorited">25 <i class="icon-thumbs-up"></i></a> 418 <a href="https://bootsnipp.com/tags/4.1.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">4.1.1</span></a> 419 </p> 420 <p class="lead snipp-title" style="margin: 10px"> 421 <a href="https://bootsnipp.com/snippets/VvlPR">Bootstrap 4 navbar with centered logo</a> 422 </p> 423 </div> 424 </div> 425</div> 426 427 428 <div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3"> 429 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 430 <div class="imgwrap"> 431 <a href="https://bootsnipp.com/snippets/7nAMP"> 432 <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-929de79738c428870e0ec0d4294c0d4d08e8929a.jpg" width="320" height="240" alt="bootstrap 4.1.1 landing carousel"> 433<!-- <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-929de79738c428870e0ec0d4294c0d4d08e8929a.jpg" width="320" height="240" alt="bootstrap 4.1.1 landing carousel">--> 434 </a> 435 </div> 436 437 <div> 438 <p class="pull-right view-counts"> 439<!-- <a href="https://bootsnipp.com/snippets/7nAMP" class="tip" data-toggle="tooltip" title="Viewed">198.5K <i class="icon-eye-open"></i></a> 440--> 441 <a href="https://bootsnipp.com/snippets/7nAMP" class="tip" data-toggle="tooltip" title="Favorited">71 <i class="icon-thumbs-up"></i></a> 442 <a href="https://bootsnipp.com/tags/4.1.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">4.1.1</span></a> 443 </p> 444 <p class="lead snipp-title" style="margin: 10px"> 445 <a href="https://bootsnipp.com/snippets/7nAMP">bootstrap 4.1.1 landing carousel</a> 446 </p>
447 </div> 448 </div> 449</div> 450 451 452 <div class="col-md-12"> 453 <center> 454<!-- Ezoic - middle_list_view - mid_content --> 455<div id="ezoic-pub-ad-placeholder-161"> 456 <ins class="adsbygoogle" 457 style="display:block" 458 data-ad-client="ca-pub-8815422507798180" 459 data-ad-slot="5700240528" 460 data-ad-format="auto"></ins> 461 462</div> 463<!-- End Ezoic - middle_list_view - mid_content --> 464</center> 465 </div> 466 467<div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3" style="margin-top:10px"> 468 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 469 <div class="imgwrap" style="overflow:hidden"> 470 <a rel="nofollow" target="_new" href="https://www.creative-tim.com/product/now-ui-dashboard-pro?partner=114912"> 471 <img class="danlazy" src="https://s3.amazonaws.com/creativetim_bucket/products/72/thumb/opt_nudp_thumbnail.jpg?1517588807" width="320" height="240" alt=" Now UI Dashboard PRO "> 472 </a> 473 </div> 474 <div> 475 <p class="pull-right view-counts"> 476 <a rel="nofollow" target="_new" href="https://www.creative-tim.com/product/now-ui-dashboard-pro?partner=114912" class="tip" data-toggle="tooltip" title="Favorited"></a> 477<a href="/templates"><span class="label label-info tip" data-toggle="tooltip" title="" data-original-title="More Templates"> 478Template</span></a> 479 </p> 480 <p class="lead snipp-title" style="margin:10px"> 481 <a rel="nofollow" target="_new" href="https://www.creative-tim.com/product/now-ui-dashboard-pro?partner=114912"> Now UI Dashboard PRO <br/></a> 482 </p> 483 </div> 484 </div> 485</div> 486<div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3" style="margin-top:10px"> 487 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 488 <div class="imgwrap" style="overflow:hidden"> 489 <a rel="nofollow" target="_new" href="https://www.creative-tim.com/product/argon-design-system?partner=114912"> 490 <img class="danlazy" src="https://s3.amazonaws.com/creativetim_bucket/products/90/thumb/opt_argon_thumbnail.jpg?1535139813" width="320" height="240" alt="Argon Design System"> 491 </a> 492 </div> 493 <div> 494 <p class="pull-right view-counts"> 495 <a rel="nofollow" target="_new" href="https://www.creative-tim.com/product/argon-design-system?partner=114912" class="tip" data-toggle="tooltip" title="Favorited"></a> 496<a href="/templates"><span class="label label-info tip" data-toggle="tooltip" title="" data-original-title="More Templates"> 497Free 498Template</span></a> 499 </p> 500 <p class="lead snipp-title" style="margin:10px"> 501 <a rel="nofollow" target="_new" href="https://www.creative-tim.com/product/argon-design-system?partner=114912">Argon Design System<br/></a> 502 </p> 503 </div> 504 </div> 505</div> 506<div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3" style="margin-top:10px"> 507 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 508 <div class="imgwrap" style="overflow:hidden"> 509 <a rel="nofollow" target="_new" href="https://www.creative-tim.com/product/paper-kit-2-angular?partner=114912"> 510 <img class="danlazy" src="https://s3.amazonaws.com/creativetim_bucket/products/65/thumb/opt_pk2_angular_thumbnail.jpg?1507302834" width="320" height="240" alt="Paper Kit 2 Angular"> 511 </a> 512 </div> 513 <div> 514 <p class="pull-right view-counts"> 515 <a rel="nofollow" target="_new" href="https://www.creative-tim.com/product/paper-kit-2-angular?partner=114912" class="tip" data-toggle="tooltip" title="Favorited"></a> 516<a href="/templates"><span class="label label-info tip" data-toggle="tooltip" title="" data-original-title="More Templates"> 517Free 518Template</span></a> 519 </p> 520 <p class="lead snipp-title" style="margin:10px"> 521 <a rel="nofollow" target="_new" href="https://www.creative-tim.com/product/paper-kit-2-angular?partner=114912">Paper Kit 2 Angular<br/></a> 522 </p> 523 </div> 524 </div> 525</div> 526 527 528 529 <div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3"> 530 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 531 <div class="imgwrap"> 532 <a href="https://bootsnipp.com/snippets/aMVZE"> 533 <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-e85357894e81d295f537d378f8bb69ffb7feafc0.jpg" width="320" height="240" alt="Information Cards"> 534<!-- <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-e85357894e81d295f537d378f8bb69ffb7feafc0.jpg" width="320" height="240" alt="Information Cards">--> 535 </a> 536 </div> 537 538 <div> 539 <p class="pull-right view-counts"> 540<!-- <a href="https://bootsnipp.com/snippets/aMVZE" class="tip" data-toggle="tooltip" title="Viewed">189.0K <i class="icon-eye-open"></i></a> 541--> 542 <a href="https://bootsnipp.com/snippets/aMVZE" class="tip" data-toggle="tooltip" title="Favorited">55 <i class="icon-thumbs-up"></i></a> 543 <a href="https://bootsnipp.com/tags/4.1.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">4.1.1</span></a> 544 </p> 545 <p class="lead snipp-title" style="margin: 10px"> 546 <a href="https://bootsnipp.com/snippets/aMVZE">Information Cards</a> 547 </p>
548 </div> 549 </div> 550</div> 551 552 553 <div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3"> 554 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 555 <div class="imgwrap"> 556 <a href="https://bootsnipp.com/snippets/X2GEX"> 557 <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-fd277765a27835e0e0fdb3f57ade4bea501f4022.jpg" width="320" height="240" alt="Simple white navbar"> 558<!-- <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-fd277765a27835e0e0fdb3f57ade4bea501f4022.jpg" width="320" height="240" alt="Simple white navbar">--> 559 </a> 560 </div> 561 562 <div> 563 <p class="pull-right view-counts"> 564<!-- <a href="https://bootsnipp.com/snippets/X2GEX" class="tip" data-toggle="tooltip" title="Viewed">89.0K <i class="icon-eye-open"></i></a> 565--> 566 <a href="https://bootsnipp.com/snippets/X2GEX" class="tip" data-toggle="tooltip" title="Favorited">15 <i class="icon-thumbs-up"></i></a> 567 <a href="https://bootsnipp.com/tags/4.1.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">4.1.1</span></a> 568 </p> 569 <p class="lead snipp-title" style="margin: 10px"> 570 <a href="https://bootsnipp.com/snippets/X2GEX">Simple white navbar</a> 571 </p> 572 </div> 573 </div> 574</div> 575 576 577 <div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3"> 578 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 579 <div class="imgwrap"> 580 <a href="https://bootsnipp.com/snippets/3522X"> 581 <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-1195a1f4284a218bbdf06366081f7d5ed64ca252.jpg" width="320" height="240" alt="My Awesome Login Page"> 582<!-- <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-1195a1f4284a218bbdf06366081f7d5ed64ca252.jpg" width="320" height="240" alt="My Awesome Login Page">--> 583 </a> 584 </div> 585 586 <div> 587 <p class="pull-right view-counts"> 588<!-- <a href="https://bootsnipp.com/snippets/3522X" class="tip" data-toggle="tooltip" title="Viewed">456.5K <i class="icon-eye-open"></i></a> 589--> 590 <a href="https://bootsnipp.com/snippets/3522X" class="tip" data-toggle="tooltip" title="Favorited">127 <i class="icon-thumbs-up"></i></a> 591 <a href="https://bootsnipp.com/tags/4.1.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">4.1.1</span></a> 592 </p> 593 <p class="lead snipp-title" style="margin: 10px"> 594 <a href="https://bootsnipp.com/snippets/3522X">My Awesome Login Page</a> 595 </p> 596 </div> 597 </div> 598</div> 599 600 601 <div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3"> 602 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 603 <div class="imgwrap"> 604 <a href="https://bootsnipp.com/snippets/GaeQR"> 605 <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/b4cc3c8230697c60962245e572d135c28b87687c.png" width="320" height="240" alt="Awesome Search Box"> 606<!-- <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/b4cc3c8230697c60962245e572d135c28b87687c.png" width="320" height="240" alt="Awesome Search Box">--> 607 </a> 608 </div> 609 610 <div> 611 <p class="pull-right view-counts"> 612<!-- <a href="https://bootsnipp.com/snippets/GaeQR" class="tip" data-toggle="tooltip" title="Viewed">396.8K <i class="icon-eye-open"></i></a> 613--> 614 <a href="https://bootsnipp.com/snippets/GaeQR" class="tip" data-toggle="tooltip" title="Favorited">174 <i class="icon-thumbs-up"></i></a> 615 <a href="https://bootsnipp.com/tags/4.1.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">4.1.1</span></a> 616 </p> 617 <p class="lead snipp-title" style="margin: 10px"> 618 <a href="https://bootsnipp.com/snippets/GaeQR">Awesome Search Box</a> 619 </p> 620 </div> 621 </div> 622</div> 623 624 625 <div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3"> 626 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 627 <div class="imgwrap"> 628 <a href="https://bootsnipp.com/snippets/xrXp9"> 629 <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/ce02fd14cbf1e1194d3498ed0ea603195ea85260.png" width="320" height="240" alt="Product Shopping Grid Styles"> 630<!-- <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/ce02fd14cbf1e1194d3498ed0ea603195ea85260.png" width="320" height="240" alt="Product Shopping Grid Styles">--> 631 </a> 632 </div> 633 634 <div> 635 <p class="pull-right view-counts"> 636<!-- <a href="https://bootsnipp.com/snippets/xrXp9" class="tip" data-toggle="tooltip" title="Viewed">213.3K <i class="icon-eye-open"></i></a> 637--> 638 <a href="https://bootsnipp.com/snippets/xrXp9" class="tip" data-toggle="tooltip" title="Favorited">226 <i class="icon-thumbs-up"></i></a> 639 <a href="https://bootsnipp.com/tags/4.1.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">4.1.1</span></a> 640 </p> 641 <p class="lead snipp-title" style="margin: 10px"> 642 <a href="https://bootsnipp.com/snippets/xrXp9">Product Shopping Grid Styles</a> 643 </p>
644 </div> 645 </div> 646</div> 647 648 649 <div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3"> 650 <div class="thumbnail bootsnipp-thumb" style="padding:0"> 651 <div class="imgwrap"> 652 <a href="https://bootsnipp.com/snippets/nNoMz"> 653 <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/0b0e75d3ced144613843e0c811de78e6ea977534.png" width="320" height="240" alt="Our Team section using bootstrap 4"> 654<!-- <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/0b0e75d3ced144613843e0c811de78e6ea977534.png" width="320" height="240" alt="Our Team section using bootstrap 4">--> 655 </a> 656 </div> 657 658 <div> 659 <p class="pull-right view-counts"> 660<!-- <a href="https://bootsnipp.com/snippets/nNoMz" class="tip" data-toggle="tooltip" title="Viewed">257.4K <i class="icon-eye-open"></i></a> 661--> 662 <a href="https://bootsnipp.com/snippets/nNoMz" class="tip" data-toggle="tooltip" title="Favorited">79 <i class="icon-thumbs-up"></i></a> 663 <a href="https://bootsnipp.com/tags/4.1.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">4.1.1</span></a> 664 </p> 665 <p class="lead snipp-title" style="margin: 10px"> 666 <a href="https://bootsnipp.com/snippets/nNoMz">Our Team section using bootstrap 4</a> 667 </p> 668 </div> 669 </div> 670</div> 671 672 673 </div> 674<div class="col-md-12"> 675</div> 676 <div class="row"> 677<div class="row"> 678 <div class="col-md-8 col-lg-9"> 679<center> 680<!-- Ezoic - top_of_page 101 - top_of_page --> 681<div id="ezoic-pub-ad-placeholder-101">
682<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
682 683<ins class="adsbygoogle" 684 style="display:block" 685 data-ad-client="ca-pub-8815422507798180" 686 data-ad-slot="5700240528" 687 data-ad-format="auto"></ins>
688<script> 689(adsbygoogle = window.adsbygoogle || []).push({}); 690</script>
690 691</div> 692<!-- End Ezoic - top_of_page 101 - top_of_page --> 693</center> 694 </div> 695 <!-- 696 <div class="col-md-4 col-lg-3"> 697<div class="thumbnail" style="padding-left:15px;"> 698<h4 style="margin-bottom:1px"><strong><a href="https://www.jotform.com/?utm_source=bootsnipp.com&utm_campaign=bootsnipp" rel="nofollow">Free Online Form Builder</a></strong></h4> 699<p>Create online forms for free.<br> 700Try <a href="https://www.jotform.com/?utm_source=bootsnipp.com&utm_campaign=bootsnipp" rel="nofollow">JotForm Form Builder</a></p> 701 702</div> 703--> 704 </div> 705 706</div> 707 708 </div> 709 710<div class="text-center"><ul class="pagination pagination-large"> 711 <li class="disabled"><span>«</span></li><li class="active"><span>1</span></li><li><a href="http://bootsnipp.com?page=2">2</a></li><li><a href="http://bootsnipp.com?page=3">3</a></li><li><a href="http://bootsnipp.com?page=4">4</a></li><li><a href="http://bootsnipp.com?page=5">5</a></li><li><a href="http://bootsnipp.com?page=6">6</a></li><li><a href="http://bootsnipp.com?page=7">7</a></li><li><a href="http://bootsnipp.com?page=8">8</a></li><li class="disabled"><span>...</span></li><li><a href="http://bootsnipp.com?page=70">70</a></li><li><a href="http://bootsnipp.com?page=71">71</a></li><li><a href="http://bootsnipp.com?page=2" rel="next">»</a></li> </ul> 712</div> 713</div> 714 715<div class="clearfix"></div> 716 <footer class="bs-footer" role="contentinfo"> 717 <div class="container"> 718 <div class="bs-social"> 719 <ul class="bs-social-buttons"> 720 <li class="facebook-button"> 721 <div id="fb-root"></div> 722 <div id="js-facebook-share" class="fb-like" data-href="http://bootsnipp.com" data-width="130" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div> 723 </li> 724 <li class="follow-btn"> 725 <a id="js-twitter-follow" href="https://twitter.com/bootsnipp" class="twitter-follow-button" data-show-count="false">Follow @bootsnipp</a> 726 </li> 727 <li class="tweet-btn"> 728 <a id="js-twitter-tweet" href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootsnipp.com" data-text="RT Design elements and code snippets for #twbootstrap HTML/CSS/JS framework" data-via="bootsnipp" data-related="bootsnipp">Tweet</a> 729 </li> 730 </ul> 731 </div> 732 <p>Bootsnipp.com © 2017 <a href="http://www.danstools.com" target="_blank">Dan's Tools</a> | <a href="https://bootsnipp.com/privacy" target="_blank">Site Privacy policy</a> | <a href="/about">About</a> | <a href="mailto:[email protected]">Advertise</a> | Featured snippets are <a href="https://bootsnipp.com/license">MIT license.</a> </p> 733 </div> 734 735</footer> 736 737
737<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
737 738
738<script src="/dist/scripts.min.js"></script>
738 739
739<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
739 740
740<script src="//www.danstools.com/js/forum.js"></script>
740 741
741<script type="text/javascript"> 742$(function(){ 743 744 function setZoomer() { 745 $('iframe.new-preview:not(.done)').each(function() 746 { 747 previewportWidth = $(this).parent().innerWidth()-15; 748 factor = previewportWidth/1200; 749 $(this).css({ 750 'height': '800px', 751 'width': '1200px', 752 '-ms-zoom': factor, 753 '-ms-transform': 'scale('+factor+')', 754 'transform': 'scale('+factor+')', 755 '-moz-transform': 'scale('+factor+')', 756 '-moz-transform-origin': '0 0', 757 '-o-transform': 'scale('+factor+')', 758 '-o-transform-origin': '0 0', 759 '-webkit-transform': 'scale('+factor+')', 760 '-webkit-transform-origin': '0 0' 761 }); 762 $(this).parent().css('height',$(this).parent().innerWidth()*.75); 763 $(this).addClass('done'); 764 }); 765 $('iframe.snippet-preview:not(.done)').each(function() 766 { 767 previewportWidth = $(this).parent().parent().innerWidth()-30; 768 $(this).zoomer({ width: previewportWidth, height: $(this).parent().innerWidth()*.75, zoom: .5, message : '' ,messageURL : $(this).attr('data-url') }) 769 $(this).zoomer('refresh'); 770 $(this).addClass('done'); 771 }); 772 if ($('.scrollpost > .thumbnail > .imgwrap > a > img').height() > 1) { 773 $('.noimgrender').height($('.scrollpost > .thumbnail > .imgwrap > a > img').height()); 774 $('.scrollpost > .thumbnail > .imgwrap').height($('.scrollpost > .thumbnail > .imgwrap > a > img').height()); 775 } 776 } 777 778 setZoomer(); 779 780 //$('ul.pagination').hide(); 781//$('.infinite-scroll').infiniteScroll({ 782 // options 783// path: '.pagination li.active + li a', 784// append: '.scrollpost', 785// hideNav: (getUrlParameter('page') == false ? '.pagination' : false), 786// scrollThreshold: 800, 787//}); 788 789//$('.infinite-scroll').on( 'append.infiniteScroll', function( event, response, path ) { 790// $('.infinite-scroll').append("<div class=\"col-md-12\" style=\"margin-top:10px;margin-bottom:10px;max-height:250px\">
790<script async src=\"//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"><\/script><ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-8815422507798180\" data-ad-slot=\"5700240528\" data-ad-format=\"auto\"></ins>
790<script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script></div>"); 791// $('img.lazy:not(.done)').lazyload({ effect : 'fadeIn' }); 792// $('img.lazy:not(.done)').addClass('done'); 793// setZoomer(); 794//}); 795}); 796var getUrlParameter = function getUrlParameter(sParam) { 797 var sPageURL = decodeURIComponent(window.location.search.substring(1)), 798 sURLVariables = sPageURL.split('&'), 799 sParameterName, 800 i; 801 802 for (i = 0; i < sURLVariables.length; i++) { 803 sParameterName = sURLVariables[i].split('='); 804 805 if (sParameterName[0] === sParam) { 806 return sParameterName[1] === undefined ? true : sParameterName[1]; 807 } 808 } 809}; 810</script>
810 811 812<div class="modal fade" id="DonateModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> 813 <div class="modal-dialog" style="margin-top:100px"> 814 <div class="modal-content"> 815 <div class="modal-header"> 816 <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">Ã</span><span class="sr-only">Close</span></button> 817 <h1 class="modal-title" id="lineModalLabel">Donate</h1> 818 </div> 819 <div class="modal-body text-center"> 820<!-- <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALcAAAC4CAYAAAChOH1KAAAABHNCSVQICAgIfAhkiAAABDVJREFUeJzt3dFuEzEUQEGC+P9fDu8oq9bFjr0nM48IhdAeWdor2/t4Pp/PXxD0e/cXgFXETZa4yRI3WeIm68+rP3w8Hu/+Hj9yNeiZ9f1HP3/14Gn0/zXr+9y1Bys3WeImS9xkiZsscZP1clpyZdc2lNOe1u8yFVk9XTm9Bys3WeImS9xkiZsscZM1NC25snovxyyjU4XRPSSz/v6oXXtOrpzSg5WbLHGTJW6yxE2WuMmaMi25i9XTjLucDNp1kujdrNxkiZsscZMlbrLETVZyWjLrqX/0c1ZPVz5lyjGLlZsscZMlbrLETZa4yZoyLTntaX3WVGH1fSl3+Z6jTunByk2WuMkSN1niJkvcZA1NS057Kp9l1/0kq0/KnHZfyrtZuckSN1niJkvcZImbrJfTklP2BvzU3e/rmDXlWD11OZ2VmyxxkyVussRNlrjJejxfPAqvfsfKKe9M+cqud9zM+n/t+j2u/vlc+ffftXKTJW6yxE2WuMkSN1lLb3m9yxt4r9xlj8pp061T3iVk5SZL3GSJmyxxkyVusm7xTpxd04nVU4JRq+8tufr7q/ecXPnfKYqVmyxxkyVussRNlrjJGpqWrD4hcve9Gafd/rrrnTunfH8rN1niJkvcZImbLHGTNeWW19UnaHbdB7LrfpJd75pZ/Xt89xTFyk2WuMkSN1niJkvcZE255XWWXXseZjnlvo67ff6q34uVmyxxkyVussRNlrjJOuokzqy/P+tzVr9pd9fJmtNOBo2yt4SPJ26yxE2WuMkSN1lDJ3Huvudk9cmgXSePVt8Dc9otu+4t4eOJmyxxkyVussRN1tJ34uyaTtx978SV1VOjXe++WTWNsXKTJW6yxE2WuMkSN1kvpyV32Utw+i2jP3WXk0qjn/Pue2ms3GSJmyxxkyVussRN1stbXoc/ZNMJnU+zaxqz2qppmJWbLHGTJW6yxE2WuMlaehLnyq49G6NOO7lz2i21o979ziArN1niJkvcZImbLHGTNXQS58pp74I5bcox6rTp0Cyzfv5ueeXjiZsscZMlbrLETdaUkzinWT3tmfXvjnr3vR8/9e49JFefY+UmS9xkiZsscZMlbrKm7C3ZZdY7cWadAFo9zdjltBNS32XlJkvcZImbLHGTJW6yhu4tucsJkdVTiF3v0Nk1XTltKuIkDh9P3GSJmyxxkyVusqbc8jrrKf60p/K732dy2pRp1P/2YOUmS9xkiZsscZMlbrK2vBNntVX3YHz1Oavv/di1d2XXdOjKd7+nlZsscZMlbrLETZa4yUpOS67cZW/GaXtsrpz+87RykyVussRNlrjJEjdZU6Ylpz3dr94jcdr9JLvuP9n1zp3vsnKTJW6yxE2WuMkSN1lD05LT7rVY7bQTKFd2vdNnF7e88vHETZa4yRI3WeIm6/G8yyMyDLJykyVussRN1l8F2immyBsj/gAAAABJRU5ErkJggg==" />--> 821 <br>BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT 822 <br>ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76 823<hr> 824<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> 825<input type="hidden" name="cmd" value="_s-xclick"> 826<input type="hidden" name="hosted_button_id" value="FDGD82NBKQDHJ"> 827<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> 828<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> 829</form> 830 </div> 831 <div class="modal-footer"> 832 <div class="btn-group btn-group-justified" role="group" aria-label="group button"> 833 <div class="btn-group" role="group"> 834 <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> 835 </div> 836 </div> 837 </div> 838 </div> 839 </div> 840</div> 841 842 </body> 843</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.