-
Notifications
You must be signed in to change notification settings - Fork 0
/
light.html
111 lines (103 loc) · 6.39 KB
/
light.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
<!DOCTYPE html>
<html class="scroll-smooth" lang="en">
<head>
<title>Ship Crew - Fun & Hood</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100;400;600;700;800;900&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="index.css">
</head>
<body class="bg-blue-100/50 text-gray-900 font-[Raleway]">
<header class="bg-white shadow-md">
<div class="container mx-auto px-4 py-6 flex justify-center md:justify-between items-center">
<a href="/" class="text-lg font-bold text-gray-900 hover:text-gray-800">Ship Crew</a>
<nav class="hidden md:block">
<a href="#home" class="text-gray-900 hover:text-gray-800 ml-12">Home</a>
<a href="#products" class="text-gray-900 hover:text-gray-800 ml-12">Products</a>
<a href="#contact" class="text-gray-900 hover:text-gray-800 ml-12">Contact</a>
</nav>
</div>
</header>
<main id="home" class=" p-6 container mx-auto mt-16 font-[Raleway]">
<section class="hero flex flex-col px-6 items-center justify-center bg-black text-white py-32">
<h1 class="text-2xl md:text-5xl font-bold text-center mb-4">100 AI Products in 30 Days</h1>
<p class="text-sm md:text-2xl text-center mb-12">Join Ship Crew and help build the future!</p>
<a href="#" class="btn btn-primary text-xl font-bold py-4 px-8 rounded-full transition duration-200 ease-in-out hover:bg-white hover:text-black">Join Now</a>
</section>
<section id="products" class="features my-16">
<div class="grid grid-cols-1 md:grid-cols-2 gap-12">
<div class="feature">
<div class="icon bg-blue-500 text-white rounded-full p-1">
<i class="fas fa-rocket"></i>
</div>
<h2 class="text-xl font-bold my-4">Innovative Ideas</h2>
<p class="text-lg">We believe that the best way to predict the future is to create it. That's why we're constantly coming up with new and innovative ideas that push the boundaries of what's possible.</p>
</div>
<div class="feature">
<div class="icon bg-purple-500 text-white rounded-full p-1">
<i class="fas fa-users"></i>
</div>
<h2 class="text-xl font-bold my-4">Community Driven</h2>
<p class="text-lg">We're building Ship Crew as a community-driven platform, where members can collaborate, share ideas, and work together to build the future of AI.</p>
</div>
<div class="feature">
<div class="icon bg-green-500 text-white rounded-full p-1">
<i class="fas fa-cogs"></i>
</div>
<h2 class="text-xl font-bold my-4">Rapid Prototyping</h2>
<p class="text-lg">We're all about moving fast and breaking things. With Ship Crew, you'll have the opportunity to rapidly prototype and test your ideas, helping to bring them to life in record time.</p>
</div>
<div class="feature">
<div class="icon bg-red-500 text-white rounded-full p-1">
<i class="fas fa-code"></i>
</div>
<h2 class="text-xl font-bold my-4">Cutting-Edge Technology</h2>
<p class="text-lg">We're using the latest and greatest technology to build our AI products, so you'll always be on the cutting edge of what's possible.</p>
</div>
</div>
</section>
<section class="testimonials my-16">
<h2 class="text-3xl font-bold mb-8">What our members are saying</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-12">
<div class="testimonial">
<div class="testimonial-content p-6 bg-white rounded-xl shadow-lg">
<p class="mb-4 text-lg">"I've been blown away by the level of talent and creativity in the Ship Crew community. It's inspiring to see what we can accomplish when we work together."</p>
<p class="font-bold">- Jane Doe, AI Developer</p>
</div>
</div>
<div class="testimonial">
<div class="testimonial-content p-6 bg-white rounded-xl shadow-lg">
<p class="mb-4 text-lg">"Ship Crew has given me the opportunity to work on projects that I never would have been able to tackle on my own. The community is amazing and the support is top-notch."</p>
<p class="font-bold">- John Smith, Data Scientist</p>
</div>
</div>
</div>
</section>
<footer id="contact" class="bg-gray-900 text-gray-500 py-12">
<div class="container mx-auto flex justify-center flex-wrap">
<div class="footer-nav">
<ul class="list-none text-center p-0">
<a href="#" class="text-white text-center mb-6 m-auto w-full font-bold text-2xl">Ship Crew</a>
<li><a href="#" class="hover:text-white mt-5 text-center">Home</a></li>
<li><a href="#" class="hover:text-white">About Us</a></li>
<li><a href="#" class="hover:text-white">Products</a></li>
<li><a href="#" class="hover:text-white">Contact</a></li>
</ul>
</div>
<div class="footer-social">
<ul class="list-none p-0 flex">
<li><a href="#" class="hover:text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="hover:text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="hover:text-white"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<div class="container mx-auto mt-8">
<p class="text-center">© 2023 Ship Crew. All rights reserved.</p>
</div>
</footer>
</main>
</body>
</html>