-
Notifications
You must be signed in to change notification settings - Fork 0
/
index1.html
132 lines (123 loc) · 8.69 KB
/
index1.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
<!DOCTYPE html>
<html>
<head>
<title>WhatsApp</title>
<link rel="icon" type="image/png" href="whatsapptitle.png"/>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<ul>
<li class="dropdown" style="margin-right: 50px">
<a href="javascript:void(0)" class="dropbtn">EN</a>
<div class="dropdown-content">
<a href="#">Chinese</a>
<a href="#">Geraman</a>
<a href="#">Urdu</a>
<a href="#">French</a>
</div>
</li>
<li style= "margin-right: 30px;"><a href="#contact">FAQ</a></li>
<li style= "margin-right: 30px;"><a href="#contact">Security</a></li>
<li style= "margin-right: 30px;"><a href="#contact">Download</a></li>
<li style= "margin-right: 30px;"><a href="#news">Features</a></li>
<li style= "margin-right: 30px;"><a href="#news">WhatsApp Web</a></li>
<img src="whatsapplogo.png" alt="whatsappchat" width="150px" height="50px" margin-left="30px">
</ul>
<header class="header">
<section class="col-6">
<ul class="header-info">
<div class= "heading">
<li style= "background-color: white ; color: black; float: left;">
<h1><p>Simple. Secure.<br> Reliable Messaging.</p></h1></li>
<li style= "background-color: white ; color: black; float: left;"><p>With WhatsApp, you'll get fast, simple, secure messaging and calling for free*, available on phones all over the world.</p></li>
<li style= "background-color: white ; color: black; float: left;"><p class="light-note">*Data charges may apply. Contact your provider for details.</p></li></div></ul>
<div class="box3"><ul style="background-color: white; margin-left: 180px;">
<div class="icon1" style= "background-color: white; margin-left: 0px; color: #1ebea5;"><img class="_36oq" src="https://static.whatsapp.net/rsrc.php/yE/r/TDpp7fh8s7a.svg">Android</div>
<div class="icon1" style= "background-color: white; margin-left: 0px; color: #1ebea5;"><img class="_36oq" src="https://static.whatsapp.net/rsrc.php/yX/r/QBqjMTNuxPz.svg">iphone</div>
<div class="icon1" style= "background-color: white; margin-left: 0px; color: #1ebea5;"><img class="_36oq" src="https://static.whatsapp.net/rsrc.php/yk/r/w9G2-B0wRmZ.svg">MAC or Windows PC</div>
<div class="icon1" style= "background-color: white; margin-left: 0px; color: #1ebea5;"><img class="_36oq" src="https://static.whatsapp.net/rsrc.php/yA/r/4P8ZuBUhtG2.svg">Windows Phone</div>
</ul>
</div>
</section>
<section class="col-6">
<img src="chat-thumb-android-1.png" alt="whatsappchat" width="350px" height="600px">
</section>
</header>
<div class="third-main">
<div class="business">
<p id="business-heading">WhatsApp Business App</p>
<p id="business-para">
<a href="#" class="business-links">Watsapp Bussiness</a> is an Android app which is free to
download, and was built with <br>
the small business owner in mind. With the app, businesses can interact with <br>
customers easily by using tools to automate, sort, and quickly respond to messages. If <br>
you're a large business, <a href="#" class="business-links"> learn more about the WhatsApp Business
API.</a>
</p>
<img src="photo.png" alt="mobile" class="mobile-image" width="300" height="400">
</div>
<div class="encryption">
<iframe
src=" https://www.whatsapp.com/richard_smells_funny/animation/security_localized.html?v=9bd4dace1&l=en"
frameborder="0" class="iframe" scrolling="no"></iframe>
<p class="end-to-end-para">END - TO - END ENCRYPTION</p>
<p id="security">Security by Default</p>
<p class="encrpy-para">
Some of your most personal moments are shared on WhatsApp, which is why we built <br>
end-to-end encryption into the latest versions of our app. When end-to-end encrypted, <br>
your messages and calls are secured so only you and the person you're communicating <br>
with can read or listen to them, and nobody in between, not even WhatsApp.
</p>
</div>
</div>
<div class="feature">
<div class="section">
<a href="#" style="display: inline-block; display: flex; justify-content: center;">EXPLORE FEATURES</a>
</div>
</div>
<div class="footer1" style="background-color: rgb(52, 70, 93); color: white; display: flex; align-content: space-between; width: 100%; padding-bottom: 5px; padding-top: 10px; line-height: normal; list-style-type: none; align-content: center; " >
<div class="whatsp" style="background-color: rgb(52, 70, 93);float: left;margin:5% ; ">
<p style="color: rgba(255, 255, 255, .6);font-size: 12px;font-weight: 600;letter-spacing: .08em;line-height: 14px;margin-bottom: 22px; text-transform: uppercase;">WHATSAPP</p>
<p><a href="https://www.whatsapp.com/features/">Features</a></p>
<p><a href="https://www.whatsapp.com/security/">Security</a></p>
<p><a href="https://www.whatsapp.com/download/">Download</a></p>
<p><a href="https://web.whatsapp.com/">WhatsApp Web</a></p>
<p><a href="https://www.whatsapp.com/business/">Business</a></p>
</div>
<div class="company" style="background-color: rgb(52, 70, 93); color: white; float: left;margin:5% ;">
<p style="color: rgba(255, 255, 255, .6);font-size: 12px;font-weight: 600;letter-spacing: .08em;line-height: 14px;margin-bottom: 22px;text-transform: uppercase;">COMPANY</p>
<p><a href="https://www.whatsapp.com/about/">About</a></p>
<p><a href="https://www.whatsapp.com/join/">Careers</a></p>
<p><a href="https://whatsappbrand.com/">Brand Center</a></p>
<p><a href="https://www.whatsapp.com/contact/">Get In Touch</a></p>
<p><a href="https://blog.whatsapp.com">Blog</a></p>
</div>
<div class="dload" style="background-color: rgb(52, 70, 93); color: white;float: left; margin:5% ;">
<p style="color: rgba(255, 255, 255, .6); font-size: 12px;font-weight: 600;letter-spacing: .08em; line-height: 14px; margin-bottom: 22px; text-transform: uppercase;">DOWNLOAD</p>
<p><a href="https://www.whatsapp.com/download/">Mac/PC</a></p>
<p><a href="https://www.whatsapp.com/android/">Andriod</a></p>
<p><a href="https://itunes.apple.com/us/app/whatsapp-messenger/id310633997?mt=8">iPhone</a></p>
<p><a href="https://www.microsoft.com/en-pk/p/whatsapp/9wzdncrdfwbs?SilentAuth=1&rtc=1&activetab=pivot:overviewtab">Windows Phone</a></p>
<p><a href="https://blog.whatsapp.com/10000617/WhatsApp-support-for-mobile-devices">Nokia</a></p>
</div>
<div class="help" style="background-color: rgb(52, 70, 93); color: white; float: left; margin:5% ;" >
<p style="color: rgba(255, 255, 255, .6);font-size: 12px;font-weight: 600;letter-spacing: .08em;line-height: 14px;margin-bottom: 22px;text-transform: uppercase;">HELP</p>
<p><a href="https://faq.whatsapp.com/">FAQ</a></p>
<p><a href="https://twitter.com/whatsapp">Twitter</a></p>
<p><a href="https://www.facebook.com/WhatsApp">Facebook</a></p>
</div>
</div>
<div class="footer" style="display: flex; padding-top: 23px;padding-right: 0px;padding-bottom: 23px;padding-left: 0px;">
<div class="footer1" style="text-align: justify; width: 12%; box-sizing: border-box; float: left;">
<p style="color: gainsboro">2019 © WhatsApp Inc.</p>
</div>
<div class="footer2" style="text-align: left; width: 50%; ">
<p><a href="https://www.whatsapp.com/legal/" style="color: white; text-decoration: none;">Privacy & Terms</a></p>
</div>
</div>
</body>
</html>