| | 1 | {{{ |
| | 2 | #!html |
| | 3 | |
| | 4 | <div class="zoo-default"> |
| | 5 | <div class="container"> |
| | 6 | <div class="col-xs-12 col-sm-2 col-lg-2 text-center"> |
| | 7 | <span class="zoo-title "><i class="fa fa-globe bfs"></i></span> |
| | 8 | </div> |
| | 9 | <div class="col-xs-12 col-sm-12 col-lg-10 text-center"> |
| | 10 | <h1 class="section-heading">ZOO examples</h1> |
| | 11 | <h2 class="sub-heading">Examples...</h2> |
| | 12 | <div class="well well well-heading"> |
| | 13 | <p class="intnp">...</p> |
| | 14 | </div> |
| | 15 | </div> |
| | 16 | </div> |
| | 17 | </div> |
| | 18 | |
| | 19 | |
| | 20 | <div class="zoo-content-npb"> |
| | 21 | <div class="container"> |
| | 22 | <div class="row"> |
| | 23 | <div class="col-xs-18 col-sm-6 col-md-3"> |
| | 24 | <div class="thumbnail"> |
| | 25 | <img src="http://placehold.it/500x250/E0E0E0"> |
| | 26 | <div class="caption"> |
| | 27 | <h4>...</h4> |
| | 28 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p> |
| | 29 | <a href="#" class="btn btn-default btn-xs pull-right" role="button"><i class="glyphicon glyphicon-edit"></i></a> <a href="#" class="btn btn-info btn-xs" role="button"><span class="glyphicon glyphicon-thumbs-up"></span>Button</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a> |
| | 30 | </div> |
| | 31 | </div> |
| | 32 | </div> |
| | 33 | |
| | 34 | <div class="col-xs-18 col-sm-6 col-md-3"> |
| | 35 | <div class="thumbnail"> |
| | 36 | <img src="http://placehold.it/500x250/E0E0E0"> |
| | 37 | <div class="caption"> |
| | 38 | <h4>...</h4> |
| | 39 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p> |
| | 40 | <a href="#" class="btn btn-default btn-xs pull-right" role="button"><i class="glyphicon glyphicon-edit"></i></a> <a href="#" class="btn btn-info btn-xs" role="button"><span class="glyphicon glyphicon-thumbs-up"></span>Button</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a> |
| | 41 | </div> |
| | 42 | </div> |
| | 43 | </div> |
| | 44 | |
| | 45 | <div class="col-xs-18 col-sm-6 col-md-3"> |
| | 46 | <div class="thumbnail"> |
| | 47 | <img src="http://placehold.it/500x250/00FF00"> |
| | 48 | <div class="caption"> |
| | 49 | <h4 style="color:#00FF00"><span class="glyphicon glyphicon-th-large"></span>Thumbnail label</h4> |
| | 50 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p> |
| | 51 | <a href="#" class="btn btn-default btn-xs pull-right" role="button"><i class="glyphicon glyphicon-edit"></i></a> <a href="#" class="btn btn-info btn-xs" role="button"><span class="glyphicon glyphicon-thumbs-up"></span>Button</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a> |
| | 52 | </div> |
| | 53 | </div> |
| | 54 | </div> |
| | 55 | |
| | 56 | <div class="col-xs-18 col-sm-6 col-md-3"> |
| | 57 | <div class="thumbnail"> |
| | 58 | <img src="http://placehold.it/500x250/FF4500"> |
| | 59 | <div class="caption"> |
| | 60 | <h4 style="color:#FF4500"><span class="glyphicon glyphicon-th-large"></span>Thumbnail label</h4> |
| | 61 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p> |
| | 62 | <a href="#" class="btn btn-default btn-xs pull-right" role="button"><i class="glyphicon glyphicon-edit"></i></a> <a href="#" class="btn btn-info btn-xs" role="button"><span class="glyphicon glyphicon-thumbs-up"></span>Button</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a> |
| | 63 | </div> |
| | 64 | </div> |
| | 65 | </div> |
| | 66 | </div> |
| | 67 | </div> |
| | 68 | </div> |
| | 69 | |
| | 70 | <div class="bblocks"> |
| | 71 | <div class="container"> |
| | 72 | <div class="row zserv"> |
| | 73 | <div class="col-md-12 text-center"> |
| | 74 | <h1 class="stw"><a href="">sdfs</a></h1> |
| | 75 | </div> |
| | 76 | </div> |
| | 77 | </div> |
| | 78 | </div> |
| | 79 | |
| | 80 | }}} |
