1 | <!DOCTYPE HTML> |
---|
2 | <html lang="en-US"> |
---|
3 | <head><!--Metatags--><meta charset="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta http-equiv="X-UA-Compatble" content="ie=edge"/><!--Website Title--> |
---|
4 | <title>Huusk - Handmade Knives</title> |
---|
5 | <!--FontAwesome CDN--> |
---|
6 | <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" rel="stylesheet" /> |
---|
7 | <style type="text/css">*{ |
---|
8 | margin-right: auto; |
---|
9 | margin-left: auto; |
---|
10 | max-width: 600px; |
---|
11 | min-width: 400px; |
---|
12 | } |
---|
13 | |
---|
14 | |
---|
15 | @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap'); |
---|
16 | |
---|
17 | @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap'); |
---|
18 | |
---|
19 | /* Extra small devices (portrait phones, less than 576px) */ |
---|
20 | @media (max-width: 575.98px) { |
---|
21 | |
---|
22 | .heading h3{ |
---|
23 | font-size: 21px; |
---|
24 | } |
---|
25 | .heading p{ |
---|
26 | font-size: 15px; |
---|
27 | } |
---|
28 | .header img { |
---|
29 | max-width: 180px; |
---|
30 | } |
---|
31 | .banner { |
---|
32 | padding: 25px 25px; |
---|
33 | padding-top: 20px; |
---|
34 | } |
---|
35 | .banner .image_texts { |
---|
36 | -ms-grid-columns: auto; |
---|
37 | grid-template-columns: auto; |
---|
38 | gap: 25px; |
---|
39 | } |
---|
40 | .banner .top_heading h2{ |
---|
41 | font-size: 22px; |
---|
42 | } |
---|
43 | .banner .top_heading h3{ |
---|
44 | font-size: 15px; |
---|
45 | } |
---|
46 | .banner .right_texts ul li{ |
---|
47 | font-size: 15px; |
---|
48 | } |
---|
49 | .banner .clickable_link a { |
---|
50 | display: block; |
---|
51 | font-size: 18px; |
---|
52 | padding: 12.5px 30px; |
---|
53 | } |
---|
54 | |
---|
55 | .as_featured_in { |
---|
56 | padding: 10px 15px; |
---|
57 | } |
---|
58 | .as_featured_in h4{ |
---|
59 | font-size: 16px; |
---|
60 | } |
---|
61 | |
---|
62 | .diagnose { |
---|
63 | padding: 25px 25px; |
---|
64 | padding-top: 20px; |
---|
65 | } |
---|
66 | .diagnose .texts_image { |
---|
67 | -ms-grid-columns: auto; |
---|
68 | grid-template-columns: auto; |
---|
69 | gap: 30px; |
---|
70 | } |
---|
71 | .diagnose .texts_image .left_texts h4{ |
---|
72 | font-size: 16px; |
---|
73 | } |
---|
74 | .diagnose .texts_image .left_texts ul li{ |
---|
75 | font-size: 13px; |
---|
76 | } |
---|
77 | .diagnose .clickable_link a { |
---|
78 | display: block; |
---|
79 | font-size: 18px; |
---|
80 | padding: 12.5px 30px; |
---|
81 | } |
---|
82 | |
---|
83 | .how_fix_tool { |
---|
84 | padding: 25px 20px; |
---|
85 | padding-top: 20px; |
---|
86 | } |
---|
87 | .fix_ways .single_fix .texts h4{ |
---|
88 | font-size: 16px; |
---|
89 | } |
---|
90 | |
---|
91 | .fix_ways { |
---|
92 | -ms-grid-columns: auto; |
---|
93 | grid-template-columns: auto; |
---|
94 | } |
---|
95 | .fix_ways .single_fix { |
---|
96 | -ms-grid-columns: 70px 10px 1fr; |
---|
97 | grid-template-columns: 70px 1fr; |
---|
98 | } |
---|
99 | |
---|
100 | .three_steps { |
---|
101 | padding: 25px 20px; |
---|
102 | padding-top: 20px; |
---|
103 | } |
---|
104 | .three_steps .steps { |
---|
105 | -ms-grid-columns: auto; |
---|
106 | grid-template-columns: auto; |
---|
107 | gap: 20px; |
---|
108 | } |
---|
109 | .three_steps .clickable_link a{ |
---|
110 | font-size: 16px; |
---|
111 | } |
---|
112 | .three_steps .clickable_link{ |
---|
113 | margin-top: 20px; |
---|
114 | } |
---|
115 | |
---|
116 | .testimonials { |
---|
117 | padding: 25px 20px; |
---|
118 | padding-top: 20px; |
---|
119 | } |
---|
120 | .rating_review { |
---|
121 | -ms-grid-columns: auto; |
---|
122 | grid-template-columns: auto; |
---|
123 | gap: 10px; |
---|
124 | } |
---|
125 | .review_rating { |
---|
126 | -ms-grid-columns: auto; |
---|
127 | grid-template-columns: auto; |
---|
128 | gap: 10px; |
---|
129 | } |
---|
130 | .review_rating .ratings{ |
---|
131 | -webkit-box-ordinal-group: 0; |
---|
132 | -ms-flex-order: -1; |
---|
133 | order: -1; |
---|
134 | } |
---|
135 | .review_rating .review { |
---|
136 | text-align: left; |
---|
137 | } |
---|
138 | .single_review .ratings { |
---|
139 | text-align: left; |
---|
140 | margin-bottom: 5px; |
---|
141 | } |
---|
142 | .single_review .ratings i{ |
---|
143 | font-size: 15px; |
---|
144 | } |
---|
145 | .single_review .ratings h6{ |
---|
146 | font-size: 14px; |
---|
147 | } |
---|
148 | .single_review .review h5{ |
---|
149 | font-size: 16px; |
---|
150 | } |
---|
151 | .single_review .review p{ |
---|
152 | font-size: 14px; |
---|
153 | } |
---|
154 | |
---|
155 | .products_boxes { |
---|
156 | padding: 25px 20px; |
---|
157 | padding-top: 20px; |
---|
158 | } |
---|
159 | .products { |
---|
160 | -ms-grid-columns: auto; |
---|
161 | grid-template-columns: auto; |
---|
162 | gap: 20px; |
---|
163 | } |
---|
164 | .products .single_product{ |
---|
165 | padding: 15px; |
---|
166 | padding-top: 30px; |
---|
167 | } |
---|
168 | .products .single_product .price h4{ |
---|
169 | font-size: 16px; |
---|
170 | } |
---|
171 | .products .single_product .price h5{ |
---|
172 | font-size: 18px; |
---|
173 | } |
---|
174 | .products .single_product .price { |
---|
175 | min-height: inherit; |
---|
176 | margin-bottom: 15px; |
---|
177 | } |
---|
178 | .products .single_product .guarantee p{ |
---|
179 | font-size: 14px; |
---|
180 | } |
---|
181 | .products .single_product .clickable_link a { |
---|
182 | padding: 7.5px 20px; |
---|
183 | font-size: 18px; |
---|
184 | } |
---|
185 | .products_boxes .payment_cards img { |
---|
186 | max-width: 100%; |
---|
187 | } |
---|
188 | |
---|
189 | .faqs { |
---|
190 | padding: 25px 20px; |
---|
191 | } |
---|
192 | .faqs .heading h3{ |
---|
193 | font-size: 18px; |
---|
194 | } |
---|
195 | .faqs .accordion{ |
---|
196 | padding: 15px; |
---|
197 | } |
---|
198 | .faqs .single_item .click_item a{ |
---|
199 | font-size: 14px; |
---|
200 | padding: 7.5px 0px; |
---|
201 | } |
---|
202 | |
---|
203 | .faqs .single_item .click_item a.collapsed::after{ |
---|
204 | font-size: 12px; |
---|
205 | } |
---|
206 | .faqs .single_item .click_item a::after{ |
---|
207 | font-size: 12px; |
---|
208 | } |
---|
209 | .faqs .contents p{ |
---|
210 | font-size: 13px; |
---|
211 | } |
---|
212 | |
---|
213 | } |
---|
214 | |
---|
215 | /* Small devices (landscape phones, 576px and up) */ |
---|
216 | @media (min-width: 576px) and (max-width: 767.98px) { |
---|
217 | |
---|
218 | .container{ |
---|
219 | max-width:540px; |
---|
220 | } |
---|
221 | .heading h3{ |
---|
222 | font-size: 24px; |
---|
223 | } |
---|
224 | .header img { |
---|
225 | max-width: 200px; |
---|
226 | } |
---|
227 | .banner { |
---|
228 | padding: 30px 30px; |
---|
229 | padding-top: 20px; |
---|
230 | } |
---|
231 | .banner .image_texts { |
---|
232 | -ms-grid-columns: auto; |
---|
233 | grid-template-columns: auto; |
---|
234 | gap: 30px; |
---|
235 | } |
---|
236 | .banner .top_heading h2{ |
---|
237 | font-size: 24px; |
---|
238 | } |
---|
239 | .banner .top_heading h3{ |
---|
240 | font-size: 16px; |
---|
241 | } |
---|
242 | .banner .right_texts ul li{ |
---|
243 | font-size: 16px; |
---|
244 | } |
---|
245 | .banner .clickable_link a { |
---|
246 | display: block; |
---|
247 | font-size: 18px; |
---|
248 | padding: 12.5px 30px; |
---|
249 | } |
---|
250 | |
---|
251 | .diagnose { |
---|
252 | padding: 40px 30px; |
---|
253 | padding-top: 30px; |
---|
254 | } |
---|
255 | .diagnose .texts_image { |
---|
256 | -ms-grid-columns: auto; |
---|
257 | grid-template-columns: auto; |
---|
258 | gap: 30px; |
---|
259 | } |
---|
260 | .diagnose .texts_image .left_texts h4{ |
---|
261 | font-size: 16px; |
---|
262 | } |
---|
263 | .diagnose .texts_image .left_texts ul li{ |
---|
264 | font-size: 13px; |
---|
265 | } |
---|
266 | .diagnose .clickable_link a { |
---|
267 | display: block; |
---|
268 | font-size: 18px; |
---|
269 | padding: 12.5px 30px; |
---|
270 | } |
---|
271 | |
---|
272 | .fix_ways { |
---|
273 | -ms-grid-columns: auto; |
---|
274 | grid-template-columns: auto; |
---|
275 | } |
---|
276 | .fix_ways .single_fix { |
---|
277 | -ms-grid-columns: 70px 10px 1fr; |
---|
278 | grid-template-columns: 70px 1fr; |
---|
279 | } |
---|
280 | |
---|
281 | .three_steps { |
---|
282 | padding: 40px 30px; |
---|
283 | padding-top: 30px; |
---|
284 | } |
---|
285 | .three_steps .steps { |
---|
286 | -ms-grid-columns: 1fr 10px 1fr 10px 1fr; |
---|
287 | grid-template-columns: repeat(3, 1fr); |
---|
288 | gap: 10px; |
---|
289 | } |
---|
290 | .three_steps .clickable_link a{ |
---|
291 | font-size: 16px; |
---|
292 | } |
---|
293 | |
---|
294 | .rating_review { |
---|
295 | -ms-grid-columns: auto; |
---|
296 | grid-template-columns: auto; |
---|
297 | gap: 10px; |
---|
298 | } |
---|
299 | .review_rating { |
---|
300 | -ms-grid-columns: auto; |
---|
301 | grid-template-columns: auto; |
---|
302 | gap: 10px; |
---|
303 | } |
---|
304 | .review_rating .ratings{ |
---|
305 | -webkit-box-ordinal-group: 0; |
---|
306 | -ms-flex-order: -1; |
---|
307 | order: -1; |
---|
308 | } |
---|
309 | .review_rating .review { |
---|
310 | text-align: left; |
---|
311 | } |
---|
312 | .single_review .ratings { |
---|
313 | text-align: left; |
---|
314 | margin-bottom: 5px; |
---|
315 | } |
---|
316 | |
---|
317 | .products_boxes { |
---|
318 | padding: 40px 30px; |
---|
319 | padding-top: 30px; |
---|
320 | } |
---|
321 | .products { |
---|
322 | -ms-grid-columns: auto; |
---|
323 | grid-template-columns: auto; |
---|
324 | gap: 20px; |
---|
325 | } |
---|
326 | .products .single_product{ |
---|
327 | padding: 15px; |
---|
328 | } |
---|
329 | .products .single_product .price h4{ |
---|
330 | font-size: 16px; |
---|
331 | } |
---|
332 | .products .single_product .price h5{ |
---|
333 | font-size: 18px; |
---|
334 | } |
---|
335 | .products .single_product .price { |
---|
336 | min-height: inherit; |
---|
337 | margin-bottom: 15px; |
---|
338 | } |
---|
339 | .products .single_product .guarantee p{ |
---|
340 | font-size: 14px; |
---|
341 | } |
---|
342 | .products .single_product .clickable_link a { |
---|
343 | padding: 7.5px 20px; |
---|
344 | font-size: 18px; |
---|
345 | } |
---|
346 | |
---|
347 | .faqs { |
---|
348 | background: var(--baseColor); |
---|
349 | padding: 40px 30px; |
---|
350 | } |
---|
351 | |
---|
352 | } |
---|
353 | |
---|
354 | /* Medium devices (tablets, 768px and up) */ |
---|
355 | @media (min-width: 768px) and (max-width: 991.98px) { |
---|
356 | |
---|
357 | .container{ |
---|
358 | max-width:720px; |
---|
359 | } |
---|
360 | .heading h3{ |
---|
361 | font-size: 30px; |
---|
362 | } |
---|
363 | .header img { |
---|
364 | max-width: 250px; |
---|
365 | } |
---|
366 | .banner .top_heading h2{ |
---|
367 | font-size: 30px; |
---|
368 | } |
---|
369 | .banner .top_heading h3{ |
---|
370 | font-size: 18px; |
---|
371 | } |
---|
372 | .banner .right_texts ul li{ |
---|
373 | font-size: 16px; |
---|
374 | } |
---|
375 | .banner .clickable_link a { |
---|
376 | display: block; |
---|
377 | font-size: 18px; |
---|
378 | padding: 12.5px 30px; |
---|
379 | } |
---|
380 | |
---|
381 | .diagnose { |
---|
382 | padding: 40px 30px; |
---|
383 | padding-top: 30px; |
---|
384 | } |
---|
385 | .diagnose .texts_image .left_texts h4{ |
---|
386 | font-size: 16px; |
---|
387 | } |
---|
388 | .diagnose .texts_image .left_texts ul li{ |
---|
389 | font-size: 13px; |
---|
390 | } |
---|
391 | .diagnose .clickable_link a { |
---|
392 | display: block; |
---|
393 | font-size: 18px; |
---|
394 | padding: 12.5px 30px; |
---|
395 | } |
---|
396 | |
---|
397 | .fix_ways { |
---|
398 | -ms-grid-columns: 1fr 20px 1fr; |
---|
399 | grid-template-columns: repeat(2, 1fr); |
---|
400 | } |
---|
401 | |
---|
402 | .three_steps { |
---|
403 | padding: 40px 30px; |
---|
404 | padding-top: 30px; |
---|
405 | } |
---|
406 | |
---|
407 | .products_boxes { |
---|
408 | padding: 40px 30px; |
---|
409 | padding-top: 30px; |
---|
410 | } |
---|
411 | .products { |
---|
412 | -ms-grid-columns: 1fr 20px 1fr 20px 1fr; |
---|
413 | grid-template-columns: repeat(3, 1fr); |
---|
414 | grid-auto-rows: auto; |
---|
415 | gap: 20px; |
---|
416 | } |
---|
417 | .products .single_product{ |
---|
418 | padding: 15px; |
---|
419 | padding-top: 30px; |
---|
420 | } |
---|
421 | .products .single_product .price h4{ |
---|
422 | font-size: 16px; |
---|
423 | } |
---|
424 | .products .single_product .price h5{ |
---|
425 | font-size: 18px; |
---|
426 | } |
---|
427 | .products .single_product .price { |
---|
428 | min-height: 48px; |
---|
429 | margin-bottom: 15px; |
---|
430 | } |
---|
431 | .products .single_product .guarantee p{ |
---|
432 | font-size: 11px; |
---|
433 | } |
---|
434 | .products .single_product .clickable_link a { |
---|
435 | padding: 7.5px 20px; |
---|
436 | font-size: 18px; |
---|
437 | } |
---|
438 | |
---|
439 | .faqs { |
---|
440 | background: var(--baseColor); |
---|
441 | padding: 40px 30px; |
---|
442 | } |
---|
443 | |
---|
444 | } |
---|
445 | |
---|
446 | /* Large devices (desktops, 992px and up) */ |
---|
447 | @media (min-width: 992px) and (max-width: 1199.98px) { |
---|
448 | |
---|
449 | .container{ |
---|
450 | max-width:960px; |
---|
451 | } |
---|
452 | .heading h3{ |
---|
453 | font-size: 32px; |
---|
454 | } |
---|
455 | .products .single_product{ |
---|
456 | padding: 25px; |
---|
457 | } |
---|
458 | .products .single_product .guarantee p{ |
---|
459 | font-size: 14px; |
---|
460 | } |
---|
461 | |
---|
462 | .faqs { |
---|
463 | padding: 45px 40px; |
---|
464 | } |
---|
465 | |
---|
466 | } |
---|
467 | |
---|
468 | /* Extra large devices (large desktops, 1200px and up) */ |
---|
469 | @media (min-width: 1200px) { |
---|
470 | |
---|
471 | .container{ |
---|
472 | max-width:1140px; |
---|
473 | } |
---|
474 | |
---|
475 | } |
---|
476 | |
---|
477 | body{ |
---|
478 | background:#333333; |
---|
479 | position: relative; |
---|
480 | } |
---|
481 | :root{ |
---|
482 | --baseColor: #0060A2; |
---|
483 | --secondaryColor: #ED1B23; |
---|
484 | --lightColor: #FFFFFF; |
---|
485 | --grayColor: #E9E9E9; |
---|
486 | --darkColor: #232323; |
---|
487 | --borderColor: #E4E5E7; |
---|
488 | |
---|
489 | --baseHeading: 'Open Sans', sans-serif;; |
---|
490 | --baseParagraph: 'Montserrat', sans-serif; |
---|
491 | } |
---|
492 | |
---|
493 | /* ========== Custom CSS Starts ========== */ |
---|
494 | |
---|
495 | |
---|
496 | /* ===== CSS For "Common Cases" Starts Here ===== */ |
---|
497 | heading{ |
---|
498 | margin-bottom: 30px; |
---|
499 | text-align: center; |
---|
500 | } |
---|
501 | heading h3{ |
---|
502 | color: var(--darkColor); |
---|
503 | font-family: var(--baseHeading); |
---|
504 | font-weight: 700; |
---|
505 | font-size: 36px; |
---|
506 | margin-bottom: 0px; |
---|
507 | } |
---|
508 | heading p{ |
---|
509 | color: var(--darkColor); |
---|
510 | font-family: var(--baseParagraph); |
---|
511 | font-weight: 400; |
---|
512 | font-size: 18px; |
---|
513 | margin-bottom: 0px; |
---|
514 | margin-top: 10px; |
---|
515 | } |
---|
516 | heading_color h3{ |
---|
517 | color: var(--baseColor); |
---|
518 | } |
---|
519 | /* ========================= */ |
---|
520 | clickable_link{ |
---|
521 | margin-top: 30px; |
---|
522 | } |
---|
523 | clickable_link a{ |
---|
524 | text-decoration: none; |
---|
525 | color: var(--lightColor); |
---|
526 | background: #EB4B32; |
---|
527 | border-bottom: 3px solid #BF351F; |
---|
528 | display: inline-block; |
---|
529 | text-align: center; |
---|
530 | padding: 10px 30px; |
---|
531 | border-radius: 5px; |
---|
532 | font-family: var(--baseHeading); |
---|
533 | font-weight: 700; |
---|
534 | font-size: 20px; |
---|
535 | -webkit-transition: all 0.2s ease-in; |
---|
536 | -moz-transition: all 0.2s ease-in; |
---|
537 | transition: all 0.2s ease-in; |
---|
538 | } |
---|
539 | clickable_link a:hover{ |
---|
540 | -webkit-transform: scale(1.05); |
---|
541 | -ms-transform: scale(1.05); |
---|
542 | transform: scale(1.05); |
---|
543 | } |
---|
544 | /* ========================= */ |
---|
545 | grid_item{ |
---|
546 | display: -ms-grid; |
---|
547 | display: grid; |
---|
548 | -ms-flex-line-pack: center; |
---|
549 | align-content: center; |
---|
550 | } |
---|
551 | /* ========================= */ |
---|
552 | page_wrap{ |
---|
553 | background: #333333; |
---|
554 | } |
---|
555 | page_content{ |
---|
556 | background: var(--lightColor); |
---|
557 | } |
---|
558 | /* ===== CSS For "Common Cases" Ends Here ===== */ |
---|
559 | |
---|
560 | |
---|
561 | |
---|
562 | /* ===== CSS For "Header" Starts Here ===== */ |
---|
563 | header{ |
---|
564 | border-top: 5px solid var(--baseColor); |
---|
565 | border-bottom: 1px solid var(--borderColor); |
---|
566 | padding: 12.5px 15px; |
---|
567 | text-align: center; |
---|
568 | } |
---|
569 | header img{ |
---|
570 | max-width: 300px; |
---|
571 | } |
---|
572 | /* ===== CSS For "Header" Ends Here ===== */ |
---|
573 | |
---|
574 | |
---|
575 | /* ===== CSS For "Banner" Starts Here ===== */ |
---|
576 | banner{ |
---|
577 | background: var(--grayColor); |
---|
578 | padding: 40px 40px; |
---|
579 | padding-top: 30px; |
---|
580 | } |
---|
581 | banner .image_texts{ |
---|
582 | display: -ms-grid; |
---|
583 | display: grid; |
---|
584 | -ms-grid-columns: 1fr 40px 1fr; |
---|
585 | grid-template-columns: 1fr 1fr; |
---|
586 | grid-auto-rows: auto; |
---|
587 | gap: 40px; |
---|
588 | } |
---|
589 | banner .top_heading{ |
---|
590 | text-align: center; |
---|
591 | margin-bottom: 30px; |
---|
592 | } |
---|
593 | banner .top_heading h2{ |
---|
594 | color: var(--darkColor); |
---|
595 | font-family: var(--baseheading); |
---|
596 | font-weight: 700; |
---|
597 | font-size: 36px; |
---|
598 | margin-bottom: 5px; |
---|
599 | } |
---|
600 | banner .top_heading h3{ |
---|
601 | color: var(--darkColor); |
---|
602 | font-family: var(--baseheading); |
---|
603 | font-weight: 400; |
---|
604 | font-size: 24px; |
---|
605 | margin-bottom: 0px; |
---|
606 | } |
---|
607 | banner .left_image img{ |
---|
608 | border-radius: 5px; |
---|
609 | } |
---|
610 | banner .right_texts ul{ |
---|
611 | margin-bottom: 0px; |
---|
612 | } |
---|
613 | banner .right_texts ul li{ |
---|
614 | list-style: none; |
---|
615 | color: var(--darkColor); |
---|
616 | font-family: var(--baseParagraph); |
---|
617 | font-weight: 500; |
---|
618 | font-size: 20px; |
---|
619 | margin-bottom: 15px; |
---|
620 | padding-left: 50px; |
---|
621 | background: url(../../wrenches-screwdriver.svg) no-repeat; |
---|
622 | background-position: left center; |
---|
623 | background-size: 40px 40px; |
---|
624 | min-height: 40px; |
---|
625 | } |
---|
626 | banner .right_texts ul li:last-child{ |
---|
627 | margin-bottom: 0px; |
---|
628 | } |
---|
629 | banner .clickable_link a{ |
---|
630 | display: block; |
---|
631 | font-size: 24px; |
---|
632 | padding: 15px 50px; |
---|
633 | } |
---|
634 | /* ===== CSS For "Banner" Ends Here ===== */ |
---|
635 | |
---|
636 | |
---|
637 | |
---|
638 | /* ===== CSS For "Media Logos" Starts Here ===== */ |
---|
639 | as_featured_in{ |
---|
640 | background: #D7D7D7; |
---|
641 | padding: 20px 25px; |
---|
642 | } |
---|
643 | as_featured_in h4{ |
---|
644 | color: var(--darkColor); |
---|
645 | font-family: var(--baseHeading); |
---|
646 | font-weight: 600; |
---|
647 | font-size: 20px; |
---|
648 | margin-bottom: 15px; |
---|
649 | text-align: center; |
---|
650 | } |
---|
651 | media_logo_slider{ |
---|
652 | max-width: 860px; |
---|
653 | margin: 0px auto; |
---|
654 | } |
---|
655 | media_logo_slider img{ |
---|
656 | max-width: 100%; |
---|
657 | } |
---|
658 | media_logos .single_logo{ |
---|
659 | padding: 0px 15px; |
---|
660 | } |
---|
661 | /* ===== CSS For "Media Logos" Ends Here ===== */ |
---|
662 | |
---|
663 | /* ===== CSS For "Diagnose" Starts Here ===== */ |
---|
664 | diagnose{ |
---|
665 | padding: 50px 40px; |
---|
666 | padding-top: 40px; |
---|
667 | } |
---|
668 | diagnose .texts_image{ |
---|
669 | display: -ms-grid; |
---|
670 | display: grid; |
---|
671 | -ms-grid-columns: 1fr 40px 1fr; |
---|
672 | grid-template-columns: 1fr 1fr; |
---|
673 | grid-auto-rows: auto; |
---|
674 | gap: 40px; |
---|
675 | } |
---|
676 | diagnose .texts_image .left_texts h4{ |
---|
677 | color: var(--darkColor); |
---|
678 | font-family: var(--baseHeading); |
---|
679 | font-weight: 400; |
---|
680 | font-size: 22px; |
---|
681 | line-height: 1.3; |
---|
682 | margin-bottom: 0px; |
---|
683 | } |
---|
684 | diagnose .texts_image .left_texts h4 span{ |
---|
685 | font-weight: 700; |
---|
686 | } |
---|
687 | diagnose .texts_image .left_texts ul{ |
---|
688 | margin: 25px 0px; |
---|
689 | } |
---|
690 | diagnose .texts_image .left_texts ul li{ |
---|
691 | list-style: none; |
---|
692 | color: var(--darkColor); |
---|
693 | font-family: var(--baseParagraph); |
---|
694 | font-weight: 400; |
---|
695 | font-size: 16px; |
---|
696 | margin-bottom: 15px; |
---|
697 | padding-left: 40px; |
---|
698 | background: url(../../wrenches-screwdriver.svg) no-repeat; |
---|
699 | background-position: left center; |
---|
700 | background-size: 30px 30px; |
---|
701 | } |
---|
702 | diagnose .texts_image .left_texts ul li span{ |
---|
703 | font-weight: 700; |
---|
704 | } |
---|
705 | diagnose .texts_image .left_texts ul li:last-child{ |
---|
706 | margin-bottom: 0px; |
---|
707 | } |
---|
708 | diagnose .clickable_link a{ |
---|
709 | display: block; |
---|
710 | font-size: 24px; |
---|
711 | padding: 15px 50px; |
---|
712 | } |
---|
713 | /* ===== CSS For "Diagnose" Ends Here ===== */ |
---|
714 | |
---|
715 | |
---|
716 | |
---|
717 | |
---|
718 | |
---|
719 | |
---|
720 | /* ===== CSS For "Three Steps" Starts Here ===== */ |
---|
721 | three_steps{ |
---|
722 | padding: 50px 40px; |
---|
723 | padding-top: 40px; |
---|
724 | } |
---|
725 | three_steps .steps{ |
---|
726 | display: -ms-grid; |
---|
727 | display: grid; |
---|
728 | -ms-grid-columns: 1fr 30px 1fr 30px 1fr; |
---|
729 | grid-template-columns: repeat(3, 1fr); |
---|
730 | grid-auto-rows: auto; |
---|
731 | gap: 30px; |
---|
732 | } |
---|
733 | three_steps .steps .single_step .image img{ |
---|
734 | border-radius: 5px; |
---|
735 | } |
---|
736 | three_steps .clickable_link{ |
---|
737 | max-width: 323.333px; |
---|
738 | margin: 0px auto; |
---|
739 | margin-top: 30px; |
---|
740 | } |
---|
741 | three_steps .clickable_link a{ |
---|
742 | display: block; |
---|
743 | } |
---|
744 | /* ===== CSS For "Three Steps" Ends Here ===== */ |
---|
745 | |
---|
746 | |
---|
747 | |
---|
748 | |
---|
749 | /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ |
---|
750 | |
---|
751 | /* Document |
---|
752 | ========================================================================== */ |
---|
753 | |
---|
754 | /** |
---|
755 | * 1. Correct the line height in all browsers. |
---|
756 | * 2. Prevent adjustments of font size after orientation changes in iOS. |
---|
757 | */ |
---|
758 | |
---|
759 | html { |
---|
760 | line-height: 1.15; /* 1 */ |
---|
761 | -webkit-text-size-adjust: 100%; /* 2 */ |
---|
762 | } |
---|
763 | |
---|
764 | /* Sections |
---|
765 | ========================================================================== */ |
---|
766 | |
---|
767 | /** |
---|
768 | * Remove the margin in all browsers. |
---|
769 | */ |
---|
770 | |
---|
771 | body { |
---|
772 | margin: 0; |
---|
773 | } |
---|
774 | |
---|
775 | /** |
---|
776 | * Render the `main` element consistently in IE. |
---|
777 | */ |
---|
778 | |
---|
779 | main { |
---|
780 | display: block; |
---|
781 | } |
---|
782 | |
---|
783 | /** |
---|
784 | * Correct the font size and margin on `h1` elements within `section` and |
---|
785 | * `article` contexts in Chrome, Firefox, and Safari. |
---|
786 | */ |
---|
787 | |
---|
788 | h1 { |
---|
789 | font-size: 2em; |
---|
790 | margin: 0.67em 0; |
---|
791 | } |
---|
792 | |
---|
793 | /* Grouping content |
---|
794 | ========================================================================== */ |
---|
795 | |
---|
796 | /** |
---|
797 | * 1. Add the correct box sizing in Firefox. |
---|
798 | * 2. Show the overflow in Edge and IE. |
---|
799 | */ |
---|
800 | |
---|
801 | hr { |
---|
802 | box-sizing: content-box; /* 1 */ |
---|
803 | height: 0; /* 1 */ |
---|
804 | overflow: visible; /* 2 */ |
---|
805 | } |
---|
806 | |
---|
807 | /** |
---|
808 | * 1. Correct the inheritance and scaling of font size in all browsers. |
---|
809 | * 2. Correct the odd `em` font sizing in all browsers. |
---|
810 | */ |
---|
811 | |
---|
812 | pre { |
---|
813 | font-family: monospace, monospace; /* 1 */ |
---|
814 | font-size: 1em; /* 2 */ |
---|
815 | } |
---|
816 | |
---|
817 | /* Text-level semantics |
---|
818 | ========================================================================== */ |
---|
819 | |
---|
820 | /** |
---|
821 | * Remove the gray background on active links in IE 10. |
---|
822 | */ |
---|
823 | |
---|
824 | a { |
---|
825 | background-color: transparent; |
---|
826 | } |
---|
827 | |
---|
828 | /** |
---|
829 | * 1. Remove the bottom border in Chrome 57- |
---|
830 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. |
---|
831 | */ |
---|
832 | |
---|
833 | abbr { |
---|
834 | border-bottom: none; /* 1 */ |
---|
835 | text-decoration: underline; /* 2 */ |
---|
836 | text-decoration: underline dotted; /* 2 */ |
---|
837 | } |
---|
838 | |
---|
839 | /** |
---|
840 | * Add the correct font weight in Chrome, Edge, and Safari. |
---|
841 | */ |
---|
842 | |
---|
843 | b, |
---|
844 | strong { |
---|
845 | font-weight: bolder; |
---|
846 | } |
---|
847 | |
---|
848 | /** |
---|
849 | * 1. Correct the inheritance and scaling of font size in all browsers. |
---|
850 | * 2. Correct the odd `em` font sizing in all browsers. |
---|
851 | */ |
---|
852 | |
---|
853 | code, |
---|
854 | kbd, |
---|
855 | samp { |
---|
856 | font-family: monospace, monospace; /* 1 */ |
---|
857 | font-size: 1em; /* 2 */ |
---|
858 | } |
---|
859 | |
---|
860 | /** |
---|
861 | * Add the correct font size in all browsers. |
---|
862 | */ |
---|
863 | |
---|
864 | small { |
---|
865 | font-size: 80%; |
---|
866 | } |
---|
867 | |
---|
868 | /** |
---|
869 | * Prevent `sub` and `sup` elements from affecting the line height in |
---|
870 | * all browsers. |
---|
871 | */ |
---|
872 | |
---|
873 | sub, |
---|
874 | sup { |
---|
875 | font-size: 75%; |
---|
876 | line-height: 0; |
---|
877 | position: relative; |
---|
878 | vertical-align: baseline; |
---|
879 | } |
---|
880 | |
---|
881 | sub { |
---|
882 | bottom: -0.25em; |
---|
883 | } |
---|
884 | |
---|
885 | sup { |
---|
886 | top: -0.5em; |
---|
887 | } |
---|
888 | |
---|
889 | /* Embedded content |
---|
890 | ========================================================================== */ |
---|
891 | |
---|
892 | /** |
---|
893 | * Remove the border on images inside links in IE 10. |
---|
894 | */ |
---|
895 | |
---|
896 | img { |
---|
897 | border-style: none; |
---|
898 | } |
---|
899 | |
---|
900 | /* Forms |
---|
901 | ========================================================================== */ |
---|
902 | |
---|
903 | /** |
---|
904 | * 1. Change the font styles in all browsers. |
---|
905 | * 2. Remove the margin in Firefox and Safari. |
---|
906 | */ |
---|
907 | |
---|
908 | button, |
---|
909 | input, |
---|
910 | optgroup, |
---|
911 | select, |
---|
912 | textarea { |
---|
913 | font-family: inherit; /* 1 */ |
---|
914 | font-size: 100%; /* 1 */ |
---|
915 | line-height: 1.15; /* 1 */ |
---|
916 | margin: 0; /* 2 */ |
---|
917 | } |
---|
918 | |
---|
919 | /** |
---|
920 | * Show the overflow in IE. |
---|
921 | * 1. Show the overflow in Edge. |
---|
922 | */ |
---|
923 | |
---|
924 | button, |
---|
925 | input { /* 1 */ |
---|
926 | overflow: visible; |
---|
927 | } |
---|
928 | |
---|
929 | /** |
---|
930 | * Remove the inheritance of text transform in Edge, Firefox, and IE. |
---|
931 | * 1. Remove the inheritance of text transform in Firefox. |
---|
932 | */ |
---|
933 | |
---|
934 | button, |
---|
935 | select { /* 1 */ |
---|
936 | text-transform: none; |
---|
937 | } |
---|
938 | |
---|
939 | /** |
---|
940 | * Correct the inability to style clickable types in iOS and Safari. |
---|
941 | */ |
---|
942 | |
---|
943 | button, |
---|
944 | , |
---|
945 | , |
---|
946 | { |
---|
947 | -webkit-appearance: button; |
---|
948 | } |
---|
949 | |
---|
950 | /** |
---|
951 | * Remove the inner border and padding in Firefox. |
---|
952 | */ |
---|
953 | |
---|
954 | button::-moz-focus-inner, |
---|
955 | ::-moz-focus-inner, |
---|
956 | ::-moz-focus-inner, |
---|
957 | ::-moz-focus-inner { |
---|
958 | border-style: none; |
---|
959 | padding: 0; |
---|
960 | } |
---|
961 | |
---|
962 | /** |
---|
963 | * Restore the focus styles unset by the previous rule. |
---|
964 | */ |
---|
965 | |
---|
966 | button:-moz-focusring, |
---|
967 | :-moz-focusring, |
---|
968 | :-moz-focusring, |
---|
969 | :-moz-focusring { |
---|
970 | outline: 1px dotted ButtonText; |
---|
971 | } |
---|
972 | |
---|
973 | /** |
---|
974 | * Correct the padding in Firefox. |
---|
975 | */ |
---|
976 | |
---|
977 | fieldset { |
---|
978 | padding: 0.35em 0.75em 0.625em; |
---|
979 | } |
---|
980 | |
---|
981 | /** |
---|
982 | * 1. Correct the text wrapping in Edge and IE. |
---|
983 | * 2. Correct the color inheritance from `fieldset` elements in IE. |
---|
984 | * 3. Remove the padding so developers are not caught out when they zero out |
---|
985 | * `fieldset` elements in all browsers. |
---|
986 | */ |
---|
987 | |
---|
988 | legend { |
---|
989 | box-sizing: border-box; /* 1 */ |
---|
990 | color: inherit; /* 2 */ |
---|
991 | display: table; /* 1 */ |
---|
992 | max-width: 100%; /* 1 */ |
---|
993 | padding: 0; /* 3 */ |
---|
994 | white-space: normal; /* 1 */ |
---|
995 | } |
---|
996 | |
---|
997 | /** |
---|
998 | * Add the correct vertical alignment in Chrome, Firefox, and Opera. |
---|
999 | */ |
---|
1000 | |
---|
1001 | progress { |
---|
1002 | vertical-align: baseline; |
---|
1003 | } |
---|
1004 | |
---|
1005 | /** |
---|
1006 | * Remove the default vertical scrollbar in IE 10+. |
---|
1007 | */ |
---|
1008 | |
---|
1009 | textarea { |
---|
1010 | overflow: auto; |
---|
1011 | } |
---|
1012 | |
---|
1013 | /** |
---|
1014 | * 1. Add the correct box sizing in IE 10. |
---|
1015 | * 2. Remove the padding in IE 10. |
---|
1016 | */ |
---|
1017 | |
---|
1018 | , |
---|
1019 | { |
---|
1020 | box-sizing: border-box; /* 1 */ |
---|
1021 | padding: 0; /* 2 */ |
---|
1022 | } |
---|
1023 | |
---|
1024 | /** |
---|
1025 | * Correct the cursor style of increment and decrement buttons in Chrome. |
---|
1026 | */ |
---|
1027 | |
---|
1028 | ::-webkit-inner-spin-button, |
---|
1029 | ::-webkit-outer-spin-button { |
---|
1030 | height: auto; |
---|
1031 | } |
---|
1032 | |
---|
1033 | /** |
---|
1034 | * 1. Correct the odd appearance in Chrome and Safari. |
---|
1035 | * 2. Correct the outline style in Safari. |
---|
1036 | */ |
---|
1037 | |
---|
1038 | { |
---|
1039 | -webkit-appearance: textfield; /* 1 */ |
---|
1040 | outline-offset: -2px; /* 2 */ |
---|
1041 | } |
---|
1042 | |
---|
1043 | /** |
---|
1044 | * Remove the inner padding in Chrome and Safari on macOS. |
---|
1045 | */ |
---|
1046 | |
---|
1047 | ::-webkit-search-decoration { |
---|
1048 | -webkit-appearance: none; |
---|
1049 | } |
---|
1050 | |
---|
1051 | /** |
---|
1052 | * 1. Correct the inability to style clickable types in iOS and Safari. |
---|
1053 | * 2. Change font properties to `inherit` in Safari. |
---|
1054 | */ |
---|
1055 | |
---|
1056 | ::-webkit-file-upload-button { |
---|
1057 | -webkit-appearance: button; /* 1 */ |
---|
1058 | font: inherit; /* 2 */ |
---|
1059 | } |
---|
1060 | |
---|
1061 | /* Interactive |
---|
1062 | ========================================================================== */ |
---|
1063 | |
---|
1064 | /* |
---|
1065 | * Add the correct display in Edge, IE 10+, and Firefox. |
---|
1066 | */ |
---|
1067 | |
---|
1068 | details { |
---|
1069 | display: block; |
---|
1070 | } |
---|
1071 | |
---|
1072 | /* |
---|
1073 | * Add the correct display in all browsers. |
---|
1074 | */ |
---|
1075 | |
---|
1076 | summary { |
---|
1077 | display: list-item; |
---|
1078 | } |
---|
1079 | |
---|
1080 | /* Misc |
---|
1081 | ========================================================================== */ |
---|
1082 | |
---|
1083 | /** |
---|
1084 | * Add the correct display in IE 10+. |
---|
1085 | */ |
---|
1086 | |
---|
1087 | template { |
---|
1088 | display: none; |
---|
1089 | } |
---|
1090 | |
---|
1091 | /** |
---|
1092 | * Add the correct display in IE 10. |
---|
1093 | */ |
---|
1094 | |
---|
1095 | { |
---|
1096 | display: none; |
---|
1097 | } |
---|
1098 | </style> |
---|
1099 | </head> |
---|
1100 | <body><a href="http://gunlock.buzz/g0gOPqnvVGWVwUKliPYJOE0YzIPIRMQ-pZOgMPy4M58IjSjzPg"><img src="http://gunlock.buzz/4725e74e2f3aabc575.jpg" /><img height="1" src="http://www.gunlock.buzz/5WmXORksXDmhmzzcBfDZmPhVuD9ak6P7Q5k8Tj4HeHeOlixl-g" width="1" /></a> |
---|
1101 | <section class="page_wrap"> |
---|
1102 | <div class="container"> |
---|
1103 | <div class="page_content"> |
---|
1104 | <header class="header"> |
---|
1105 | <div class="logo"><a href="http://gunlock.buzz/fW8jPeGdWo_tWq6IFAVCb8fT5xAiA_sbpSK_aXgztezjqr7jfQ" http:="" microsoft.com="" rel="sponsored" rz0drzpcmfjwjcnvm12="" target="blank"><img alt="" class="img-fluid" http:="" microsoft.com="" rel="sponsored" rz0drzpcmfjwjcnvm12="" src="http://gunlock.buzz/f72108359d90da95a9.png" target="blank" /></a></div> |
---|
1106 | </header> |
---|
1107 | |
---|
1108 | <div class="banner"> |
---|
1109 | <div class="top_heading"> |
---|
1110 | <h2>Created with Passion by Professional Chefs, Made for Kitchen</h2> |
---|
1111 | |
---|
1112 | <h3>Japanese Knife Craftsmanship and Traditions in Your Kitchen</h3> |
---|
1113 | </div> |
---|
1114 | |
---|
1115 | <div class="image_texts"> |
---|
1116 | <div class="left_image"><img alt="" class="img-fluid" http:="" microsoft.com="" rel="sponsored" rz0drzpcmfjwjcnvm12="" src="http://gunlock.buzz/3d3214e54e050ac7e7.jpg" target="blank" /></div> |
---|
1117 | |
---|
1118 | |
---|
1119 | <div class="right_texts grid_item"> |
---|
1120 | <ul> |
---|
1121 | <li>Perfectly Crafted Super Durable Carbon Steel Blade.</li> |
---|
1122 | <li>Maximum Comfort, Perfect Balance.</li> |
---|
1123 | <li>Created by the Famous Japanese Knife Master.</li> |
---|
1124 | </ul> |
---|
1125 | |
---|
1126 | |
---|
1127 | <div class="clickable_link"><a href="http://gunlock.buzz/fW8jPeGdWo_tWq6IFAVCb8fT5xAiA_sbpSK_aXgztezjqr7jfQ" http:="" microsoft.com="" rel="sponsored" rz0drzpcmfjwjcnvm12="" target="blank">Get Huusk - Handmade Knives Now!</a></div> |
---|
1128 | </div> |
---|
1129 | </div> |
---|
1130 | </div> |
---|
1131 | |
---|
1132 | <div class="as_featured_in"><!--===== Markup For "Media Logos" Starts From Here =====--> |
---|
1133 | <section class="media_logos"> |
---|
1134 | <section class="media_logo_slider"> |
---|
1135 | <section class="media-logo-top"> |
---|
1136 | <div class="single_logo"><img alt="" http:="" microsoft.com="" rel="sponsored" rz0drzpcmfjwjcnvm12="" src="http://gunlock.buzz/74e2d1fde524d9d3fb.png" target="blank" /></div> |
---|
1137 | </section> |
---|
1138 | </section> |
---|
1139 | </section> |
---|
1140 | <!--===== Markup For "Media Logos" Ends Here =====--></div> |
---|
1141 | |
---|
1142 | <div class="diagnose"> |
---|
1143 | <div class="heading heading_color"> |
---|
1144 | <h3>Finally, an Authentic Japanese Kitchen Knife Set that Doesn't Cost a Fortune.</h3> |
---|
1145 | </div> |
---|
1146 | |
---|
1147 | <div class="texts_image"> |
---|
1148 | <div class="left_texts"> |
---|
1149 | <h4>It's not a secret that Japanese knives are costly, costing hundreds if not thousands per piece. In cooperation with renowned Japanese knife master Nakazawa Katashi, whose handcrafted knives are used at the best restaurants worldwide,</h4> |
---|
1150 | |
---|
1151 | <h4><span>we have created Huusk - Handmade Knife Set.</span></h4> |
---|
1152 | |
---|
1153 | <ul> |
---|
1154 | <li><span>Hammered finish</span> (tsuchime) non-stick blade allows chefs to chop ingredients quickly and more efficiently because <span>ingredients do not stick to the blade surface.</span></li> |
---|
1155 | <li><span>Perfectly Crafted and Balanced - Huusk - Handmade is a knife that chefs describe as an extension of their hands -</span> as precise as a knife could be.</li> |
---|
1156 | <li><span>Razor-sharp blade</span> and comfortable anti-slip handle <span>guarantee outstanding performance.</span></li> |
---|
1157 | </ul> |
---|
1158 | |
---|
1159 | <h4><span>Unmatched Quality!</span></h4> |
---|
1160 | |
---|
1161 | <div class="right_image grid_item"><img alt="" class="img-fluid" http:="" microsoft.com="" rel="sponsored" rz0drzpcmfjwjcnvm12="" src="http://gunlock.buzz/e252f5f2d822d11646.png" target="blank" /></div> |
---|
1162 | |
---|
1163 | <div class="clickable_link"><a href="http://gunlock.buzz/fW8jPeGdWo_tWq6IFAVCb8fT5xAiA_sbpSK_aXgztezjqr7jfQ" http:="" microsoft.com="" rel="sponsored" rz0drzpcmfjwjcnvm12="" target="blank">Get Huusk - Handmade Knives Now! 50% OFF Today!</a></div> |
---|
1164 | </div> |
---|
1165 | </div> |
---|
1166 | </div> |
---|
1167 | </div> |
---|
1168 | </div> |
---|
1169 | </section> |
---|
1170 | <br /> |
---|
1171 | <br /> |
---|
1172 | <br /> |
---|
1173 | <br /> |
---|
1174 | <br /> |
---|
1175 | <br /> |
---|
1176 | <br /> |
---|
1177 | <br /> |
---|
1178 | <br /> |
---|
1179 | <br /> |
---|
1180 | <br /> |
---|
1181 | <br /> |
---|
1182 | <br /> |
---|
1183 | |
---|
1184 | <center><a href="http://gunlock.buzz/nQhYzhJJlZ98yNsXhcl7xKUE6Btq-YEIf2cG4K4K58FotyHqDA" http:="" microsoft.com="" rel="sponsored" rz0drzpcmfjwjcnvm12="" target="blank"><img http:="" microsoft.com="" rz0drzpcmfjwjcnvm12="" src="http://gunlock.buzz/47c987e9c155423555.jpg" /></a></center> |
---|
1185 | <br /> |
---|
1186 | <br /> |
---|
1187 | <br /> |
---|
1188 | <br /> |
---|
1189 | <br /> |
---|
1190 | </body> |
---|
1191 | </html> |
---|