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>Toru 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> |
---|
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://memobuidr.co/ffNo_uA-hk9esYXvvs-_hjfDMshyvqYUK9m7OdtpqbE1U8h2wA" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" class="img-fluid" http:="" microsoft.com="" src="http://memobuidr.co/50a20e131a380eb31f.png" /></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"><a href="http://memobuidr.co/ffNo_uA-hk9esYXvvs-_hjfDMshyvqYUK9m7OdtpqbE1U8h2wA" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" class="img-fluid" http:="" microsoft.com="" src="http://memobuidr.co/920cb7ac59079600c9.jpg" /></a></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://memobuidr.co/ffNo_uA-hk9esYXvvs-_hjfDMshyvqYUK9m7OdtpqbE1U8h2wA" http:="" microsoft.com="" rel="sponsored" target="blank">Get Toru Knives Now!</a></div> |
---|
1128 | </div> |
---|
1129 | </div> |
---|
1130 | </div> |
---|
1131 | |
---|
1132 | <div class="as_featured_in"> |
---|
1133 | <h4>As Featured In</h4> |
---|
1134 | <!--===== Markup For "Media Logos" Starts From Here =====--> |
---|
1135 | |
---|
1136 | <section class="media_logos"> |
---|
1137 | <section class="media_logo_slider"> |
---|
1138 | <section class="media-logo-top"> |
---|
1139 | <div class="single_logo"><a href="http://memobuidr.co/ffNo_uA-hk9esYXvvs-_hjfDMshyvqYUK9m7OdtpqbE1U8h2wA" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" http:="" microsoft.com="" src="http://memobuidr.co/c1c87fb39a14269845.png" /> </a></div> |
---|
1140 | |
---|
1141 | <div class="single_logo"><a href="http://memobuidr.co/ffNo_uA-hk9esYXvvs-_hjfDMshyvqYUK9m7OdtpqbE1U8h2wA" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" http:="" microsoft.com="" src="http://memobuidr.co/6ddfaad810123abb3a.png" /> </a></div> |
---|
1142 | |
---|
1143 | <div class="single_logo"><a href="http://memobuidr.co/ffNo_uA-hk9esYXvvs-_hjfDMshyvqYUK9m7OdtpqbE1U8h2wA" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" http:="" microsoft.com="" src="http://memobuidr.co/102d61d895d1306fb8.png" /></a></div> |
---|
1144 | </section> |
---|
1145 | </section> |
---|
1146 | </section> |
---|
1147 | <!--===== Markup For "Media Logos" Ends Here =====--></div> |
---|
1148 | |
---|
1149 | <div class="diagnose"> |
---|
1150 | <div class="heading heading_color"> |
---|
1151 | <h3>Finally, an Authentic Japanese Kitchen Knife Set that Doesn't Cost a Fortune.</h3> |
---|
1152 | </div> |
---|
1153 | |
---|
1154 | <div class="texts_image"> |
---|
1155 | <div class="left_texts"> |
---|
1156 | <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> |
---|
1157 | |
---|
1158 | <h4><span>we have created Toru Knife Set.</span></h4> |
---|
1159 | |
---|
1160 | <ul> |
---|
1161 | <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> |
---|
1162 | <li><span>Perfectly Crafted and Balanced - Toru is a knife that chefs describe as an extension of their hands -</span> as precise as a knife could be.</li> |
---|
1163 | <li><span>Razor-sharp blade</span> and comfortable anti-slip handle <span>guarantee outstanding performance.</span></li> |
---|
1164 | </ul> |
---|
1165 | |
---|
1166 | <h4><span>Unmatched Quality!</span></h4> |
---|
1167 | |
---|
1168 | <div class="right_image grid_item"><a href="http://memobuidr.co/ffNo_uA-hk9esYXvvs-_hjfDMshyvqYUK9m7OdtpqbE1U8h2wA" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" class="img-fluid" http:="" microsoft.com="" src="http://memobuidr.co/c3f3120b9e425f277b.png" /></a></div> |
---|
1169 | |
---|
1170 | <div class="clickable_link"><a href="http://memobuidr.co/ffNo_uA-hk9esYXvvs-_hjfDMshyvqYUK9m7OdtpqbE1U8h2wA" http:="" microsoft.com="" rel="sponsored" target="blank">Get Toru Knives Now! 50% OFF Today!</a></div> |
---|
1171 | </div> |
---|
1172 | </div> |
---|
1173 | </div> |
---|
1174 | </div> |
---|
1175 | </div> |
---|
1176 | </section> |
---|
1177 | <br /> |
---|
1178 | <br /> |
---|
1179 | |
---|
1180 | <center><br /> |
---|
1181 | <br /> |
---|
1182 | <br /> |
---|
1183 | <br /> |
---|
1184 | <br /> |
---|
1185 | <br /> |
---|
1186 | <br /> |
---|
1187 | <a href="http://memobuidr.co/aryarCbSFp9hKKJ-LqzXvhveXQtOcD-dGVmo_XjDBmeUrQOrGg" http:="" microsoft.com="" rel="sponsored" target="blank"><img http:="" microsoft.com="" src="http://memobuidr.co/8311e81fd4f5935aa3.jpg" /></a><br /> |
---|
1188 | <br /> |
---|
1189 | <br /> |
---|
1190 | <br /> |
---|
1191 | <br /> |
---|
1192 | <br /> |
---|
1193 | <br /> |
---|
1194 | <br /> |
---|
1195 | <br /> |
---|
1196 | <br /> |
---|
1197 | <br /> |
---|
1198 | <br /> |
---|
1199 | <br /> |
---|
1200 | <br /> |
---|
1201 | <br /> |
---|
1202 | <a href="http://memobuidr.co/w9dLmi7fvo-Usz8sO8odnBnlSS6SPB5L_NNrJLq5CW1NTSl9" http:="" microsoft.com="" rel="sponsored" target="blank"><img http:="" microsoft.com="" src="http://memobuidr.co/079e46139fde11aa7a.jpg" /></a></center> |
---|
1203 | <br /> |
---|
1204 | <br /> |
---|
1205 | <a href="http://memobuidr.co/e3u-nduBHud-61RcWCLYE2wXuXY2IAWYPtEyM8tNAnig0fYAVA"><img src="http://memobuidr.co/b0a0d12037f3ffcb1f.jpg" /><img height="1" src="http://www.memobuidr.co/vKJzQBfLkMR-UZ2nRPDrLyfa5Izs2Pm8k2iOjznASZpnCgA-6Q" width="1" /></a><br /> |
---|
1206 | <span style="color:#FFFFFF;">oute to the final Germany Germany's route to the final Opponent Result 1 Poland 2–0 2 Croatia 1–2 3 Austria 1–0 QF Portugal 3–2 SF Turkey 3–2 Germany were drawn in Group B for the tournament, alongside Austria, Croatia and Poland. They faced Poland in their first game in Klagenfurt, Austria, on 8 June 2008. Lukas Podolski gave Germany the lead after 20 minutes when he scored following a pass from Miroslav Klose. Podolski then added a second goal 18 minutes before the end with a volley, to give Germany a 2–0 victory. The win was their first in the tournament since their win over the Czech Republic in the Euro 1996 Final, after they had recorded no wins in 2000 or in 2004. Their second group game took place four days later against Croatia, again in Klagenfurt. Croatia took the lead after 24 minutes through Darijo Srna, before Ivica Oli? added a second shortly after the hour mark. Podolski scored for Germany on 78 minu |
---|
1207 | tes to make the score 2–1, but they had few chances thereafter and Croatia held on for the win. Bastian Schweinsteiger, a German substitute, was sent off in the 90th minute when he pushed Jerko Leko after the latter had tackled him. Germany concluded their group fixtures against co-hosts Austria in Vienna on 16 June needing a draw to secure their progress to the quarter-finals, while their opponents required a win. The game was settled when Michael Ballack scored from a 30-yard (27 m) free kick in the second half to give Germany a 1–0 win. They qualified as runners-up in the group behind Croatia. Germany's quarter-final match was against Portugal in the Swiss city of Basel on 19 June. Germany raced into a 2–0 lead in the first half hour of the game with goals from Schweinsteiger and Klose, before Nuno Gomes pulled back a goal for Portugal shortly before half-time. Ballack extended Germany's lead with a header on 62 minutes, and despite Hélder Postiga |
---|
1208 | 's late goal for Portugal, Germany held on for a 3–2 win. They returned to Basel again for their semi-final against Turkey, on 25 June. Turkey had several chances in the opening 20 minutes before taking the lead on 22 minutes; U?ur Boral's shot went under the body of goalkeeper Jens Lehmann after Colin Kazim-Richards had hit the crossbar. Five minutes later Schweinsteiger equalised for Germany with a close-range shot. Klose scored Germany's second on 79 minutes, but Turkey equalised 7 minutes later through Semih ?entürk. With the game heading towards extra time, Germany's Philipp Lahm scored a winning goal in the 90th minute. BBC Sport's Phil McNulty described the 3–2 victory as "barely deserved", but Germany were nonetheless through to the fin</span><br /> |
---|
1209 | </body> |
---|
1210 | </html> |
---|