-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathundermaintenance.html
35 lines (32 loc) · 1.03 KB
/
undermaintenance.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
<!doctype html>
<title>Under Maintenance</title>
<style>
body { text-align: center; padding: 150px; }
h1 { font-size: 50px; }
body { font: 20px Helvetica, sans-serif; color: #333;}
article { display: block; text-align: left; width: 650px; margin: 0 auto;}
a { color: #02A6DF; text-decoration: none; }
img{
width: 10rem;
}
.double-1 {
background:
linear-gradient(currentColor 0 0) bottom 0 left 50% /var(--a, 0) 2px no-repeat,
linear-gradient(currentColor 0 0) bottom 6px left 50% /var(--b, 0) 2px no-repeat;
transition:0.5s;
padding-bottom:8px;
}
.double-1:hover {
--a: 60%;
--b: 100%;
}
p{
line-height: 2rem;
}
</style>
<article>
<h1>Yakında döneceğiz!</h1>
<div>
<p>Verdiğimiz rahatsızlıktan dolayı özür dileriz, ancak şu anda bazı bakımlar yapıyoruz. İhtiyacınız olursa her zaman <a href="mailto:" class="double-1">bizimle iletişime geçebilirsiniz</a>, aksi takdirde kısa süre içinde tekrar çevrimiçi olacağız!</p>
</div>
</article>