-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
173 lines (138 loc) · 5.95 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>G-Mail</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header-mobile mobile-only">
<nav>
<img src="https://www.google.com/gmail/about/static/images/logo-gmail.png?cache=1adba63"
alt="logo">
<span class="gmail-logo mr-auto">Gmail</span>
<a href="" class="btn "> Create an account</a>
</nav>
<nav>
<a href="" class="mr-auto" >For Work</a>
<a href=" ">Sign in</a>
</nav>
</header>
<header class="header-desktop desktop-only">
<nav>
<img src="https://www.google.com/gmail/about/static/images/logo-gmail.png?cache=1adba63"
alt="logo">
<span class="gmail-logo mr-auto">Gmail</span>
<a href="" >For Work</a>
<a href="" >Sign in</a>
<a href="" class="btn"> Create an account</a>
</nav>
</header>
<div class="clear"></div>
<section class="main-desktop desktop-only">
<div class="content">
<h1>Get more done with Gmail</h1>
<p>Join video meetings with live captioning and screen sharing
for upto 100 people-now with Google Meet in Gmail.
</p>
<a href="" class="btn">Create an account </a>
</div>
<img src="https://lh3.googleusercontent.com/vVxPQ-ugz5QbYRbjQFZPMhXvZjz2tl2C-W4EK7prSi73Xu6-xUOJsvbhWo7MVl6nRW4a5EOjEOhhYzrFRAVh_Xp75ncGr95wcLd8=w1580"
alt="getmail">
</section>
<section class="main-mobile mobile-only">
<h1>Get more done with Gmail</h1>
<p>Join video meetings with live captioning and screen sharing
for upto 100 people-now with Google Meet in Gmail.
</p>
<a href="" class="btn">Create an account</a>
<img src="https://lh3.googleusercontent.com/xXYoHpg3H8AFkSUod7p2IimdKNY-7IwIhomotcLuk72NCR_hjVbueqQVHYI4Fk8yq-syNodICjrl48pCkNnKUtWd5dAfIkq7k-2933E=w800"
alt="getmail">
</section>
<section class="expgmail">
<h2>Experience Gmail on any device</h2>
<p>The ease & simplicity of Gmail, wherever you are.</p>
<p>
<img src="https://lh3.googleusercontent.com/6kdr7g-ziKhTh0iWIXncqJh6Zd8Z-dkntyVV10lni6ZyBC8Q7uzQeY4Xv7EIAH6b0EQkUD6cUrHC8-GCLma-ZJrdNp16cciXoP_N"
alt="first">
<img src="https://lh3.googleusercontent.com/OBvpNtOKZRZjGFYGsmUrME8yMIjkk1BNQX89gt_lMN2afWCZDvE4SdZhPGXI72vDo-wWqML-8NDy2vU2zY2c6oOktAXZbcwU9ByMBw"
alt="second">
</p>
</section>
<section class="device-section">
<img src="https://lh3.googleusercontent.com/PV8VkijrHZWfBrvC01RUIkNiH67CCPDfPA_Xck1AD8lMjCTGq5PyfoIkIRq2TwN7hGxlrtmCUTiWLWRgkYL-eR3RqNTtItcUiPrVBQ=w2800"
alt="exp">
</section>
<div class="myDiv">
<section class="stay-organized m4">
<h2> Stay organized instantly</h2>
<p> See what’s new at a glance, and decide what you want
to read and respond to.</p>
<img src="https://lh3.googleusercontent.com/zG9tmtU51B7DAJxWqj5dSc32bZty6C5mo48vp1Tozqucoo379R5Gz_RDrIfxTy5wF_BZ5n-5M85S9mF_DICltakJI__JDuMhhzStsw=w1580"
alt="org">
</section>
<section class="never-drop-ball m4">
<h2> Never drop the ball</h2>
<p> Get nudges that remind you to follow up and respond to messages,
so that nothing slips through the cracks.</p>
<img src="https://lh3.googleusercontent.com/wlf842vsNrbW70WRloE0LzJVOJfoL4lYMbqOEebLudfLr91bLou7Sb6Hu7f5C_uP9femGOjfLdns4B9q5rdzVBHx9NIGvOayPqbvRQ=w1580"
alt="ball">
</section>
</div>
<section class="take-action mobile-only">
<h2> Take action right from the inbox</h2>
<p> View attachments, RSVP to events,
snooze messages and more without opening any emails.</p>
<img src="https://lh3.googleusercontent.com/eMssnzi4IyoZt6HzMXY08zo331ZHTIkoQxxQHE01r_tdFIRFYDkud-XAXGDZ5xqzzreeOLNoLALdIBkAh5K2Zc_sIe3UXQKs7eH7pQ=w1580"
alt="action">
</section>
<section class="take-action-desktop desktop-only">
<div class="column">
<h2> Take action right from the inbox</h2>
<p> View attachments, RSVP to events,
snooze messages and more without opening any emails.
</p>
</div>
<img src="https://lh3.googleusercontent.com/eMssnzi4IyoZt6HzMXY08zo331ZHTIkoQxxQHE01r_tdFIRFYDkud-XAXGDZ5xqzzreeOLNoLALdIBkAh5K2Zc_sIe3UXQKs7eH7pQ=w1580"
alt="action">
</section>
<section class="avoid-suspicion">
<h2> Avoid suspicious emails</h2>
<p> Gmail blocks 99.9% of dangerous emails before they reach you. If we think something seems phish-y,
you’ll get a warning.</p>
<img src="https://lh3.googleusercontent.com/ZHgljkXzHMWWG85lNChWkL0ENd93Ia0C4xGx0xA0kMT5CufJXvomTqMgo-vxaAVVFTzkqjDU1kCwg93JdMDdmcojVZdL-JPs_LlmSEk=w1580"
alt="suspicious">
</section>
<section class="Get-gmail">
<img src="https://lh3.googleusercontent.com/VS3B_qhOFTYsdyNfnlr98zg3HNjB_Gcs9bxVnaQO9MysAoBOXMHATClhRviImKKJV8RV-0s7hl8KeVQcij5Iagb1exHzt40x679l8Q=w0"
alt="gmaillogo">
<h2> Get started with Gmail</h2>
<a href class="btn">Get Gmail</a>
</section>
<footer>
<img src="https://rsi-denver.com/wp-content/uploads/2017/07/google-logo.png" alt="logo">
<nav>
<ul>
<li><a href="">Privacy</a></li>
<li><a href="">Terms</a></li>
<li><a href="">About Google</a></li>
<li><a href="">Google Products</a></li>
<li><a href="">Our Policy</a></li>
<li><a href="">Privacy & Security</a></li>
</ul>
</nav>
<nav>
<a href=""><span class="icon">?</span>Help</a>
<select name=" " id="">
<option selected value>English</option>
<option value>French</option>
<option value>Hindi</option>
</select>
</nav>
</ul>
</footer>
</body>
</html>