Changes between Version 2 and Version 3 of ZooWebSite/2015/Resources/Case studies


Ignore:
Timestamp:
Mar 5, 2015, 9:49:03 AM (9 years ago)
Author:
nickboz
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • ZooWebSite/2015/Resources/Case studies

    v2 v3  
    99    <div class="col-xs-12 col-sm-12 col-lg-10 text-center">     
    1010      <h1 class="section-heading">ZOO case studies</h1>
    11       <h2 class="sub-heading">--</h2>
     11      <h2 class="sub-heading">Example zoo use cases</h2>
    1212      <div class="well well well-heading">
    1313        <p class="intnp">...</p>
    … …  
    2020  <div class="zoo-content-npb">
    2121    <div class="container">
     22        <div class="row">
     23                <h2 class="text-center">Minimal Preview Thumbnails </h2>
     24        <hr/>
     25        </div>
    2226    <div class="row">
    23         <ul class="thumbnails">
    24             <div class="col-md-4">
    25                 <div class="thumbnail">
    26                     <img src="http://placehold.it/320x200" alt="ALT NAME" class="img-responsive" />
    27                     <div class="caption">
    28                          <h3>Header Name</h3>
    29                         <p>Description</p>
    30                         <p align="center"><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a>
    31                         </p>
    32                     </div>
    33                 </div>
     27        <div class="col-sm-6 col-md-4">
     28            <div class="thumbnail">
     29                <h4>
     30                    Post Thumbnail List
     31                    <span class="label label-info info">
     32                        <span data-toggle="tooltip" title="viewed">257 <b class="glyphicon glyphicon-eye-open"></b></span>
     33                        <span data-toggle="tooltip" title="viewed">3 <b class="glyphicon glyphicon-star"></b></span>
     34                        <span data-toggle="tooltip" title="Bootstrap version">3.0.3</span>
     35                    </span>
     36                </h4>
     37                <img src="http://www.remabledesigns.com/bootsnipp/img/201402031158.png" alt="...">
     38                <a href="http://bootsnipp.com/snippets/featured/post-thumbnail-list" class="btn btn-primary col-xs-12" role="button">View Snippet</a>
     39                <div class="clearfix"></div>
    3440            </div>
    35             <div class="col-md-4">
    36                 <div class="thumbnail">
    37                     <img src="http://placehold.it/320x200" alt="ALT NAME" class="img-responsive" />
    38                     <div class="caption">
    39                          <h3>Header Name</h3>
    40                         <p>Description</p>
    41                         <p align="center"><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a>
    42                         </p>
    43                     </div>
    44                 </div>
     41        </div>
     42       
     43        <div class="col-sm-6 col-md-4">
     44            <div class="thumbnail">
     45                <h4>
     46                    Colourful Tabbed Slider Carousel
     47                    <span class="label label-info info">
     48                        <span data-toggle="tooltip" title="Viewed">433 <i class="glyphicon glyphicon-eye-open"></i></span>
     49                        <span data-toggle="tooltip" title="Favorited">4 <i class="glyphicon glyphicon-star"></i></span>
     50                        <span data-toggle="tooltip" title="Bootstrap version">3.0.3</span>
     51                    </span>
     52                </h4>
     53                <img src="http://www.remabledesigns.com/bootsnipp/img/201402031247.png" alt="...">
     54                <a href="http://bootsnipp.com/snippets/featured/colourful-tabbed-slider-carousel" class="btn btn-primary col-xs-12" role="button">View Snippet</a>
     55                <div class="clearfix"></div>
    4556            </div>
    46             <div class="col-md-4">
    47                 <div class="thumbnail">
    48                     <img src="http://placehold.it/320x200" alt="ALT NAME" class="img-responsive" />
    49                     <div class="caption">
    50                          <h3>Header Name</h3>
    51                         <p>Description</p>
    52                         <p align="center"><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a>
    53                         </p>
    54                     </div>
    55                 </div>
     57        </div>
     58       
     59        <div class="col-sm-6 col-md-4">
     60            <div class="thumbnail">
     61                <h4>
     62                    Portfolio using Panels
     63                    <span class="label label-info info">
     64                        <span data-toggle="tooltip" title="Viewed">2.1K <b class="glyphicon glyphicon-eye-open"></b></span>
     65                        <span data-toggle="tooltip" title="Favorited">13 <b class="glyphicon glyphicon-star"></b></span>
     66                        <span data-toggle="tooltip" title="Bootstrap version">3.0.3</span>
     67                    </span>
     68                </h4>
     69                <img src="http://www.remabledesigns.com/bootsnipp/img/201402031258.png" alt="...">
     70                <a href="http://bootsnipp.com/snippets/featured/portfolio-using-panels" class="btn btn-primary col-xs-12" role="button">View Snippet</a>
     71                <div class="clearfix"></div>
    5672            </div>
    57             <div class="col-md-4">
    58                 <div class="thumbnail">
    59                     <img src="http://placehold.it/320x200" alt="ALT NAME" class="img-responsive" />
    60                     <div class="caption">
    61                          <h3>Header Name</h3>
    62                         <p>Description</p>
    63                         <p align="center"><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a>
    64                         </p>
    65                     </div>
    66                 </div>
     73        </div>
     74       
     75        <div class="col-sm-6 col-md-4">
     76            <div class="thumbnail">
     77                <h4>
     78                    Parallax Login Form
     79                    <span class="label label-info info">
     80                        <span data-toggle="tooltip" title="Viewed">11.5K <b class="glyphicon glyphicon-eye-open"></b></span>
     81                        <span data-toggle="tooltip" title="Favorited">24 <b class="glyphicon glyphicon-star"></b></span>
     82                        <span data-toggle="tooltip" title="Bootstrap version">3.0.3</span>
     83                    </span>
     84                </h4>
     85                <img src="http://www.remabledesigns.com/bootsnipp/img/201402031306.png" alt="...">
     86                <a href="http://bootsnipp.com/snippets/featured/parallax-login-form" class="btn btn-primary col-xs-12" role="button">View Snippet</a>
     87                <div class="clearfix"></div>
    6788            </div>
    68             <div class="col-md-4">
    69                 <div class="thumbnail">
    70                     <img src="http://placehold.it/320x200" alt="ALT NAME" class="img-responsive" />
    71                     <div class="caption">
    72                          <h3>Header Name</h3>
    73                         <p>Description</p>
    74                         <p align="center"><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a>
    75                         </p>
    76                     </div>
    77                 </div>
     89        </div>
     90       
     91        <div class="col-sm-6 col-md-4">
     92            <div class="thumbnail">
     93                <h4>
     94                    Timeline (responsive)
     95                    <span class="label label-info info">
     96                        <span data-toggle="tooltip" title="Viewed">7.3K <b class="glyphicon glyphicon-eye-open"></b></span>
     97                        <span data-toggle="tooltip" title="Favorited">31 <b class="glyphicon glyphicon-star"></b></span>
     98                        <span data-toggle="tooltip" title="Bootstrap version">3.0.3</span>
     99                    </span>
     100                </h4>
     101                <img src="http://www.remabledesigns.com/bootsnipp/img/201402031311.png" alt="...">
     102                <a href="http://bootsnipp.com/snippets/featured/timeline-responsive" class="btn btn-primary col-xs-12" role="button">View Snippet</a>
     103                <div class="clearfix"></div>
    78104            </div>
    79             <div class="col-md-4">
    80                 <div class="thumbnail">
    81                     <img src="http://placehold.it/320x200" alt="ALT NAME" class="img-responsive" />
    82                     <div class="caption">
    83                          <h3>Header Name</h3>
    84                         <p>Description</p>
    85                         <p align="center"><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a>
    86                         </p>
    87                     </div>
    88                 </div>
     105        </div>
     106       
     107        <div class="col-sm-6 col-md-4">
     108            <div class="thumbnail">
     109                <h4>
     110                    Responsive Quote Carousel
     111                    <span class="label label-info info">
     112                        <span data-toggle="tooltip" title="Viewed">2.5K <b class="glyphicon glyphicon-eye-open"></b></span>
     113                        <span data-toggle="tooltip" title="Favorited">18 <b class="glyphicon glyphicon-star"></b></span>
     114                        <span data-toggle="tooltip" title="Bootstrap version">3.0.0</span>
     115                    </span>
     116                </h4>
     117                <img src="http://www.remabledesigns.com/bootsnipp/img/201402031314.png" alt="...">
     118                <a href="http://bootsnipp.com/snippets/featured/responsive-quote-carousel" class="btn btn-primary col-xs-12" role="button">View Snippet</a>
     119                <div class="clearfix"></div>
    89120            </div>
    90         </ul>
     121        </div>
    91122    </div>
    92123</div>

Download now !

Search

Context Navigation

Main Navigation

ZOO Sponsors

http://www.zoo-project.org/trac/chrome/site/img/geolabs-logo.pnghttp://www.zoo-project.org/trac/chrome/site/img/neogeo-logo.png http://www.zoo-project.org/trac/chrome/site/img/apptech-logo.png http://www.zoo-project.org/trac/chrome/site/img/3liz-logo.png http://www.zoo-project.org/trac/chrome/site/img/gateway-logo.png

Become a sponsor !

Knowledge partners

http://www.zoo-project.org/trac/chrome/site/img/ocu-logo.png http://www.zoo-project.org/trac/chrome/site/img/gucas-logo.png http://www.zoo-project.org/trac/chrome/site/img/polimi-logo.png http://www.zoo-project.org/trac/chrome/site/img/fem-logo.png http://www.zoo-project.org/trac/chrome/site/img/supsi-logo.png http://www.zoo-project.org/trac/chrome/site/img/cumtb-logo.png

Become a knowledge partner

Related links

http://zoo-project.org/img/ogclogo.png http://zoo-project.org/img/osgeologo.png