-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (127 loc) · 4.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>sammymeet.com | home</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Roboto:wght@100&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="normalize.css" />
<link
rel="stylesheet"
href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
/>
<link rel="stylesheet" href="style.css" />
</head>
<!-- Header Section -->
<body>
<section id="header">
<div class="logo">
<img
class="google-logo"
src="https://www.gstatic.com/meet/google_meet_horizontal_wordmark_2020q4_1x_icon_124_40_2373e79660dabbf194273d27aa7ee1f5.png"
srcset="
https://www.gstatic.com/meet/google_meet_horizontal_wordmark_2020q4_1x_icon_124_40_2373e79660dabbf194273d27aa7ee1f5.png 1x,
https://www.gstatic.com/meet/google_meet_horizontal_wordmark_2020q4_2x_icon_124_40_292e71bcb52a56e2a9005164118f183b.png 2x
"
/>
<span class="google-meet">Meet</span>
</div>
<div class="nav-item">
<div class="dates">
<span class="date">7:58 AM</span>
<span> • </span>
<span class="date">Thu, Jan 6<span> • </span></span>
</div>
<div class="nav">
<a class="support" href="#">
<i class="far fa-question-circle"></i>
</a>
<a class="feedback" href="#">
<i class="far fa-comment-alt-exclamation"></i>
</a>
<a class="setting" href="#">
<i class="fas fa-cog"></i>
</a>
</div>
<div class="nav-item2">
<a href="#">
<i class="far fa-ellipsis-v"></i><i class="far fa-ellipsis-v"></i
><i class="far fa-ellipsis-v"></i>
</a>
<img
src="https://lh3.googleusercontent.com/ogw/ADea4I7KwGVuF6m2Svxf761TyIh6AANkemCYaY3zF-Rk=s32-c-mo"
srcset="
https://lh3.googleusercontent.com/ogw/ADea4I7KwGVuF6m2Svxf761TyIh6AANkemCYaY3zF-Rk=s32-c-mo 1x,
https://lh3.googleusercontent.com/ogw/ADea4I7KwGVuF6m2Svxf761TyIh6AANkemCYaY3zF-Rk=s64-c-mo 2x
"
/>
</div>
</div>
</section>
<!-- body -->
<section id="body-element">
<div class="body">
<h1>
Premium video meetings. <br />
Now free for everyone.
</h1>
<p>
We re-engineered the service we built for secure business <br />
meetings, Google Meet, to make it free and available for all.
</p>
<div class="container">
<div class="btn btn-light">
<i class="fas fa-video-plus"> <span>New meeting</span></i>
</div>
<div class="btn-1 btn-text">
<i class="fas fa-keyboard"></i>
<input type="text" placeholder="Enter a code or a link" />
</div>
</div>
</div>
<div class="picture">
<div id="picture-container">
<img
src="https://www.gstatic.com/meet/user_edu_get_a_link_light_90698cd7b4ca04d3005c962a3756c42d.svg"
id="image-1"
/>
<img
src="https://www.gstatic.com/meet/user_edu_brady_bunch_light_81fa864771e5c1dd6c75abe020c61345.svg"
id="image-2"
/>
<img
src="https://www.gstatic.com/meet/user_edu_scheduling_light_b352efa017e4f8f1ffda43e847820322.svg"
id="image-3"
/>
<img
src="https://www.gstatic.com/meet/user_edu_safety_light_e04a2bbb449524ef7e49ea36d5f25b65.svg"
id="image-4"
/>
</div>
<div>
<p class="link">
<span>Get a link you can share</span> <br />
Click <span class="meet">New meeting</span> to get a link you can
send to <br />
people you want to meet with
</p>
</div>
</div>
</section>
<!-- footer -->
<section id="footer">
<div>
<p><span class="footer-line">Learn more</span> about Google Meet</p>
</div>
</section>
</body>
<script src="app.js"></script>
</html>