ok make it a bit... like fix the copy. I want just more simple copy. And also add a few more "sections" to the page that are equially interesting - Follow Up Deployment
Browse files- index.html +41 -12
index.html
CHANGED
|
@@ -66,20 +66,20 @@
|
|
| 66 |
<main class="flex flex-col md:flex-row items-center">
|
| 67 |
<div class="md:w-1/2 mb-12 md:mb-0">
|
| 68 |
<h1 class="text-5xl md:text-7xl font-bold mb-8 leading-tight tracking-tight">
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
</h1>
|
| 73 |
<p class="text-xl mb-12 max-w-lg leading-relaxed">
|
| 74 |
-
|
| 75 |
-
|
| 76 |
</p>
|
| 77 |
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
|
| 78 |
<button class="brutal-border bg-black text-white px-8 py-4 font-bold hover:bg-white hover:text-black">
|
| 79 |
-
|
| 80 |
</button>
|
| 81 |
<button class="brutal-border border-black px-8 py-4 font-bold hover:bg-black hover:text-white">
|
| 82 |
-
|
| 83 |
</button>
|
| 84 |
</div>
|
| 85 |
</div>
|
|
@@ -89,23 +89,52 @@
|
|
| 89 |
<div class="text-center p-8 relative">
|
| 90 |
<div class="absolute -top-4 -left-4 w-12 h-12 rounded-full bg-yellow-300 border-2 border-black"></div>
|
| 91 |
<div class="absolute -bottom-4 -right-4 w-8 h-8 rounded-full bg-pink-300 border-2 border-black"></div>
|
| 92 |
-
<h3 class="text-4xl font-black mb-4 relative z-10">
|
| 93 |
-
<p class="text-3xl font-bold relative z-10">
|
| 94 |
<div class="absolute top-1/2 right-0 w-16 h-2 bg-green-300 transform translate-x-1/2 -rotate-12 border border-black"></div>
|
| 95 |
</div>
|
| 96 |
</div>
|
| 97 |
</div>
|
| 98 |
</main>
|
| 99 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 100 |
<footer class="mt-24 md:mt-32 pt-8 border-t border-gray-200">
|
| 101 |
<div class="flex flex-col md:flex-row justify-between items-center">
|
| 102 |
<div class="mb-4 md:mb-0">
|
| 103 |
<span class="font-bold">© 2023 VITA ACTIVA</span>
|
| 104 |
</div>
|
| 105 |
<div class="flex space-x-6">
|
| 106 |
-
<a href="#" class="font-bold">
|
| 107 |
-
<a href="#" class="font-bold">
|
| 108 |
-
<a href="#" class="font-bold">
|
| 109 |
</div>
|
| 110 |
</div>
|
| 111 |
</footer>
|
|
|
|
| 66 |
<main class="flex flex-col md:flex-row items-center">
|
| 67 |
<div class="md:w-1/2 mb-12 md:mb-0">
|
| 68 |
<h1 class="text-5xl md:text-7xl font-bold mb-8 leading-tight tracking-tight">
|
| 69 |
+
BUILDING THE FUTURE<br>
|
| 70 |
+
OF ROBOTICS<br>
|
| 71 |
+
TOGETHER
|
| 72 |
</h1>
|
| 73 |
<p class="text-xl mb-12 max-w-lg leading-relaxed">
|
| 74 |
+
We're a collective of engineers and makers creating practical robotics solutions.
|
| 75 |
+
From prototypes to production, we make robotics accessible.
|
| 76 |
</p>
|
| 77 |
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
|
| 78 |
<button class="brutal-border bg-black text-white px-8 py-4 font-bold hover:bg-white hover:text-black">
|
| 79 |
+
LEARN MORE
|
| 80 |
</button>
|
| 81 |
<button class="brutal-border border-black px-8 py-4 font-bold hover:bg-black hover:text-white">
|
| 82 |
+
VIEW GITHUB
|
| 83 |
</button>
|
| 84 |
</div>
|
| 85 |
</div>
|
|
|
|
| 89 |
<div class="text-center p-8 relative">
|
| 90 |
<div class="absolute -top-4 -left-4 w-12 h-12 rounded-full bg-yellow-300 border-2 border-black"></div>
|
| 91 |
<div class="absolute -bottom-4 -right-4 w-8 h-8 rounded-full bg-pink-300 border-2 border-black"></div>
|
| 92 |
+
<h3 class="text-4xl font-black mb-4 relative z-10">ACTIVE NOW</h3>
|
| 93 |
+
<p class="text-3xl font-bold relative z-10">SEEKING PARTNERS</p>
|
| 94 |
<div class="absolute top-1/2 right-0 w-16 h-2 bg-green-300 transform translate-x-1/2 -rotate-12 border border-black"></div>
|
| 95 |
</div>
|
| 96 |
</div>
|
| 97 |
</div>
|
| 98 |
</main>
|
| 99 |
|
| 100 |
+
<section class="my-24 md:my-32">
|
| 101 |
+
<div class="grid md:grid-cols-3 gap-8">
|
| 102 |
+
<div class="brutal-border p-8">
|
| 103 |
+
<h3 class="text-2xl font-bold mb-4">Prototyping</h3>
|
| 104 |
+
<p>Rapid development of robotic concepts from napkin sketches to working prototypes.</p>
|
| 105 |
+
</div>
|
| 106 |
+
<div class="brutal-border p-8">
|
| 107 |
+
<h3 class="text-2xl font-bold mb-4">Open Source</h3>
|
| 108 |
+
<p>We believe in sharing knowledge. Most of our work is open for collaboration.</p>
|
| 109 |
+
</div>
|
| 110 |
+
<div class="brutal-border p-8">
|
| 111 |
+
<h3 class="text-2xl font-bold mb-4">Workshops</h3>
|
| 112 |
+
<p>Hands-on sessions to teach robotics fundamentals to makers of all levels.</p>
|
| 113 |
+
</div>
|
| 114 |
+
</div>
|
| 115 |
+
</section>
|
| 116 |
+
|
| 117 |
+
<section class="mb-24 md:mb-32">
|
| 118 |
+
<div class="brutal-border p-8 md:p-12 dotted-bg">
|
| 119 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-6">Join Our Community</h2>
|
| 120 |
+
<p class="text-xl mb-8 max-w-2xl">
|
| 121 |
+
We're always looking for passionate people to collaborate with. Whether you're an engineer, designer, or just robotics-curious - let's build something amazing.
|
| 122 |
+
</p>
|
| 123 |
+
<button class="brutal-border bg-black text-white px-8 py-4 font-bold hover:bg-white hover:text-black">
|
| 124 |
+
GET IN TOUCH
|
| 125 |
+
</button>
|
| 126 |
+
</div>
|
| 127 |
+
</section>
|
| 128 |
+
|
| 129 |
<footer class="mt-24 md:mt-32 pt-8 border-t border-gray-200">
|
| 130 |
<div class="flex flex-col md:flex-row justify-between items-center">
|
| 131 |
<div class="mb-4 md:mb-0">
|
| 132 |
<span class="font-bold">© 2023 VITA ACTIVA</span>
|
| 133 |
</div>
|
| 134 |
<div class="flex space-x-6">
|
| 135 |
+
<a href="#" class="font-bold">GITHUB</a>
|
| 136 |
+
<a href="#" class="font-bold">YOUTUBE</a>
|
| 137 |
+
<a href="#" class="font-bold">DISCORD</a>
|
| 138 |
</div>
|
| 139 |
</div>
|
| 140 |
</footer>
|