-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (80 loc) · 2.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
<link
href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="assets/styles/app.css">
<title>Frontend Mentor | Meet landing page</title>
</head>
<body>
<header>
<img class="logo" src="assets/logo.svg" alt="meet logo">
</header>
<section class="main-container">
<div class="image-left-container">
<img src="assets/desktop/image-hero-left.png" alt="">
</div>
<div class="main-content">
<h1>Group Chat for Everyone</h1>
<p>Meet makes it easy to connect with others face-to-face virtually and collaborate across any device.</p>
<div class="buttons">
<a class="download" href="/">Download <span>v1.3</span></a>
<a class="what-is-it" href="/">What is it?</a>
</div>
</div>
<div>
<img src="assets/desktop/image-hero-right.png" alt="">
</div>
</section>
<section class="images-container">
<div>
<img src="assets/desktop/image-woman-in-videocall.jpg" alt="">
</div>
<div>
<img src="assets/desktop/image-women-videochatting.jpg" alt="">
</div>
<div>
<img src="assets/desktop/image-men-in-meeting.jpg" alt="">
</div>
<div>
<img src="assets/desktop/image-man-texting.jpg" alt="">
</div>
</section>
<section class="sub-container">
<div>
<h3>Built for modern use</h3>
<h2>Smarter meetings, all in one place</h2>
<p>Send messages, share files, show your screen, and record your meetings — all in one
workspace. Control who can join with invite-only team access, data encryption, and data export.</p>
</div>
</section>
<footer class="footer">
<div class="footer-header">
<h2>Experience more </h2>
<h2>together</h2>
</div>
<div class="footer-para">
<p>Stay connected with reliable HD meetings and unlimited one-on-one and group video sessions.</p>
</div>
<div class="footer-link">
<a href="">Download <span>v1.3</span></a>
</div>
</footer>
<!-- Meet makes it easy to connect with others face-to-face virtually and collaborate across any device.
Download v1.3
What is it?
01
Built for modern use
Smarter meetings, all in one place
Send messages, share files, show your screen, and record your meetings — all in one
workspace. Control who can join with invite-only team access, data encryption, and data export.
02
Experience more together
Stay connected with reliable HD meetings and unlimited one-on-one and group video sessions.
Download v1.3 -->
</body>
</html>