PageSourceSearch

https://bootsnipp.com/foundation

html bootsnipp.com collected 2026-09-24 09:18:16 UTC 30,635 bytes, 560 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 Foundation 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 Foundation." />
23    <meta name="description" content="A design element gallery for web designers and web developers. Find snippets using HTML, CSS, Javascript, jQuery, and Foundation">
24      <title>Home of free code snippets for Foundation</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">Foundation <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=""><a href="/" class="">Bootstrap</a></li>
167            <li class="active"><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/foundation/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/foundation/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/foundation/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/foundation" class="">Featured <span class="pull-right glyphicon glyphicon-star"></span></a></li>
223            <li class=""><a href="https://bootsnipp.com/foundation/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/foundation/tags/6.3.1" class="">6.3.1</a></li>
226                      </ul>
227        </li>
228        
229                  <li class=""><a href="https://bootsnipp.com/register" class="">Register</a></li>
230          <li id="nav-login-btn" class=""><a href="https://bootsnipp.com/login" class="">Login</a></li>
231        
232<!--        <li class="hidden-xs"><a href="#toggle-search" class=""><span class="glyphicon glyphicon-search"></span></a></li>-->
233      </ul>
234    </div>
235  </div>
236<!--  <div class="bootsnipp-search ">
237    <div class="container">
238      <form action="https://bootsnipp.com/foundation/search" method="GET" role="search">
239        <div class="input-group">
240          <input type="text" class="form-control" name="q" placeholder="Search for snippets and hit enter">
241          <span class="input-group-btn">
242            <button class="btn btn-danger" type="reset"><span class="glyphicon glyphicon-remove"></span></button>
243          </span>
244        </div>
245      </form>
246    </div>
247  </div>
248-->
249</nav>
250      
251
252<div class="bs-header" id="content">
253	<div class="container">
254		<h1>Bootsnipp</h1>
255        		<p> Design elements, playground and code snippets for <a href="http://foundation.zurb.com" target="_blank"> Foundation</a> HTML/CSS/JS framework </p>
256		</div>
257</div>
258
259<div class="container" style="margin-top:20px;margin-bottom:20px;max-width:1200px;">
260	<div class="row">
261<div class="col-md-6">
262<p><strong>Help us out!</strong></p>
263<p>We are expanding our offering beyond just Bootstrap.  If you have any awesome Foundation CSS snippets, please share them!</p>
264</div>
265<div class="col-md-6">
266<a href="https://bootsnipp.com/foundation/user/snippets/new" class="btn btn-primary btn-lg">Add Your Snippet</a>
267</div>
268</div>
269</div>
270<div class="container" style="max-width:1200px">
271	<div class="row">
272				    			<div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3">
273    <div class="thumbnail bootsnipp-thumb" style="padding:0">
274			<div class="imgwrap">
275            <a href="https://bootsnipp.com/foundation/snippets/Olqyj">
276                <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/b18b2e64a70fb6bae2556316fce31196edf71e7a.jpg" width="320" height="240" alt="Featured Blocks">
277<!--                <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/b18b2e64a70fb6bae2556316fce31196edf71e7a.jpg" width="320" height="240" alt="Featured Blocks">-->
278        </a>
279		</div>
280
281	    <div>
282	    	<p class="pull-right view-counts">
283<!--	    		<a href="https://bootsnipp.com/foundation/snippets/Olqyj" class="tip" data-toggle="tooltip" title="Viewed">18.8K <i class="icon-eye-open"></i></a> 
284-->
285	    		<a href="https://bootsnipp.com/foundation/snippets/Olqyj" class="tip" data-toggle="tooltip" title="Favorited">2 <i class="icon-thumbs-up"></i></a> 
286	    		<a href="https://bootsnipp.com/tags/6.3.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">6.3.1</span></a>
287	    	</p>
288	    	<p class="lead snipp-title" style="margin: 10px">
289	    		<a href="https://bootsnipp.com/foundation/snippets/Olqyj">Featured Blocks</a>
290	    	</p>
291	    </div>
292    </div>
293</div>
294
295
296				    			<div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3">
297    <div class="thumbnail bootsnipp-thumb" style="padding:0">
298			<div class="imgwrap">
299            <a href="https://bootsnipp.com/foundation/snippets/7K50e">
300                <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/535d245919c219c7fd4fe07ca8eaf91a6e4514f1.jpg" width="320" height="240" alt="Foundation Modal">
301<!--                <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/535d245919c219c7fd4fe07ca8eaf91a6e4514f1.jpg" width="320" height="240" alt="Foundation Modal">-->
302        </a>
303		</div>
304
305	    <div>
306	    	<p class="pull-right view-counts">
307<!--	    		<a href="https://bootsnipp.com/foundation/snippets/7K50e" class="tip" data-toggle="tooltip" title="Viewed">20.0K <i class="icon-eye-open"></i></a> 
308-->
309	    		<a href="https://bootsnipp.com/foundation/snippets/7K50e" class="tip" data-toggle="tooltip" title="Favorited">2 <i class="icon-thumbs-up"></i></a> 
310	    		<a href="https://bootsnipp.com/tags/6.3.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">6.3.1</span></a>
311	    	</p>
312	    	<p class="lead snipp-title" style="margin: 10px">
313	    		<a href="https://bootsnipp.com/foundation/snippets/7K50e">Foundation Modal</a>
314	    	</p>
315	    </div>
316    </div>
317</div>
318
319
320				    			<div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3">
321    <div class="thumbnail bootsnipp-thumb" style="padding:0">
322			<div class="imgwrap">
323            <a href="https://bootsnipp.com/foundation/snippets/5K3dW">
324                <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/714341324f96367c01df26f449f027c3f3c20f5d.jpg" width="320" height="240" alt="Foundation Form">
325<!--                <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/714341324f96367c01df26f449f027c3f3c20f5d.jpg" width="320" height="240" alt="Foundation Form">-->
326        </a>
327		</div>
328
329	    <div>
330	    	<p class="pull-right view-counts">
331<!--	    		<a href="https://bootsnipp.com/foundation/snippets/5K3dW" class="tip" data-toggle="tooltip" title="Viewed">34.5K <i class="icon-eye-open"></i></a> 
332-->
333	    		<a href="https://bootsnipp.com/foundation/snippets/5K3dW" class="tip" data-toggle="tooltip" title="Favorited">8 <i class="icon-thumbs-up"></i></a> 
334	    		<a href="https://bootsnipp.com/tags/6.3.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">6.3.1</span></a>
335	    	</p>
336	    	<p class="lead snipp-title" style="margin: 10px">
337	    		<a href="https://bootsnipp.com/foundation/snippets/5K3dW">Foundation Form</a>
338	    	</p>
339	    </div>
340    </div>
341</div>
342
343
344				    			<div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3">
345    <div class="thumbnail bootsnipp-thumb" style="padding:0">
346			<div class="imgwrap">
347            <a href="https://bootsnipp.com/foundation/snippets/eoEXQ">
348                <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/ba748c710ebd993f7dd4c93fb300fa586e7a5830.jpg" width="320" height="240" alt="Foundation Button">
349<!--                <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/ba748c710ebd993f7dd4c93fb300fa586e7a5830.jpg" width="320" height="240" alt="Foundation Button">-->
350        </a>
351		</div>
352
353	    <div>
354	    	<p class="pull-right view-counts">
355<!--	    		<a href="https://bootsnipp.com/foundation/snippets/eoEXQ" class="tip" data-toggle="tooltip" title="Viewed">24.0K <i class="icon-eye-open"></i></a> 
356-->
357	    		<a href="https://bootsnipp.com/foundation/snippets/eoEXQ" class="tip" data-toggle="tooltip" title="Favorited">4 <i class="icon-thumbs-up"></i></a> 
358	    		<a href="https://bootsnipp.com/tags/6.3.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">6.3.1</span></a>
359	    	</p>
360	    	<p class="lead snipp-title" style="margin: 10px">
361	    		<a href="https://bootsnipp.com/foundation/snippets/eoEXQ">Foundation Button</a>
362	    	</p>
363	    </div>
364    </div>
365</div>
366
367
368				    			<div class="scrollpost col-sm-12 col-xs-12 col-md-4 col-lg-4 col-xl-3">
369    <div class="thumbnail bootsnipp-thumb" style="padding:0">
370			<div class="imgwrap">
371            <a href="https://bootsnipp.com/foundation/snippets/kv62R">
372                <img class="danlazy" src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/84553c20fb0a140c3cc705e95a5d8efcf1b4fefe.jpg" width="320" height="240" alt="Featured Blocks">
373<!--                <img src="//d2d3qesrx8xj6s.cloudfront.net/img/screenshots/84553c20fb0a140c3cc705e95a5d8efcf1b4fefe.jpg" width="320" height="240" alt="Featured Blocks">-->
374        </a>
375		</div>
376
377	    <div>
378	    	<p class="pull-right view-counts">
379<!--	    		<a href="https://bootsnipp.com/foundation/snippets/kv62R" class="tip" data-toggle="tooltip" title="Viewed">24.0K <i class="icon-eye-open"></i></a> 
380-->
381	    		<a href="https://bootsnipp.com/foundation/snippets/kv62R" class="tip" data-toggle="tooltip" title="Favorited">2 <i class="icon-thumbs-up"></i></a> 
382	    		<a href="https://bootsnipp.com/tags/6.3.1"><span class="label label-info tip" data-toggle="tooltip" title="Bootstrap version">6.3.1</span></a>
383	    	</p>
384	    	<p class="lead snipp-title" style="margin: 10px">
385	    		<a href="https://bootsnipp.com/foundation/snippets/kv62R">Featured Blocks</a>
386	    	</p>
387	    </div>
388    </div>
389</div>
390
391
392			</div>
393<div class="col-md-12">
394</div>
395	<div class="row">
396<div class="row">
397 <div class="col-md-8 col-lg-9">
398<center>
399<!-- Ezoic - top_of_page 101 - top_of_page -->
400<div id="ezoic-pub-ad-placeholder-101">
401<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
401
402<ins class="adsbygoogle"
403     style="display:block"
404     data-ad-client="ca-pub-8815422507798180"
405     data-ad-slot="5700240528"
406     data-ad-format="auto"></ins>
407<script>
408(adsbygoogle = window.adsbygoogle || []).push({});
409</script>
409
410</div>
411<!-- End Ezoic - top_of_page 101 - top_of_page -->
412</center>
413 </div>
414 <!--
415 <div class="col-md-4 col-lg-3">
416<div class="thumbnail" style="padding-left:15px;">
417<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>
418<p>Create online forms for free.<br>
419Try <a href="https://www.jotform.com/?utm_source=bootsnipp.com&amp;utm_campaign=bootsnipp" rel="nofollow">JotForm Form Builder</a></p>
420
421</div>
422-->
423 </div>
424
425</div>
426
427	</div>
428
429<div class="text-center"></div>
430</div>
431
432<div class="clearfix"></div>
433    <footer class="bs-footer" role="contentinfo">
434  <div class="container">
435    <div class="bs-social">
436      <ul class="bs-social-buttons">
437        <li class="facebook-button">
438          <div id="fb-root"></div>
439          <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>        
440        </li>
441        <li class="follow-btn">
442          <a id="js-twitter-follow" href="https://twitter.com/bootsnipp" class="twitter-follow-button" data-show-count="false">Follow @bootsnipp</a>
443        </li>
444        <li class="tweet-btn">
445          <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>
446        </li>
447      </ul>
448    </div>
449    <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>
450  </div>
451
452</footer>
453
454    
454<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
454
455    
455<script src="/dist/scripts.min.js"></script>
455
456    
456<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
456
457    
457<script src="//www.danstools.com/js/forum.js"></script>
457
458    
458<script type="text/javascript">
459$(function(){
460
461 function setZoomer() {
462    $('iframe.new-preview:not(.done)').each(function()
463        {
464                previewportWidth = $(this).parent().innerWidth()-15;
465                factor = previewportWidth/1200;
466                $(this).css({
467    'height': '800px',
468    'width': '1200px',
469    '-ms-zoom': factor,
470    '-ms-transform': 'scale('+factor+')',
471    'transform': 'scale('+factor+')',
472    '-moz-transform': 'scale('+factor+')',
473    '-moz-transform-origin': '0 0',
474    '-o-transform': 'scale('+factor+')',
475    '-o-transform-origin': '0 0',
476    '-webkit-transform': 'scale('+factor+')',
477    '-webkit-transform-origin': '0 0'
478                });
479                $(this).parent().css('height',$(this).parent().innerWidth()*.75);
480		$(this).addClass('done');
481        });
482    $('iframe.snippet-preview:not(.done)').each(function()
483        {
484                previewportWidth = $(this).parent().parent().innerWidth()-30;
485                $(this).zoomer({ width: previewportWidth, height: $(this).parent().innerWidth()*.75, zoom: .5, message : '' ,messageURL : $(this).attr('data-url') })
486                $(this).zoomer('refresh');
487		$(this).addClass('done');
488        });
489	if ($('.scrollpost > .thumbnail > .imgwrap > a > img').height() > 1) {
490		$('.noimgrender').height($('.scrollpost > .thumbnail > .imgwrap > a > img').height());
491		$('.scrollpost > .thumbnail > .imgwrap').height($('.scrollpost > .thumbnail > .imgwrap > a > img').height());
492	}
493 }
494
495 setZoomer();
496
497    //$('ul.pagination').hide();
498//$('.infinite-scroll').infiniteScroll({
499  // options
500//  path: '.pagination li.active + li a',
501//  append: '.scrollpost',
502//  hideNav: (getUrlParameter('page') == false ? '.pagination' : false),
503//  scrollThreshold: 800,
504//});
505
506//$('.infinite-scroll').on( 'append.infiniteScroll', function( event, response, path ) {
507//	$('.infinite-scroll').append("<div class=\"col-md-12\" style=\"margin-top:10px;margin-bottom:10px;max-height:250px\">
507<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>
507<script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script></div>");
508//	$('img.lazy:not(.done)').lazyload({ effect : 'fadeIn' });
509//	$('img.lazy:not(.done)').addClass('done');
510//	setZoomer();
511//});
512});
513var getUrlParameter = function getUrlParameter(sParam) {
514    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
515        sURLVariables = sPageURL.split('&'),
516        sParameterName,
517        i;
518
519    for (i = 0; i < sURLVariables.length; i++) {
520        sParameterName = sURLVariables[i].split('=');
521
522        if (sParameterName[0] === sParam) {
523            return sParameterName[1] === undefined ? true : sParameterName[1];
524        }
525    }
526};
527</script>
527
528
529<div class="modal fade" id="DonateModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
530  <div class="modal-dialog" style="margin-top:100px">
531    <div class="modal-content">
532        <div class="modal-header">
533            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
534            <h1 class="modal-title" id="lineModalLabel">Donate</h1>
535        </div>
536        <div class="modal-body text-center">
537<!--    <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==" />-->
538    <br>BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
539	<br>ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76
540<hr>
541<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
542<input type="hidden" name="cmd" value="_s-xclick">
543<input type="hidden" name="hosted_button_id" value="FDGD82NBKQDHJ">
544<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!">
545<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
546</form>
547        </div>
548        <div class="modal-footer">
549            <div class="btn-group btn-group-justified" role="group" aria-label="group button">
550                <div class="btn-group" role="group">
551                    <button type="button" class="btn btn-default" data-dismiss="modal"  role="button">Close</button>
552                </div>
553            </div>
554        </div>
555    </div>
556  </div>
557</div>
558
559  </body>
560</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.