Responsive Bootstrap Portfolio

Development, Graphic, and Artistic Examples

Click anywhere to close >

<!-- Start code for -->
<div class="fullwidthbanner">
<div class="js-responsive-image" alt="The Bulova Rubaiyat Collection " data-media='{
"1400": "", "1280": "", "767": "" }'></div> <div class="fullwidthbanner_links text-left">
<a href="/c/0108010100" >SHOP ALL BULOVA WATCHES &gt;</a></div></div>
<div class="content-landing" id="edu-watches">
<h1 class="content-hdr">Watch Buying Guide</h1>
<p class="content-intro">
No one is actually certain who created the first watch, but everyone knows how hard it is to be without one.</p>
<h2 class="content-hdr_sub">Watch Care</h2>
<p class="content-body">
Watches are considered jewelry and should be cared for as such. Here are a few basic watch care guidelines:</p>
<ul><li>Clean your watch regularly with a soft cloth to remove dirt and oils. Water and mild soap maybe be used to clean metal bracelets.</li>
<li>Avoid exposing your watch to extreme hot or cold temperatures.</li>
<li>Even water&#8208;resistant timepieces should not be worn in a hot tub or shower.</li></ul>
<hr />
<h2 class="content-hdr_sub">Shop By Brand</h2>
<div class="row">
<figure class="section-break col-md-4 col-sm-6 col-xs-12 pad15-LR">
<a href="/watches/bulova/c/0108010100">
<div width="767" height="335" class="js-responsive-image" alt="Shop Bulova Watches"
data-media='{"1400": "", "1280": "", "767": "" }'></div>
<figcaption class="text-center">
Shop Bulova Watches
<figure class="section-break col-md-4 col-sm-6 col-xs-12 pad15-LR">
<a href="/watches/citizen/c/0108010300">
<div width="767" height="335" class="js-responsive-image" alt="Shop Citizen Watches"
data-media='{"1400": "", "1280": "", "767": "" }'></div>
<figcaption class="text-center">
Shop Citizen Watches</figcaption></a></figure>
<figure class="section-break col-md-4 col-sm-6 col-xs-12 pad15-LR">
<a href="/watches/wittnauer/c/0108011500">
<div width="767" height="335" class="js-responsive-image" alt="Shop Wittnauer Watches"
data-media='{ "1400": "", "1280": "", "767": "" }'></div>
<figcaption class="text-center"> Shop Wittnauer Watches</figcaption>
</a> </figure> </div>
</div><!-- end code for -->

Click to close >

Click to reveal code sample>