Skip to content

Commit 5cc1ba3

Browse files
committed
Add under construction page with responsive design and spinner animation
1 parent 0e4e646 commit 5cc1ba3

File tree

1 file changed

+104
-0
lines changed

1 file changed

+104
-0
lines changed

index.html

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Under Construction - Volovyk</title>
7+
<meta name="robots" content="noindex, nofollow">
8+
<style>
9+
* {
10+
margin: 0;
11+
padding: 0;
12+
box-sizing: border-box;
13+
}
14+
15+
body {
16+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
17+
background: #1a1a2e;
18+
height: 100vh;
19+
display: flex;
20+
justify-content: center;
21+
align-items: center;
22+
color: white;
23+
margin: 0;
24+
overflow: hidden;
25+
}
26+
27+
.container {
28+
text-align: center;
29+
max-width: 500px;
30+
padding: 60px 40px;
31+
background: rgba(255, 255, 255, 0.05);
32+
border-radius: 16px;
33+
backdrop-filter: blur(20px);
34+
border: 1px solid rgba(255, 255, 255, 0.1);
35+
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
36+
}
37+
38+
.logo {
39+
font-size: 2.2rem;
40+
font-weight: 600;
41+
margin-bottom: 24px;
42+
color: #fff;
43+
letter-spacing: 2px;
44+
}
45+
46+
.title {
47+
font-size: 2rem;
48+
margin-bottom: 16px;
49+
color: #fff;
50+
font-weight: 300;
51+
}
52+
53+
.subtitle {
54+
font-size: 1rem;
55+
margin-bottom: 40px;
56+
opacity: 0.8;
57+
line-height: 1.5;
58+
color: #e0e0e0;
59+
}
60+
61+
.spinner {
62+
border: 3px solid rgba(255, 255, 255, 0.2);
63+
border-radius: 50%;
64+
border-top: 3px solid #fff;
65+
width: 40px;
66+
height: 40px;
67+
animation: spin 1.5s linear infinite;
68+
margin: 0 auto;
69+
}
70+
71+
@keyframes spin {
72+
0% { transform: rotate(0deg); }
73+
100% { transform: rotate(360deg); }
74+
}
75+
76+
@media (max-width: 768px) {
77+
.container {
78+
margin: 20px;
79+
padding: 40px 20px;
80+
}
81+
.logo {
82+
font-size: 1.8rem;
83+
}
84+
.title {
85+
font-size: 1.6rem;
86+
}
87+
.subtitle {
88+
font-size: 0.9rem;
89+
}
90+
}
91+
</style>
92+
</head>
93+
<body>
94+
<div class="container">
95+
<div class="logo">🚧 VOLOVYK</div>
96+
<h1 class="title">Under Construction</h1>
97+
<p class="subtitle">
98+
We're working hard to bring you something amazing!<br>
99+
Our new website will be ready soon.
100+
</p>
101+
<div class="spinner"></div>
102+
</div>
103+
</body>
104+
</html>

0 commit comments

Comments
 (0)