-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy path11.html
56 lines (53 loc) · 3.02 KB
/
11.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
<!DOCTYPE html>
<html class="M(0) H(100%)" lang="lt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta httpEquiv="X-UA-Compatible" content="ie=edge" />
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png" />
<link rel="manifest" href="/static/site.manifest" />
<link rel="mask-icon" href="/static/safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ff6b00" />
<meta name="description" content="Ar mes jau kraustomės į naują offisą?" />
<title>Ar jau kraustomės?</title>
</head>
<body class="M(0) H(100%) Ff(font)">
<header class="Bgc(blue-light) H(200px) H(380px)--sm">
<div class=" Maw(932px) Mx(a)">
<img src="static/assets/meme.png" alt="'Laughter crying' meme" class="W(40px) W(80px)--sm Pos(a) T(8px) Start(8px)">
<h1 class="C(gray-dark) Fz(60px) Fz(120px)--sm Fw(b) Lh(72px) Lh(144px)--sm Ta(c) Pt(32px) M(0) Ff">Ar jau</h1>
<h2 class="C(gray-dark) Fz(24px) Fz(84px)--sm Fs(i) Fw(300) Lh(29px) Lh(101px)--sm Ta(c) M(0)">kraustomės?</h2>
</div>
</header>
<div class="W(100%) H(60px) H(80px)--sm Pos(r) D(f) Jc(c) Mt(-28px) Mt(-38px)--sm">
<div class="W(100%) H(4px) Bgc(green-normal) Pos(a) Start(0) T(28px) T(38px)--sm"></div>
<img src="static/assets/checkmark.svg" alt="Checkmark" class="Pos(a) Start(50%) TranslateX(-50%) W(80px)--sm" />
</div>
<main class="Mt(48px)">
<div class="C(gray-dark) Fz(60px) Fz(84px)--sm Lh(72px) Lh(101px)--sm Fw(300) Ta(c)">
<span class="C(green-normal) Fw(b)">Taip</span><span class="Opacity(0.4)">, liko:</span>
</div>
<div class="js-countdown D(f) Fxw(w) Jc(c)">
<div class="Ta(c)">
<div class="js-hours C(gray-dark) Fz(60px) Fz(84px)--sm Fw(500) Lh(72px) Lh(101px)--sm"></div>
<span class="Opacity(0.4) Fz(12px) Lh(14px) Mt(-6px)">H</span>
</div>
<div class="C(gray-dark) Fz(60px) Fz(84px)--sm Fw(500) Lh(72px) Lh(101px)--sm">:</div>
<div class="Ta(c)">
<div class="js-minutes C(gray-dark) Fz(60px) Fz(84px)--sm Fw(500) Lh(72px) Lh(101px)--sm"></div>
<span class="Opacity(0.4) Fz(12px) Lh(14px) Mt(-6px)">M</span>
</div>
<div class="C(gray-dark) Fz(60px) Fz(84px)--sm Fw(500) Lh(72px) Lh(101px)--sm">:</div>
<div class="Ta(c)">
<div class="js-seconds C(gray-dark) Fz(60px) Fz(84px)--sm Fw(500) Lh(72px) Lh(101px)--sm"></div>
<span class="Opacity(0.4) Fz(12px) Lh(14px) Mt(-6px)">S</span>
</div>
</div>
</main>
<script src="static/js/app.js"></script>
<link rel="stylesheet" href="static/css/style.css">
</body>
</html>