-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutus.html
134 lines (115 loc) · 6.04 KB
/
aboutus.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
<html>
<head>
<title>About Us - Google Store</title>
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="src/favicon.png" type="image/x-icon" />
<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=Albert+Sans:wght@400;500;600;700&family=Open+Sans:wght@400;500;700&family=Roboto&display=swap"
rel="stylesheet">
</head>
<body>
<div style="display: flex; justify-content: space-between;">
<div class="nav-bar">
<a href="index.html" style="padding-top: 0.73em; padding-left: 0.58em;"><img src="src/googleLogo.png"
width="32px"></a>
<a href="subpages/phones.html">Phones</a>
<a href="subpages/earbuds.html">Earbuds</a>
<a href="subpages/watches.html">Watches</a>
<a href="subpages/subscriptions.html">Subscriptions</a>
</div>
<div class="nav-bar" style="justify-content: flex-end; justify-content: first baseline;">
<a href="#" style="padding-top: 7.5px; padding-right: 14px; opacity: 80%;"><img src="src/que2.png"
width="26px"></a>
<a href="signup.html" style="padding-top: 6px; padding-right: 12px; opacity: 60%;"><img src="src/login.png"
width="30px"></a>
</div>
</div>
<div id="about-us">
<p>Our mission is to
<span style="color: #4285f4">organise</span> the <br> world’s
<span style="color: #ea4335">information</span> and make it <br>
<span style="color: #34a853">universally accessible</span> and
<span style="color: #f9ab00">useful</span>.
</p>
</div>
<div id="d1">
<h1>Got some feedback for us?</h1>
<a href="#feedback" style="font-size: 18px;"><button class="b1" style="margin-top:-15px;margin-bottom:20px">Please
fill this form.</button></a>
</div>
<div class="about-us1">
<a href="subpages/phones.html">
<img src="https://lh3.googleusercontent.com/dtm-uATUnHmnlQBAA9F2PmD3kvKSkyoGi7MmtVwAeY_ESQLZnVDsNSCgIi-lk24BfQQN61tYvHZvu1oaec1yPhqnZudKkuV2SDPre28=w2880-l80-sg-rj-c0xffffff" width="100%" style="border-radius: 6px;">
<div>
<p style="color: #414141;">OUR PRODUCTS</p>
<p style="color: #414141; font-size:25;">Hi, how can we help?</p>
<p style="color: #1a73e8;">See what we build</p>
</a>
</div>
</div>
<div class="about-us1">
<a href="https://about.google/commitments/" target="_blank">
<img src="https://lh3.googleusercontent.com/ezebhzrjRsWrx_LeS0BGaneK1LsE55jCMiXpKNlP9TpMYPDRNLTI3vRzGa7O2Ow95JBR-mzJ7K-qBf70NX7EjHwbELv-5aviOdZKOv8=w2880-l80-sg-rj-c0xffffff" width="100%" style="border-radius: 6px;">
<div>
<p>OUR COMMITMENTS</p>
<p style="font-size: 25px;">Dedicated to improving<br>people's lives. As true<br>as it was at <br>the start.
</p>
<p>How we contribute</p>
</a>
</div>
</div>
<div class="about-us1">
<a href="https://about.google/stories/" , target="_blank">
<img src="https://lh3.googleusercontent.com/eld5nhFKpjO9nWYVQuciJ1KLeTZQwiVfSVtZFNcb-njiDY4KNCa5IoK5e3xIVbNI0CILlE57S3Dkj5C7LvCSEmIkGYhoynN9FasHdA=w2880-l80-sg-rj-c0xffffff" width="100%" style="border-radius: 6px;">
<div style="position: absolute; top:260px; left:113px">
<p>OUR STORIES</p>
<p style="font-size: 25px;">The best part about <br> technology is seeing what <br> the world does with it</p>
<p>Explore our stories</p>
</a>
</div>
</div>
<div id="feedback">
<div id="d1">
<h2 style="padding-top: 35px;">Feedback Form</h2>
</div>
<form>
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Enter your first name">
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Enter your last name">
<label for="email">Email</label>
<input type="text" id="mail" name="mail" placeholder="Enter your email id">
<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Please enter your feedback here"
style="height:240px"></textarea>
<center><input type="submit" value="Submit" onclick="window.alert('Thank You!!\nYour feedback has been submitted!!')">
</center>
</form>
</div>
<hr>
<footer>
<div style="display:flex; margin-top: 5px;">
<a href="https://twitter.com/madebygoogle" target="_blank"><img
src="https://img.icons8.com/ios-filled/500/000000/twitter.png" height="19px" style="margin-top:0px;" /></a>
<a href="https://www.instagram.com/madebygoogle/" target="_blank"><img
src="https://img.icons8.com/material-outlined/500/000000/instagram-new--v1.png" height="23px" /></a>
<a href="https://www.facebook.com/madebygoogle" target="_blank"><img
src="https://img.icons8.com/ios-glyphs/480/000000/facebook.png" width="23px" /></a>
<a href="https://www.youtube.com/madebygoogle" target="_blank"><img
src="https://img.icons8.com/ios-filled/500/000000/youtube-play.png" width="23px" /></a>
</div>
<div class="footer-content">
<a href="https://store.google.com/us/?hl=en-US" target="_blank"><img
src="https://img.icons8.com/color/96/000000/usa.png" width="28px" style="margin-bottom: -10px;" />United
States</a>
<a href="https://policies.google.com/privacy" target="_blank">Privacy</a>
<a href="https://safety.google/intl/en_US/nest/" target="_blank">Google Nest Commitment to Privacy</a>
<a href="https://store.google.com/intl/en-US_us/about/device-terms/" target="_blank">Sales Terms</a>
<a href="https://policies.google.com/terms?hl=en-US&gl=us" target="_blank">Terms of Service</a>
<a href="https://careers.google.com/hardware/?src=Online%2FDirect%2FMadebyGoogle" target="_blank">Careers</a>
</div>
</footer>
</body>
</html>