This repository has been archived by the owner on Oct 17, 2023. It is now read-only.
forked from zenbox/workshop
-
Notifications
You must be signed in to change notification settings - Fork 0
/
grid-template.html
49 lines (46 loc) · 4.41 KB
/
grid-template.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grid Template</title>
<link rel="stylesheet" href="assets/css/grid-template.css">
<link rel="stylesheet" href="assets/css/image-processing.css">
</head>
<body>
<header>
<h2><span class="sr-only">Company</span> </h2>
</header>
<nav>Navigation</nav>
<main>
<h1>Page Headline</h1>
<figure>
<svg width="100%" viewBox="0 0 4196 4196" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
xmlns:serif="http://www.serif.com/"
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g class="shou-group" transform="matrix(1,0,0,-1,0,4172.86)">
<path
d="M2496.4,139.729C2608.86,162.407 2822.6,235.208 2822.6,235.208C3254.59,402.98 3614.03,716.627 3840.28,1115.52C3898.92,1218.87 3948.62,1327.94 3988.28,1441.72C4012.79,1511.8 4035.51,1583.88 4050.09,1657.15C4068.05,1747.42 4092.4,1829.59 4096.06,1983.35L102.876,1983.35C108.496,1885.83 140.125,1689.38 143.111,1676.22C159.743,1602.77 186.16,1511.78 210.653,1441.72C250.34,1327.98 300.017,1218.92 358.669,1115.52C585.5,715.571 946.325,401.267 1380,233.776C1484.76,193.31 1593.79,161.417 1706.2,138.981L1706.2,550.539C1592.12,579.435 1482.9,620.616 1380,672.638C1169.15,779.185 985.051,931.089 840.573,1115.52C762.292,1215.39 695.64,1324.81 642.667,1441.72C611.247,1511.05 584.643,1582.99 563.268,1657.15L1936.37,1657.15L1936.37,1441.72L920.976,1441.72C989.102,1320.13 1075.5,1210.15 1176.44,1115.52C1238.98,1056.84 1307.14,1004.06 1380,958.06C1480.57,894.514 1590.08,843.895 1706.2,808.559L1706.2,1115.52L1936.37,1115.52L1936.37,106.854C1990.16,102.465 2097.78,99.11 2097.78,99.11C2151.81,99.178 2209.62,102.533 2262.57,106.855L2262.57,1115.52L2496.4,1115.52L2496.4,809.648C2612.59,845.38 2722.11,896.391 2822.6,960.356C2894.08,1005.82 2960.99,1057.82 3022.52,1115.52C3123.45,1210.16 3209.84,1320.12 3277.91,1441.72L2262.57,1441.72L2262.57,1657.15L3635.67,1657.15C3614.3,1583.01 3587.7,1511.08 3556.27,1441.72C3503.3,1324.81 3436.66,1215.39 3358.37,1115.52C3214.75,932.178 3031.93,780.951 2822.6,674.493C2822.6,674.493 2610.55,580.677 2496.4,551.466L2496.4,139.729Z" />
</g>
<g class="shou-group">
<path
d="M2496.4,139.729C2608.86,162.407 2822.6,235.208 2822.6,235.208C3254.59,402.98 3614.03,716.627 3840.28,1115.52C3898.92,1218.87 3948.62,1327.94 3988.28,1441.72C4012.79,1511.8 4035.51,1583.88 4050.09,1657.15C4068.05,1747.42 4092.4,1829.59 4096.06,1983.35L102.876,1983.35C108.496,1885.83 140.125,1689.38 143.111,1676.22C159.743,1602.77 186.16,1511.78 210.653,1441.72C250.34,1327.98 300.017,1218.92 358.669,1115.52C585.5,715.571 946.325,401.267 1380,233.776C1484.76,193.31 1593.79,161.417 1706.2,138.981L1706.2,550.539C1592.12,579.435 1482.9,620.616 1380,672.638C1169.15,779.185 985.051,931.089 840.573,1115.52C762.292,1215.39 695.64,1324.81 642.667,1441.72C611.247,1511.05 584.643,1582.99 563.268,1657.15L1936.37,1657.15L1936.37,1441.72L920.976,1441.72C989.102,1320.13 1075.5,1210.15 1176.44,1115.52C1238.98,1056.84 1307.14,1004.06 1380,958.06C1480.57,894.514 1590.08,843.895 1706.2,808.559L1706.2,1115.52L1936.37,1115.52L1936.37,106.854C1990.16,102.465 2097.78,99.11 2097.78,99.11C2151.81,99.178 2209.62,102.533 2262.57,106.855L2262.57,1115.52L2496.4,1115.52L2496.4,809.648C2612.59,845.38 2722.11,896.391 2822.6,960.356C2894.08,1005.82 2960.99,1057.82 3022.52,1115.52C3123.45,1210.16 3209.84,1320.12 3277.91,1441.72L2262.57,1441.72L2262.57,1657.15L3635.67,1657.15C3614.3,1583.01 3587.7,1511.08 3556.27,1441.72C3503.3,1324.81 3436.66,1215.39 3358.37,1115.52C3214.75,932.178 3031.93,780.951 2822.6,674.493C2822.6,674.493 2610.55,580.677 2496.4,551.466L2496.4,139.729Z" />
</g>
</svg>
<figcaption>Shou Sign</figcaption>
</figure>
</main>
<aside>
<h3>Aside Headline</h3>
<figure>
<img src="assets/figures/shou.svg" alt="">
<figcaption>SVG as image</figcaption>
</figure>
</aside>
<footer>
<address><i class="fa-brands fa-creative-commons fa-4x"></i> 2021 Michael</address>
</footer>
</body>
</html>