-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (91 loc) · 4.45 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>roadRunner - Responsive CSS Grid Template</title>
<meta property="og:title" content="roadRunner" />
<meta name="twitter:title" content="roadRunner" />
<meta name="description" content="Reponsive Static Site Template made with CSS Grid. Get it now.">
<meta property="og:description" content="Reponsive Static Site Template made with CSS Grid. Get it now.">
<meta name="twitter:description" content="Reponsive Static Site Template made with CSS Grid. Get it now.">
<meta property="og:url" content="https://roadRunner.wiosdesigns.xyz" />
<meta property="og:image" content="/assets/meta_bg.webp">
<meta property="twitter:image" content="/assets/meta_bg.webp">
<meta name="twitter:image:alt" content="Background Image">
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary"></meta>
<meta name="keywords" content="css grid, template, boilerplate, responsive, WIOS Designs"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="theme-color" content="#05080a">
<link rel="shortcut icon" href="/assets/favicon.png"/>
<link rel="stylesheet" type="text/css" href="/css/roadrunner.css"/>
</head>
<body>
<div class="home-bg">
<div class="home-bg-image"></div>
</div>
<svg viewBox="0 0 100 100" class="icon-defs">
<symbol id="menu">
<path style="fill: none; stroke:currentColor; stroke-width: 5;stroke-linejoin: round; stroke-linecap: round;" d="M10 20 L50 30 L90 20"></path>
<path style="fill: none; stroke:var(--theme); stroke-width: 5;stroke-linejoin: round; stroke-linecap: round;" d="M10 45 L50 55 L90 45"></path>
<path style="fill: none; stroke:currentColor; stroke-width: 5;stroke-linejoin: round; stroke-linecap: round;" d="M10 70 L50 80 L90 70"></path>
</symbol>
</svg>
<header>
<a href="" class="header-home-link">
<img class="header-icon" src="/assets/icon.png">
</a>
<input type="checkbox" id="menutoggle">
<label for="menutoggle">
<svg viewBox="0 0 100 100" class="fg-lighter">
<use xlink:href="#menu"></use>
</svg>
</label>
<nav>
<a href="https://wiosdesigns.xyz">WIOS Designs</a>
<a href="https://github.com/wiosdesigns/spicygrid/">GitHub</a>
</nav>
</header>
<section class="grid1 a-center fg-lighter">
<div class="col1" style="padding-top: 10rem;">
<img src="/assets/icon.png" loading="lazy" style="width: 90%; max-width: 100px; height: auto;">
<h1>roadRunner</h1>
<p>Reponsive Static Site Template made with CSS Grid</p>
<a class="btn" href="/docs.html">Docs</a>
</div>
</section>
<section class="grid2 bg-light">
<div class="col1">
<h1>First block</h1>
<p>
Stare out the window munch, munch, chomp, chomp. Making bread on the
bathrobe. Man running from cops stops to pet cats, goes to jail sniff
other cat's butt and hang jaw half open thereafter, yet catasstrophe
cat dog hate mouse eat string barf pillow no baths hate everything.
Cat not kitten around see brother cat receive pets, attack out of
jealousy, but mewl for food at 4am suddenly go on wild-eyed crazy
rampage swat at dog lie on your belly and purr when you are asleep.
Scratch the furniture. Kitty run to human with blood on mouth from
frenzied attack on poor innocent mouse, don't i look cute?
</p>
</div>
<div class="col1">
<h1>Second block</h1>
<p>
Destroy the blinds fight an alligator and win paw at beetle and eat it
before it gets away climb leg, for cereal boxes make for five star
accommodation . Jump around on couch, meow constantly until given food,
kick up litter so purr as loud as possible, be the most annoying cat
that you can, and, knock everything off the table. Rub butt on table
instantly break out into full speed gallop across the house for no
reason pelt around the house and up and down stairs chasing phantoms.
That box? i can fit in that box. Steal mom's crouton while she is in
the bathroom white cat sleeps on a black shirt. Chase dog then run
away bite off human's toes eat the fat cats food. Give me some of your
food give me some of your food give me some of your food meh, i don't
want it rub butt on table.
</p>
</div>
</section>
</body>
</html>