PageSourceSearch

https://bootsnipp.com/

html bootsnipp.com collected 2026-09-24 09:18:12 UTC 46,459 bytes, 843 lines download raw bytes

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&amp;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&amp;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=&quot;Gabriel&quot;">
385<!--                <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/nofeat-3216347293001f1698b128393a3ab72dca689a55.jpg" width="320" height="240" alt="Login Class=&quot;Gabriel&quot;">-->
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=&quot;Gabriel&quot;</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&amp;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&amp;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>&laquo;</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">&raquo;</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 &copy; 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.