-
Notifications
You must be signed in to change notification settings - Fork 0
/
other.html
177 lines (173 loc) · 11.7 KB
/
other.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
174
175
176
177
<!doctype html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<header class="bg-black">
<div class="flex justify-center items-center bg-indigo-600 px-6 py-2.5">
<p class="text-sm leading-6 text-white">
This is a demo landing page for a fake company!
</p>
</div>
<nav class="mx-auto flex max-w-7xl items-center justify-between py-4 lg:px-2" aria-label="Global">
<div class="flex pr-10">
<a href="index.html" class="-m-1.5 p-1.5">
<span class="sr-only">Aero</span>
<svg width="65" height="30" xmlns="http://www.w3.org/2000/svg">
<rect width="100%" height="100%" fill="black"/>
<text x="0" y="25" font-family="Arial, sans-serif" font-size="25" fill="white">Aero</text>
</svg>
</a>
</div>
<div class="flex lg:gap-x-8">
<a href="index.html" class="text-sm font-semibold leading-6 text-white">Ride</a>
<a href="index.html" class="text-sm font-semibold leading-6 text-white">Delivery</a>
<a href="index.html" class="text-sm font-semibold leading-6 text-white">Business</a>
<a href="index.html" class="text-sm font-semibold leading-6 text-white">About</a>
</div>
<div class="hidden lg:flex lg:flex-1 lg:justify-end lg:gap-x-6 items-center">
<a href="index.html" class="text-sm font-semibold leading-6 text-white">Help</a>
<a href="index.html" class="text-sm font-semibold leading-6 text-white">Log in</a>
<a href="index.html" class="rounded-full bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Sign up</a>
</div>
</nav>
</header>
<div class="mx-auto max-w-7xl flex items-center justify-center mt-2 py-16">
<div class="flex items-center justify-between py-4 px-3 w-full">
<div class="overflow-hidden rounded-xl">
<img src="images/other.webp" class="w-auto object-cover object-left">
</div>
</div>
</div>
<footer class="bg-black" aria-labelledby="footer-heading">
<h2 id="footer-heading" class="sr-only">Footer</h2>
<div class="mx-auto max-w-7xl px-6 pb-8 pt-16 sm:pt-24 lg:px-8 lg:pt-32">
<div class="xl:grid xl:grid-cols-3 xl:gap-8">
<div class="space-y-8">
<a href="index.html" class="-m-1.5 p-1.5">
<span class="sr-only">Aero</span>
<svg width="65" height="30" xmlns="http://www.w3.org/2000/svg">
<rect width="100%" height="100%" fill="black"/>
<text x="0" y="25" font-family="Arial, sans-serif" font-size="25" fill="white">Aero</text>
</svg>
</a>
<p class="text-sm leading-6 text-gray-300">Transforming Mobility Through Innovative Aerial Solutions.</p>
<div class="flex space-x-6">
<a href="index.html" class="text-gray-500 hover:text-gray-400">
<span class="sr-only">Facebook</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
</svg>
</a>
<a href="index.html" class="text-gray-500 hover:text-gray-400">
<span class="sr-only">Instagram</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
</svg>
</a>
<a href="index.html" class="text-gray-500 hover:text-gray-400">
<span class="sr-only">X</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z" />
</svg>
</a>
<a href="index.html" class="text-gray-500 hover:text-gray-400">
<span class="sr-only">GitHub</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
</svg>
</a>
<a href="index.html" class="text-gray-500 hover:text-gray-400">
<span class="sr-only">YouTube</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z" clip-rule="evenodd" />
</svg>
</a>
</div>
</div>
<div class="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
<div class="md:grid md:grid-cols-2 md:gap-8">
<div>
<h3 class="text-sm font-semibold leading-6 text-white">Solutions</h3>
<ul role="list" class="mt-6 space-y-4">
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Marketing</a>
</li>
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Analytics</a>
</li>
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Commerce</a>
</li>
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Insights</a>
</li>
</ul>
</div>
<div class="mt-10 md:mt-0">
<h3 class="text-sm font-semibold leading-6 text-white">Support</h3>
<ul role="list" class="mt-6 space-y-4">
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Pricing</a>
</li>
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Documentation</a>
</li>
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Guides</a>
</li>
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">API Status</a>
</li>
</ul>
</div>
</div>
<div class="md:grid md:grid-cols-2 md:gap-8">
<div>
<h3 class="text-sm font-semibold leading-6 text-white">Company</h3>
<ul role="list" class="mt-6 space-y-4">
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">About</a>
</li>
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Blog</a>
</li>
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Jobs</a>
</li>
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Press</a>
</li>
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Partners</a>
</li>
</ul>
</div>
<div class="mt-10 md:mt-0">
<h3 class="text-sm font-semibold leading-6 text-white">Legal</h3>
<ul role="list" class="mt-6 space-y-4">
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Claim</a>
</li>
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Privacy</a>
</li>
<li>
<a href="index.html" class="text-sm leading-6 text-gray-300 hover:text-white">Terms</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="mt-16 border-t border-white/10 pt-8 sm:mt-20 lg:mt-24">
<p class="text-xs leading-5 text-gray-400">© 2024 Aero Inc. All rights reserved.</p>
</div>
</div>
</footer>
</body>
</html>