-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdynobootemplate.html
191 lines (190 loc) · 20.7 KB
/
dynobootemplate.html
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
Best Product Product - Template - Dynoboo
</title>
<link rel="stylesheet" media="all" href="./dynoboo/main.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<script src="dynoboo/main.js" async></script>
</head>
<body>
<header id="header-top">
<div class="main-wrapper">
<figure>
<svg viewBox="-10 0 474 214" width="180px" height="100%" preserveAspectRatio="xMidYMid meet"><g id="main_text" rel="mainfill" name="main_text" feature="main_text" xmlns:name="mainText_mainfill" groupname="main_text" fill="#3fb0ac" transform="translate(-2.5855589251468434, 120.0037273966549) scale(3.231947163480819)"><path d="M9.1 10 c0.2 0 0.3 0.1 0.3 0.3 l0 0.62 c0 0.2 -0.1 0.3 -0.3 0.3 l-3.32 0 l0 12.48 c0 0.2 -0.1 0.3 -0.3 0.3 l-0.72 0 c-0.2 0 -0.3 -0.1 -0.3 -0.3 l0 -12.48 l-3.36 0 c-0.2 0 -0.3 -0.1 -0.3 -0.3 l0 -0.62 c0 -0.2 0.1 -0.3 0.3 -0.3 l4.38 0 l3.62 0 z M15.560000000000002 13.92 c2.12 0 3.54 1.32 3.54 3.64 l0 2.88 c0 2.28 -1.42 3.66 -3.54 3.66 l-0.9 0 c-2.14 0 -3.56 -1.38 -3.56 -3.66 l0 -2.88 c0 -2.32 1.42 -3.64 3.56 -3.64 l0.9 0 z M17.82 20.56 l0 -3.04 c0 -1.62 -0.82 -2.4 -2.26 -2.4 l-0.9 0 c-1.46 0 -2.28 0.78 -2.28 2.4 l0 3.04 c0 1.52 0.82 2.34 2.28 2.34 l0.9 0 c1.44 0 2.26 -0.82 2.26 -2.34 z M28.619999999999997 10 c0.2 0 0.3 0.1 0.3 0.3 l0 13.4 c0 0.2 -0.1 0.3 -0.3 0.3 l-0.68 0 c-0.18 0 -0.3 -0.1 -0.3 -0.3 l0 -1.08 c-0.4 0.88 -1.16 1.48 -2.54 1.48 l-0.66 0 c-2.12 0 -3.54 -1.38 -3.54 -3.66 l0 -2.88 c0 -2.32 1.42 -3.64 3.54 -3.64 l0.66 0 c1.38 0 2.14 0.52 2.54 1.38 l0 -5 c0 -0.2 0.12 -0.3 0.3 -0.3 l0.68 0 z M25.38 22.9 c1.44 0 2.26 -0.82 2.26 -2.34 l0 -3.04 c0 -1.62 -0.82 -2.4 -2.26 -2.4 l-0.92 0 c-1.46 0 -2.28 0.78 -2.28 2.4 l0 3.04 c0 1.52 0.82 2.34 2.28 2.34 l0.92 0 z M35.480000000000004 13.92 c2.12 0 3.54 1.32 3.54 3.64 l0 2.88 c0 2.28 -1.42 3.66 -3.54 3.66 l-0.9 0 c-2.14 0 -3.56 -1.38 -3.56 -3.66 l0 -2.88 c0 -2.32 1.42 -3.64 3.56 -3.64 l0.9 0 z M37.74 20.56 l0 -3.04 c0 -1.62 -0.82 -2.4 -2.26 -2.4 l-0.9 0 c-1.46 0 -2.28 0.78 -2.28 2.4 l0 3.04 c0 1.52 0.82 2.34 2.28 2.34 l0.9 0 c1.44 0 2.26 -0.82 2.26 -2.34 z M50.120000000000005 19.740000000000002 c0.18 0 0.32 0.1 0.3 0.3 c-0.1 2.74 -1.52 4.06 -4 4.06 l-1.38 0 c-2.6 0 -4.02 -1.42 -4.02 -4.16 l0 -5.88 c0 -2.74 1.42 -4.16 4.02 -4.16 l1.38 0 c2.48 0 3.9 1.32 4 4.04 c0.02 0.22 -0.12 0.32 -0.3 0.32 l-0.7 0 c-0.18 0 -0.3 -0.1 -0.32 -0.32 c-0.06 -2.02 -0.86 -2.82 -2.68 -2.82 l-1.38 0 c-1.92 0 -2.7 0.88 -2.7 2.94 l0 5.88 c0 2.06 0.78 2.94 2.7 2.94 l1.38 0 c1.82 0 2.62 -0.8 2.68 -2.84 c0.02 -0.2 0.14 -0.3 0.32 -0.3 l0.7 0 z M56.88 13.92 c2.12 0 3.54 1.32 3.54 3.64 l0 2.88 c0 2.28 -1.42 3.66 -3.54 3.66 l-0.9 0 c-2.14 0 -3.56 -1.38 -3.56 -3.66 l0 -2.88 c0 -2.32 1.42 -3.64 3.56 -3.64 l0.9 0 z M59.14 20.56 l0 -3.04 c0 -1.62 -0.82 -2.4 -2.26 -2.4 l-0.9 0 c-1.46 0 -2.28 0.78 -2.28 2.4 l0 3.04 c0 1.52 0.82 2.34 2.28 2.34 l0.9 0 c1.44 0 2.26 -0.82 2.26 -2.34 z M73.24000000000001 13.92 c2.32 0 3.12 1.26 3.12 3.54 l0 6.24 c0 0.2 -0.1 0.3 -0.3 0.3 l-0.68 0 c-0.2 0 -0.3 -0.1 -0.3 -0.3 l0 -6.24 c0 -1.56 -0.42 -2.34 -1.98 -2.34 l-0.32 0 c-1.52 0 -2.4 0.9 -2.7 1.42 l0 7.16 c0 0.2 -0.1 0.3 -0.3 0.3 l-0.68 0 c-0.2 0 -0.3 -0.1 -0.3 -0.3 l0 -6.24 c0 -1.56 -0.4 -2.34 -1.98 -2.34 l-0.32 0 c-1.52 0 -2.4 0.9 -2.7 1.42 l0 7.16 c0 0.2 -0.1 0.3 -0.3 0.3 l-0.68 0 c-0.2 0 -0.3 -0.1 -0.3 -0.3 l0 -9.4 c0 -0.2 0.1 -0.3 0.3 -0.3 l0.68 0 c0.2 0 0.3 0.1 0.3 0.3 l0 1.2 c0.68 -1.02 1.74 -1.58 3 -1.58 l0.16 0 c1.68 0 2.56 0.66 2.92 1.88 l0.2 -0.3 c0.68 -1.02 1.74 -1.58 3 -1.58 l0.16 0 z M83.26 13.92 c2.1 0 3.52 1.32 3.52 3.64 l0 2.88 c0 2.28 -1.42 3.66 -3.52 3.66 l-0.68 0 c-1.36 0 -2.14 -0.6 -2.54 -1.48 l0 5.08 c0 0.2 -0.1 0.3 -0.3 0.3 l-0.68 0 c-0.2 0 -0.3 -0.1 -0.3 -0.3 l0 -13.4 c0 -0.2 0.1 -0.3 0.3 -0.3 l0.68 0 c0.2 0 0.3 0.1 0.3 0.3 l0 1 c0.4 -0.86 1.18 -1.38 2.54 -1.38 l0.68 0 z M85.5 20.56 l0 -3.04 c0 -1.62 -0.82 -2.4 -2.26 -2.4 l-0.92 0 c-1.46 0 -2.28 0.78 -2.28 2.4 l0 3.16 c0.04 1.46 0.86 2.22 2.28 2.22 l0.92 0 c1.44 0 2.26 -0.82 2.26 -2.34 z M96.44000000000001 23.82 c0.02 0.08 0.04 0.18 -0.06 0.18 l-0.94 0 c-0.22 0 -0.32 -0.2 -0.32 -0.48 l0 -1.1 c-0.58 0.96 -1.44 1.68 -2.82 1.68 l-0.84 0 c-1.82 0 -2.98 -1.04 -2.98 -3.02 c0 -2 1.14 -2.88 2.94 -2.88 l3.7 0 l0 -0.68 c0 -1.88 -0.48 -2.4 -2.2 -2.4 l-0.42 0 c-1.06 0 -1.78 0.18 -2.42 0.52 c-0.2 0.1 -0.4 0.12 -0.48 -0.06 l-0.26 -0.56 c-0.06 -0.14 -0.06 -0.24 0.14 -0.36 c0.82 -0.52 1.92 -0.74 3.02 -0.74 l0.42 0 c2.48 0 3.48 1.14 3.48 3.62 l0 5.98 c0 0.1 0.02 0.22 0.04 0.3 z M92.36000000000001 22.9 c1.5 0 2.36 -0.8 2.76 -1.92 l0 -1.68 l-3.66 0 c-1.08 0 -1.7 0.42 -1.7 1.78 c0 1.34 0.62 1.82 1.7 1.82 l0.9 0 z M104.42 15.12 c-0.08 0.18 -0.22 0.22 -0.4 0.16 c-0.3 -0.1 -0.62 -0.16 -1.04 -0.16 l-0.24 0 c-1.52 0 -2.4 0.9 -2.7 1.42 l0 7.16 c0 0.2 -0.1 0.3 -0.3 0.3 l-0.68 0 c-0.2 0 -0.3 -0.1 -0.3 -0.3 l0 -9.4 c0 -0.2 0.1 -0.3 0.3 -0.3 l0.68 0 c0.2 0 0.3 0.1 0.3 0.3 l0 1.2 c0.72 -1.08 1.82 -1.58 3.16 -1.58 c0.46 0 0.92 0.06 1.32 0.2 c0.2 0.08 0.26 0.22 0.16 0.4 z M113.9 23.82 c0.02 0.08 0.04 0.18 -0.06 0.18 l-0.94 0 c-0.22 0 -0.32 -0.2 -0.32 -0.48 l0 -1.1 c-0.58 0.96 -1.44 1.68 -2.82 1.68 l-0.84 0 c-1.82 0 -2.98 -1.04 -2.98 -3.02 c0 -2 1.14 -2.88 2.94 -2.88 l3.7 0 l0 -0.68 c0 -1.88 -0.48 -2.4 -2.2 -2.4 l-0.42 0 c-1.06 0 -1.78 0.18 -2.42 0.52 c-0.2 0.1 -0.4 0.12 -0.48 -0.06 l-0.26 -0.56 c-0.06 -0.14 -0.06 -0.24 0.14 -0.36 c0.82 -0.52 1.92 -0.74 3.02 -0.74 l0.42 0 c2.48 0 3.48 1.14 3.48 3.62 l0 5.98 c0 0.1 0.02 0.22 0.04 0.3 z M109.82 22.9 c1.5 0 2.36 -0.8 2.76 -1.92 l0 -1.68 l-3.66 0 c-1.08 0 -1.7 0.42 -1.7 1.78 c0 1.34 0.62 1.82 1.7 1.82 l0.9 0 z M121.88 15.12 c-0.08 0.18 -0.22 0.22 -0.4 0.16 c-0.3 -0.1 -0.62 -0.16 -1.04 -0.16 l-0.24 0 c-1.52 0 -2.4 0.9 -2.7 1.42 l0 7.16 c0 0.2 -0.1 0.3 -0.3 0.3 l-0.68 0 c-0.2 0 -0.3 -0.1 -0.3 -0.3 l0 -9.4 c0 -0.2 0.1 -0.3 0.3 -0.3 l0.68 0 c0.2 0 0.3 0.1 0.3 0.3 l0 1.2 c0.72 -1.08 1.82 -1.58 3.16 -1.58 c0.46 0 0.92 0.06 1.32 0.2 c0.2 0.08 0.26 0.22 0.16 0.4 z"></path></g><g rel="mainfill" name="symbol" feature="symbol" xmlns:name="symbol_mainfill" fill="#173e43" transform="translate(150.09180087445046, -0.9081977495981874) scale(1.442789562540845)"><g><path d="M60.559,64.784l13.677-0.04v-14.37l-13.717,0.042L60.559,64.784z M62.702,60.593c0.047,0,0.086,0.021,0.132,0.025 l1.686-3.999c-0.262-0.214-0.439-0.523-0.439-0.886c0-0.638,0.517-1.154,1.154-1.154c0.639,0,1.155,0.517,1.155,1.154 c0,0.116-0.034,0.222-0.067,0.328l2.782,1.801c0.201-0.169,0.451-0.282,0.734-0.282c0.059,0,0.108,0.024,0.164,0.033l1.38-3.312 c-0.265-0.212-0.443-0.523-0.443-0.889c0-0.638,0.517-1.154,1.153-1.154c0.639,0,1.155,0.517,1.155,1.154 c0,0.639-0.517,1.155-1.155,1.155c-0.045,0-0.084-0.021-0.126-0.025l-1.385,3.327c0.248,0.211,0.412,0.515,0.412,0.865 c0,0.638-0.517,1.155-1.155,1.155c-0.638,0-1.155-0.518-1.155-1.155c0-0.123,0.035-0.233,0.069-0.344l-2.769-1.796 c-0.203,0.178-0.46,0.294-0.75,0.294c-0.047,0-0.087-0.021-0.132-0.028l-1.685,4.003c0.262,0.211,0.439,0.522,0.439,0.885 c0,0.638-0.517,1.154-1.155,1.154s-1.154-0.517-1.154-1.154C61.548,61.109,62.063,60.593,62.702,60.593z"></path><path d="M50,11.026c-21.525,0-38.974,17.449-38.974,38.974c0,12.283,5.688,23.232,14.567,30.376l-14.567,8.599H50 c21.525,0,38.975-17.449,38.975-38.975C88.975,28.475,71.523,11.026,50,11.026z M38.109,66.14c-8.917,0-16.147-7.229-16.147-16.147 c0-0.699,0.049-1.387,0.135-2.062l5.596,0.839c-0.047,0.402-0.077,0.809-0.077,1.223c0,5.794,4.698,10.493,10.493,10.493 c2.059,0,3.974-0.601,5.593-1.624l3.171,4.689C44.349,65.186,41.342,66.14,38.109,66.14z M47.429,63.162l-3.174-4.692 c2.539-1.846,4.224-4.797,4.33-8.152h5.664C54.139,55.623,51.471,60.299,47.429,63.162z M48.585,49.656 C48.407,44.018,43.792,39.5,38.109,39.5c-5.15,0-9.424,3.713-10.314,8.605l-5.599-0.839c1.296-7.62,7.926-13.421,15.914-13.421 c8.805,0,15.959,7.049,16.14,15.812H48.585z M75.754,64.784c0,0.815-0.663,1.479-1.479,1.479H60.519 c-0.814,0-1.478-0.663-1.478-1.479v-14.41c0-0.814,0.663-1.478,1.478-1.478h13.757c0.815,0,1.479,0.663,1.479,1.478V64.784z M74.994,46.288H59.8c-0.419,0-0.759-0.34-0.759-0.76c0-0.419,0.34-0.759,0.759-0.759h15.194c0.42,0,0.76,0.34,0.76,0.759 C75.754,45.948,75.414,46.288,74.994,46.288z M74.994,42.631H59.8c-0.419,0-0.759-0.34-0.759-0.76c0-0.419,0.34-0.76,0.759-0.76 h15.194c0.42,0,0.76,0.34,0.76,0.76C75.754,42.291,75.414,42.631,74.994,42.631z M74.994,38.973H59.8 c-0.419,0-0.759-0.34-0.759-0.76s0.34-0.76,0.759-0.76h15.194c0.42,0,0.76,0.34,0.76,0.76S75.414,38.973,74.994,38.973z M74.994,35.315H59.8c-0.419,0-0.759-0.34-0.759-0.76s0.34-0.76,0.759-0.76h15.194c0.42,0,0.76,0.34,0.76,0.76 S75.414,35.315,74.994,35.315z"></path></g></g></svg>
</figure>
<div class="search-box">
<svg xmlns="http://www.w3.org/2000/svg" style="display:none">
<symbol xmlns="http://www.w3.org/2000/svg" id="sbx-icon-search-18" viewBox="0 0 40 40">
<path d="M30.776 27.146l-1.32-1.32-3.63 3.632 1.32 1.32 3.63-3.632zm1.368 1.368l6.035 6.035c.39.39.4 1.017.008 1.408l-2.23 2.23c-.387.387-1.015.387-1.41-.008l-6.035-6.035 3.63-3.63zm-8.11 1.392c-2.356 1.363-5.092 2.143-8.01 2.143C7.174 32.05 0 24.873 0 16.023S7.174 0 16.024 0c8.85 0 16.025 7.174 16.025 16.024 0 2.918-.78 5.654-2.144 8.01l8.96 8.962c1.175 1.174 1.184 3.07.008 4.246l-1.632 1.632c-1.17 1.17-3.067 1.173-4.247-.007l-8.96-8.96zm-8.01.54c7.965 0 14.422-6.457 14.422-14.422 0-7.965-6.457-14.422-14.422-14.422-7.965 0-14.422 6.457-14.422 14.422 0 7.965 6.457 14.422 14.422 14.422zm0-2.403c6.638 0 12.018-5.38 12.018-12.02 0-6.636-5.38-12.017-12.018-12.017-6.637 0-12.018 5.38-12.018 12.018 0 6.638 5.38 12.02 12.018 12.02zm0-1.402c5.863 0 10.616-4.752 10.616-10.616 0-5.863-4.753-10.616-10.616-10.616-5.863 0-10.616 4.753-10.616 10.616 0 5.864 4.753 10.617 10.616 10.617z"
fill-rule="evenodd" />
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" id="sbx-icon-clear-5" viewBox="0 0 20 20">
<path d="M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10zm1.35-10.123l3.567 3.568-1.225 1.226-3.57-3.568-3.567 3.57-1.226-1.227 3.568-3.568-3.57-3.57 1.227-1.224 3.568 3.568 3.57-3.567 1.224 1.225-3.568 3.57zM10 18.272c4.568 0 8.272-3.704 8.272-8.272S14.568 1.728 10 1.728 1.728 5.432 1.728 10 5.432 18.272 10 18.272z"
fill-rule="evenodd" />
</symbol>
</svg>
<form novalidate="novalidate" onsubmit="return false;" class="searchbox sbx-custom">
<div role="search" class="sbx-custom__wrapper">
<input type="search" name="search" placeholder="Product search" autocomplete="off" required="required" class="sbx-custom__input">
<button type="submit" title="Submit your search query." class="sbx-custom__submit">
<svg role="img" aria-label="Search">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#sbx-icon-search-18"></use>
</svg>
</button>
<button type="reset" title="Clear the search query." class="sbx-custom__reset">
<svg role="img" aria-label="Reset">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#sbx-icon-clear-5"></use>
</svg>
</button>
</div>
</form>
<script type="text/javascript">
document.querySelector('.searchbox [type="reset"]').addEventListener('click', function() { this.parentNode.querySelector('input').focus();});
</script>
</div>
</div>
</header>
<header id="header-bottom">
<div class="main-wrapper">
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Top 10 Product Product</a></li>
<li><a href="#"></a></li>
</ul>
<ul class="languagepicker roundborders large">
<a href="#en"><li><img src="http://i64.tinypic.com/fd60km.png"/>English</li></a>
<a href="#de"><li><img src="http://i63.tinypic.com/10zmzyb.png"/>German</li></a>
<a href="#fr"><li><img src="http://i65.tinypic.com/300b30k.png"/>Français</li></a>
<a href="#es"><li><img src="http://i68.tinypic.com/avo5ky.png"/>Español</li></a>
<a href="#it"><li><img src="http://i65.tinypic.com/23jl6bn.png"/>Italiano</li></a>
</ul>
</div>
</header>
<!-- <div class="table-title">
<div class="main-wrapper">
<h1><div class="table-title-text">Top 10 Product Product</div>
<div class="table-title-date">(January 2018)</div></h1>
<div class="table-title-punch">
<h4><div class="punch-scanned">1200</div>
<div class="punch-text">user reviews analyzed with an average score of</div>
<div class="punch-average">8.5</div></h4>
</div>
</div>
</div> -->
<div class="table-wrapper">
<div class="main-wrapper">
<div class="row-wrapper">
<h1><div class="table-title-text">Top 10 Product Product</div>
<div class="table-title-date">(January 2018)</div></h1>
<div class="table-title-punch">
<h4><div class="punch-scanned">1200</div>
<div class="punch-text">user reviews analyzed with an average score of</div>
<div class="punch-average">8.5</div></h4>
</div>
</div>
</div>
<div class="main-wrapper">
<div class="row-wrapper">
<div class="col1-wrapper"><img src="dynoboo/medium_shoe.jpg" alt="Product Name" title="Product Name"></div>
<div class="col2-wrapper">
<div class="rank-title"><h2><span class="rank-num">1.</span><span class="rank-text">Rank</span></h2></div>
<div class="product-text">adidas Men’s Kanadia 8.1 TR Trail Running Shoes, Black</div>
<div class="product-brand">by adidas</div>
<div class="reviews-wrapper">
<div class="stars"><div class="stars-top" style="width: 55%"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div><div class="stars-bottom"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div></div>
<div class="reviews">64 reviews</div>
</div>
<div class="product-score"><canvas id="score-canvas1" width="90" height="90"></div><div class="product-button">Shop</div>
</div>
</div>
</div>
<div class="main-wrapper">
<div class="row-wrapper">
<div class="col1-wrapper"><img src="dynoboo/medium_shoe.jpg" alt="Product Name" title="Product Name"></div>
<div class="col2-wrapper">
<div class="rank-title"><h2><span class="rank-num">1.</span><span class="rank-text">Rank</span></h2></div>
<div class="product-text">adidas Men’s Kanadia 8.1 TR Trail Running Shoes, Black</div>
<div class="product-brand">by adidas</div>
<div class="reviews-wrapper">
<div class="stars"><div class="stars-top" style="width: 95%"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div><div class="stars-bottom"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div></div>
<div class="reviews">64 reviews</div>
</div>
<div class="product-score"><canvas id="score-canvas2" width="90" height="90"></div><div class="product-button">Shop</div>
</div>
</div>
</div>
<div class="main-wrapper">
<div class="row-wrapper">
<div class="col1-wrapper"><img src="dynoboo/medium_shoe.jpg" alt="Product Name" title="Product Name"></div>
<div class="col2-wrapper">
<div class="rank-title"><h2><span class="rank-num">1.</span><span class="rank-text">Rank</span></h2></div>
<div class="product-text">adidas Men’s Kanadia 8.1 TR Trail Running Shoes, Black</div>
<div class="product-brand">by adidas</div>
<div class="reviews-wrapper">
<div class="stars"><div class="stars-top" style="width: 95%"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div><div class="stars-bottom"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div></div>
<div class="reviews">64 reviews</div>
</div>
<div class="product-score"><canvas id="score-canvas3" width="90" height="90"></div><div class="product-button">Shop</div>
</div>
</div>
</div>
<div class="main-wrapper">
<div class="row-wrapper">
<div class="col1-wrapper"><img src="dynoboo/medium_shoe.jpg" alt="Product Name" title="Product Name"></div>
<div class="col2-wrapper">
<div class="rank-title"><h2><span class="rank-num">1.</span><span class="rank-text">Rank</span></h2></div>
<div class="product-text">adidas Men’s Kanadia 8.1 TR Trail Running Shoes, Black</div>
<div class="product-brand">by adidas</div>
<div class="reviews-wrapper">
<div class="stars"><div class="stars-top" style="width: 95%"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div><div class="stars-bottom"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div></div>
<div class="reviews">64 reviews</div>
</div>
<div class="product-score"><canvas id="score-canvas4" width="90" height="90"></div><div class="product-button">Shop</div>
</div>
</div>
</div>
<div class="main-wrapper">
<div class="row-wrapper">
<div class="col1-wrapper"><img src="dynoboo/medium_shoe.jpg" alt="Product Name" title="Product Name"></div>
<div class="col2-wrapper">
<div class="rank-title"><h2><span class="rank-num">1.</span><span class="rank-text">Rank</span></h2></div>
<div class="product-text">adidas Men’s Kanadia 8.1 TR Trail Running Shoes, Black</div>
<div class="product-brand">by adidas</div>
<div class="reviews-wrapper">
<div class="stars"><div class="stars-top" style="width: 95%"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div><div class="stars-bottom"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div></div>
<div class="reviews">64 reviews</div>
</div>
<div class="product-score"><canvas id="score-canvas5" width="90" height="90"></div><div class="product-button">Shop</div>
</div>
</div>
</div>
<div class="main-wrapper">
<div class="row-wrapper">
<div class="col1-wrapper"><img src="dynoboo/medium_shoe.jpg" alt="Product Name" title="Product Name"></div>
<div class="col2-wrapper">
<div class="rank-title"><h2><span class="rank-num">1.</span><span class="rank-text">Rank</span></h2></div>
<div class="product-text">adidas Men’s Kanadia 8.1 TR Trail Running Shoes, Black</div>
<div class="product-brand">by adidas</div>
<div class="reviews-wrapper">
<div class="stars"><div class="stars-top" style="width: 95%"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div><div class="stars-bottom"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div></div>
<div class="reviews">64 reviews</div>
</div>
<div class="product-score"><canvas id="score-canvas6" width="90" height="90"></div><div class="product-button">Shop</div>
</div>
</div>
</div>
</div>
<footer>
<div class="footer-list-wrapper">
<ul class="footer-list">
<li><a href="www.termsterms.com">TERMS</a></li>
<li><a href="www.privacy.com">PRIVACY POLICY</a></li>
<li><a href="www.contact.com">CONTACT US</a></li>
</ul>
</div>
</footer>
</body>
</html>