-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (143 loc) · 5.59 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
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
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>is-cool.dev | Open Domains</title>
<meta name="description" content="Free subdomains for personal sites, open-source projects, and more.">
<meta property="og:title" content="Open Domains">
<meta property="og:description" content="Free subdomains for personal sites, open-source projects, and more.">
<meta property="og:image" content="/dist/images/open-domains.net.png">
<meta property="og:url" content="https://open-domains.net">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Open Domains">
<meta name="twitter:description" content="Free subdomains for personal sites, open-source projects, and more.">
<meta name="twitter:image" content="/dist/images/open-domains.net.png">
<meta name="apple-mobile-web-app-title" content="Open Domains">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="theme-color" content="#111827">
<!-- Favicon -->
<link rel="shortcut icon" href="/dist/images/logo.png" type="image/x-icon">
<link
href="https://fonts.googleapis.com/css?family=Heebo:400,700|IBM+Plex+Sans:600"
rel="stylesheet"
/>
<link rel="stylesheet" href="dist/css/style.css" />
<script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
</head>
<body class="is-boxed has-animations">
<div class="body-wrap boxed-container">
<header class="site-header">
<div class="container">
<div class="site-header-inner">
<div class="brand header-brand">
<h1 class="m-0">
<a href="#">
<img
class="header-logo-image asset-light"
src="dist/images/logo-light.svg"
alt="Logo"
/>
<img
class="header-logo-image asset-dark"
src="dist/images/logo-dark.svg"
alt="Logo"
/>
</a>
</h1>
</div>
</div>
</div>
</header>
<main>
<section class="hero">
<div class="container">
<div class="hero-inner">
<div class="hero-copy">
<h1 class="hero-title mt-0">
is-cool.dev is a part of Open Domains
</h1>
<p class="hero-paragraph">
Open Domains allows people to use subdomains at no expense for
their projects or community.
</p>
<div class="hero-cta">
<a
class="button button-primary"
href="https://github.com/open-domains/register"
>Get my Subdomain</a
>
</div>
</div>
<div class="hero-media">
<div class="header-illustration">
<img
class="header-illustration-image asset-light"
src="dist/images/header-illustration-light.svg"
alt="Header illustration"
/>
<img
class="header-illustration-image asset-dark"
src="dist/images/header-illustration-dark.svg"
alt="Header illustration"
/>
</div>
<div class="hero-media-illustration">
<img
class="hero-media-illustration-image asset-light"
src="dist/images/hero-media-illustration-light.svg"
alt="Hero media illustration"
/>
<img
class="hero-media-illustration-image asset-dark"
src="dist/images/hero-media-illustration-dark.svg"
alt="Hero media illustration"
/>
</div>
<div class="hero-media-container">
<img
class="hero-media-image asset-light"
src="dist/images/hero-media-light.svg"
alt="Hero media"
/>
<img
class="hero-media-image asset-dark"
src="dist/images/hero-media-dark.svg"
alt="Hero media"
/>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer has-top-divider">
<div class="container">
<div class="site-footer-inner">
<div class="brand footer-brand">
<a href="#">
<img
class="asset-light"
src="dist/images/logo-light.svg"
alt="Logo"
/>
<img
class="asset-dark"
src="dist/images/logo-dark.svg"
alt="Logo"
/>
</a>
</div>
<div class="footer-copyright">
© <script>document.write(new Date().getFullYear())</script> Open Domains - All Rights Reserved.
</div>
</div>
</div>
</footer>
</div>
<script src="dist/js/main.min.js"></script>
</body>
</html>