Skip to content

Commit 77bba8d

Browse files
ProjectZeroDaysProjectZeroDays
authored
Add files via upload
1 parent e160258 commit 77bba8d

File tree

1 file changed

+127
-0
lines changed

1 file changed

+127
-0
lines changed

‎src/frontend/main_website.html‎

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
<html>
2+
<head>
3+
<title>Elite Investors</title>
4+
<script src="https://registry.npmmirror.com/vue/3.3.11/files/dist/vue.global.js"></script>
5+
<script src="https://cdn.tailwindcss.com"></script>
6+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
7+
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"/>
8+
<style>
9+
body {
10+
font-family: 'Roboto', sans-serif;
11+
}
12+
</style>
13+
</head>
14+
<body>
15+
<div id="app">
16+
<header class="bg-gray-900 text-white">
17+
<div class="container mx-auto py-6 text-center">
18+
<img src="https://placehold.co/150x150" alt="Company Logo" class="mx-auto mb-4" width="150" height="150"/>
19+
<nav class="space-x-4">
20+
<a href="#" class="hover:underline">Home</a>
21+
<a href="#" class="hover:underline">About Them</a>
22+
<a href="#" class="hover:underline">Company Structure</a>
23+
<a href="#" class="hover:underline">Socially Conscious Investors</a>
24+
<a href="#" class="hover:underline">Join Them</a>
25+
<a href="#" class="hover:underline">Shareholders</a>
26+
<a href="#" class="hover:underline">Contact Them</a>
27+
</nav>
28+
</div>
29+
</header>
30+
31+
<section class="bg-blue-600 text-white py-20 text-center">
32+
<h1 class="text-4xl font-bold mb-4">ELITE INVESTORS</h1>
33+
<p class="text-xl mb-6">INVESTING IN EARTH'S GREATEST RESOURCE HUMANITY</p>
34+
<button class="bg-white text-blue-600 px-6 py-2 rounded-full font-bold">Apply Now</button>
35+
</section>
36+
37+
<section class="bg-white py-20">
38+
<div class="container mx-auto grid grid-cols-1 md:grid-cols-4 gap-8 text-center">
39+
<div>
40+
<img src="https://placehold.co/100x100" alt="Automated Trading Icon" class="mx-auto mb-4" width="100" height="100"/>
41+
<h3 class="text-xl font-bold mb-2">AUTOMATED TRADING</h3>
42+
<button class="bg-blue-600 text-white px-4 py-2 rounded-full">Read More</button>
43+
</div>
44+
<div>
45+
<img src="https://placehold.co/100x100" alt="Vested Partnerships Icon" class="mx-auto mb-4" width="100" height="100"/>
46+
<h3 class="text-xl font-bold mb-2">VESTED PARTNERSHIPS</h3>
47+
<button class="bg-blue-600 text-white px-4 py-2 rounded-full">Read More</button>
48+
</div>
49+
<div>
50+
<img src="https://placehold.co/100x100" alt="Real Estate Holdings Icon" class="mx-auto mb-4" width="100" height="100"/>
51+
<h3 class="text-xl font-bold mb-2">REAL ESTATE HOLDINGS</h3>
52+
<button class="bg-blue-600 text-white px-4 py-2 rounded-full">Read More</button>
53+
</div>
54+
<div>
55+
<img src="https://placehold.co/100x100" alt="Philanthropic Interests Icon" class="mx-auto mb-4" width="100" height="100"/>
56+
<h3 class="text-xl font-bold mb-2">PHILANTHROPIC INTERESTS</h3>
57+
<button class="bg-blue-600 text-white px-4 py-2 rounded-full">Read More</button>
58+
</div>
59+
</div>
60+
</section>
61+
62+
<section class="bg-blue-600 text-white py-20">
63+
<div class="container mx-auto text-center">
64+
<h2 class="text-3xl font-bold mb-4">ABOUT THEM</h2>
65+
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
66+
<div>
67+
<img src="https://placehold.co/150x150" alt="About Them Icon" class="mx-auto mb-4" width="150" height="150"/>
68+
<p class="mb-4">Lorem ipsum dolor sit amet, nec iudicabit prodesset te, no periculis voluptaria. Lorem ipsum dolor sit amet, nec iudicabit prodesset te, no periculis voluptaria.</p>
69+
<button class="bg-white text-blue-600 px-4 py-2 rounded-full">Read More</button>
70+
</div>
71+
<div>
72+
<img src="https://placehold.co/150x150" alt="Our Vision Icon" class="mx-auto mb-4" width="150" height="150"/>
73+
<p class="mb-4">Lorem ipsum dolor sit amet, nec iudicabit prodesset te, no periculis voluptaria. Lorem ipsum dolor sit amet, nec iudicabit prodesset te, no periculis voluptaria.</p>
74+
<button class="bg-white text-blue-600 px-4 py-2 rounded-full">Read More</button>
75+
</div>
76+
</div>
77+
</div>
78+
</section>
79+
80+
<footer class="bg-gray-900 text-white py-10">
81+
<div class="container mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
82+
<div class="text-center md:text-left">
83+
<img src="https://placehold.co/100x100" alt="Footer Logo" class="mx-auto md:mx-0 mb-4" width="100" height="100"/>
84+
<p>Wearetheminc.© 2014-16</p>
85+
<p>Website Designed by Brand Labs</p>
86+
</div>
87+
<div class="text-center">
88+
<h3 class="text-xl font-bold mb-4">Useful Links</h3>
89+
<ul class="space-y-2">
90+
<li><a href="#" class="hover:underline">Home</a></li>
91+
<li><a href="#" class="hover:underline">Company Structure</a></li>
92+
<li><a href="#" class="hover:underline">Social Conscience Investors</a></li>
93+
<li><a href="#" class="hover:underline">About Them</a></li>
94+
<li><a href="#" class="hover:underline">Investor Application</a></li>
95+
<li><a href="#" class="hover:underline">Contact Them</a></li>
96+
<li><a href="#" class="hover:underline">Investor Login</a></li>
97+
<li><a href="#" class="hover:underline">SiteMap</a></li>
98+
<li><a href="#" class="hover:underline">Privacy Policy</a></li>
99+
<li><a href="#" class="hover:underline">Terms of Service</a></li>
100+
</ul>
101+
</div>
102+
<div class="text-center md:text-right">
103+
<h3 class="text-xl font-bold mb-4">Get in Touch</h3>
104+
<p>Them Inc</p>
105+
<p>1603 Capitol Ave, Ste 310, #A310</p>
106+
<p>Cheyenne, WY 82001</p>
107+
<p>Office: +1 (307) 314-5414</p>
108+
<p>Fax: +1 (307) 222-7473</p>
109+
<p>Toll Free: +1 (866) 252-2387</p>
110+
<p>[email protected]</p>
111+
</div>
112+
</div>
113+
</footer>
114+
</div>
115+
<script>
116+
const { createApp, ref } = Vue
117+
createApp({
118+
setup() {
119+
const message = ref('Hello vue!')
120+
return {
121+
message
122+
}
123+
}
124+
}).mount('#app')
125+
</script>
126+
</body>
127+
</html>

0 commit comments

Comments
 (0)