-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (137 loc) · 6.54 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
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="https://cdn.layeredy.com/webp/logo.webp" type="image/x-icon">
<title>Layeredy</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="styles.css">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description"
content="We're the company behind projects like Encoded, a forum and marketplace for developers; and UptimeMatrix, a budget uptime monitoring software" />
<meta name="author" content="Layeredy" />
<meta content="https://cdn.layeredy.com/webp/logo.webp" property="og:image">
<meta name="theme-color" content="#2c517f">
</head>
<body>
<header>
<div class="container">
<div class="logo">
<img src="https://cdn.layeredy.com/webp/wordmark.webp" alt="Layeredy">
</div>
</div>
</header>
<main>
<section class="hero">
<div class="container hero-content">
<div class="hero-text">
<h1>Launch your community, effortlessly.</h1>
</div>
<div class="hero-image">
<img src="https://cdn.layeredy.com/webp/heroimg1.webp" alt="UptimeMatrix 1" class="hero-img active">
<img src="https://cdn.layeredy.com/webp/heroimg6.webp" alt="Encoded 1" class="hero-img">
<img src="https://cdn.layeredy.com/webp/heroimg4.webp" alt="UptimeMatrix 2" class="hero-img">
<img src="https://cdn.layeredy.com/webp/heroimg7.webp" alt="Encoded 2" class="hero-img">
</div>
</div>
</section>
<section class="about-us" id="about">
<div class="container">
<h2>About Us</h2>
<p>We're an independent software company dedicated to developing solutions for small businesses and communities with privacy, usability, and a budget in mind</p>
<div class="buttons">
<a href="https://layeredy.com/portfolio" class="btn btn-primary">Our portfolio</a>
<a href="https://layeredy.com/history" class="btn btn-secondary">Our history</a>
</div>
</div>
</section>
<section class="features" id="features">
<div class="container">
<h2>The correct way to start your community</h2>
<div class="feature-grid">
<div class="feature-item">
<div class="feature-icon">
<i class="bi bi-life-preserver"></i>
</div>
<h3>Public status</h3>
<p>Give users peace of mind with a public status-page</p>
</div>
<div class="feature-item">
<div class="feature-icon">
<i class="bi bi-people"></i>
</div>
<h3>Forums</h3>
<p>Talk to other developers and admins; find solutions to your server issues, and advertise.</p>
</div>
<div class="feature-item">
<div class="feature-icon">
<i class="bi bi-arrow-up-right-square"></i>
</div>
<h3>Growth tools</h3>
<p>Grow your community with tools for user acquisition, analytics, and engagement.</p>
</div>
<div class="feature-item">
<div class="feature-icon">
<i class="bi bi-code-square"></i>
</div>
<h3>Open source</h3>
<p>Contribute to or benefit from a library of open-source projects.</p>
</div>
<div class="feature-item">
<div class="feature-icon">
<i class="bi bi-graph-up"></i>
</div>
<h3>Status monitoring</h3>
<p>Deliver peace of mind with real-time service tracking and updates.</p>
</div>
<div class="feature-item">
<div class="feature-icon">
<i class="bi bi-patch-question"></i>
</div>
<h3>More soon</h3>
<p>We're always working on new projects, if you have an idea, let us know!</p>
</div>
</div>
</div>
</section>
<section class="py-5 text-white text-center" id="big-number">
<div class="container px-5">
<h1 class="display-1 fw-bolder text-nowrap" style="white-space: nowrap; text-align: center;">
<span class="default-text">
Let's get
<span class="d-inline-block text-lowercase" style="transition: all 0.5s ease; white-space: nowrap;">your </span>
online.
</span>
<span class="mobile-text" style="display: none;">
Let's get you online.
</span>
</h1>
</div>
</section>
</main>
<footer>
<div class="container footer-content">
<div>Copyright © 2024 Layeredy</div>
<div class="footer-links">
<a href="https://status.layeredy.com">System Status</a>
<span class="separator">·</span>
<a href="https://layeredy.com/terms">Terms</a>
<span class="separator">·</span>
<a href="https://layeredy.com/privacy">Privacy</a>
<span class="separator">·</span>
<div class="theme-toggle" id="theme-toggle">
<i class="bi bi-sun-fill"></i>
</div>
<a href="https://github.com/layeredy" class="github-link">
<i class="bi bi-github"></i>
</a>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>
<!-- Open source on github.com/layeredy/website -->