"card shop"
Bootstrap 3.0.0 Snippet by evarevirus

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="canCookbooks">
<img hidefocus="true" usemap="#bookMap" src="http://static.indigoimages.ca/2014/banners/109333_FWSS_CanadianCookbook_NEUTRAL_v3.gif" id="bookMap" style="display: none;">
<map name="bookMap">
<area href="/books/great-canadian-cookbooks/#east" class="east" alt="east" coords="431,261,430,301,461,294,479,277,464,261,448,251,458,145,405,91,360,202,382,243,363,253,378,272,396,274,427,252" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#east_1";return this.s_oc?this.s_oc(e):true">
<area href="/books/great-canadian-cookbooks/#quebec" class="quebec" alt="quebec" coords="383,321,424,305,428,258,386,280,358,257,380,245,361,205,362,113,300,199,304,241,308,275,311,301,321,346,373,353" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#quebec_1";return this.s_oc?this.s_oc(e):true">
<area href="/books/great-canadian-cookbooks/#ontario" class="ontario" alt="ontario" coords="287,352,306,396,361,348,323,345,313,301,298,291,305,247,276,140,263,179,260,256,226,294,224,329" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#ontario_1";return this.s_oc?this.s_oc(e):true">
<area href="/books/great-canadian-cookbooks/#west" class="west" alt="west" coords="31,240,52,282,224,329,226,292,260,256,240,231,161,211,108,187,51,145,27,225" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#west_1";return this.s_oc?this.s_oc(e):true">
</map>
<img style="display:none;" hidefocus="true" usemap="#eastMap" src="http://static.indigoimages.ca/2014/banners/109333_CanadianCookbooks_east_v3.jpg" id="eastMap">
<map name="eastMap">
<area href="/books/great-canadian-cookbooks/#east" class="east" alt="east" coords="432,274,392,314,414,363,503,266,469,240,454,234,431,183,391,176,366,173,399,230,381,238,393,257,404,261,430,253" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#east_2";return this.s_oc?this.s_oc(e):true">
<area href="/books/great-canadian-cookbooks/#quebec" class="quebec" alt="quebec" coords="383,321,424,305,428,258,386,280,358,257,380,245,361,205,362,113,300,199,304,241,308,275,311,301,321,346,373,353" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#quebec_2";return this.s_oc?this.s_oc(e):true">
<area href="/books/great-canadian-cookbooks/#ontario" class="ontario" alt="ontario" coords="287,352,306,396,361,348,323,345,313,301,298,291,305,247,276,140,263,179,260,256,226,294,224,329" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#ontario_2";return this.s_oc?this.s_oc(e):true">
<area href="/books/great-canadian-cookbooks/#west" class="west" alt="west" coords="31,240,52,282,224,329,226,292,260,256,240,231,161,211,108,187,51,145,27,225" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#west_2";return this.s_oc?this.s_oc(e):true">
<area href="/books/dinner-chez-moi/9781554689033-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3amaritimes%3aimg-map" coords="544,181,671,382" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/dinner-chez-moi/9781554689033-item.html?ref=shop%3abooks%3agr_1";return this.s_oc?this.s_oc(e):true">
<area href="/books/back-to-basics-100-simple/9780143184102-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3amaritimes%3aimg-map" coords="669,184,777,387" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/back-to-basics-100-simple/9780143184102-item.html?ref=shop%3a_1";return this.s_oc?this.s_oc(e):true">
<area href="/books/fresh-canadian-bistro-top-canadian/9780887808531-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3amaritimes%3aimg-map" coords="777,188,891,385" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/fresh-canadian-bistro-top-canadian/9780887808531-item.html?re_1";return this.s_oc?this.s_oc(e):true">
</map>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
.canCookbooks area
{
cursor:pointer;
}
.canCookbooks map, .canCookbooks map area, .canCookbooks area:hover, .canCookbooks area:active, .canCookbooks map:hover, .canCookbooks map:active
{
outline:none;
border:none;
}
.grid_layout .product {min-height: 390px;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
$(document).ready(function(e) {
$(".canCookbooks .east").hover(function(e) {
$(".canCookbooks #bookMap").hide();
$(".canCookbooks #eastMap").show();
$(".canCookbooks #quebecMap").hide();
$(".canCookbooks #ontarioMap").hide();
$(".canCookbooks #westMap").hide();
});
$(".canCookbooks .quebec").hover(function(e) {
$(".canCookbooks #bookMap").hide();
$(".canCookbooks #eastMap").hide();
$(".canCookbooks #quebecMap").show();
$(".canCookbooks #ontarioMap").hide();
$(".canCookbooks #westMap").hide();
});
$(".canCookbooks .ontario").hover(function(e) {
$(".canCookbooks #bookMap").hide();
$(".canCookbooks #eastMap").hide();
$(".canCookbooks #quebecMap").hide();
$(".canCookbooks #ontarioMap").show();
$(".canCookbooks #westMap").hide();
});
$(".canCookbooks .west").hover(function(e) {
$(".canCookbooks #bookMap").hide();
$(".canCookbooks #eastMap").hide();
$(".canCookbooks #quebecMap").hide();
$(".canCookbooks #ontarioMap").hide();
$(".canCookbooks #westMap").show();
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vue Material Kit
bootstrap 4 card
Card Styles
Bootstrap Social Card

Questions / Comments: