forked from hero/www_hero_project
edit contact
This commit is contained in:
parent
eaa3f66205
commit
aff0275e91
@ -17,5 +17,7 @@ module.exports = {
|
|||||||
plugins: [
|
plugins: [
|
||||||
require('@tailwindcss/forms'),
|
require('@tailwindcss/forms'),
|
||||||
require('@tailwindcss/aspect-ratio'),
|
require('@tailwindcss/aspect-ratio'),
|
||||||
|
require('@tailwindcss/forms'),
|
||||||
|
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
|
|||||||
@ -8,8 +8,4 @@
|
|||||||
|
|
||||||
{% include "partials/contact.html" %}
|
{% include "partials/contact.html" %}
|
||||||
|
|
||||||
{% include "partials/social.html" %}
|
|
||||||
|
|
||||||
{% include "partials/faq.html" %}
|
|
||||||
|
|
||||||
{% endblock content %}
|
{% endblock content %}
|
||||||
|
|||||||
@ -1,13 +1,84 @@
|
|||||||
<!-- Start block -->
|
<!--
|
||||||
<div class="grid max-w-screen-xl px-4 pt-4 pb-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12 lg:pt-28">
|
This example requires some changes to your config:
|
||||||
<div class="hidden lg:col-span-5 lg:flex">
|
|
||||||
<img src="images/hero2.png#mx-auto">
|
```
|
||||||
|
// tailwind.config.js
|
||||||
|
module.exports = {
|
||||||
|
// ...
|
||||||
|
plugins: [
|
||||||
|
// ...
|
||||||
|
require('@tailwindcss/forms'),
|
||||||
|
],
|
||||||
|
}
|
||||||
|
```
|
||||||
|
-->
|
||||||
|
<div class="relative isolate mt-20">>
|
||||||
|
<div class="mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2">
|
||||||
|
<div class="relative px-6 pb-20 lg:pt-4 pt-32 lg:static lg:px-8 lg:py-48">
|
||||||
|
<div class="mx-auto max-w-xl lg:mx-0 lg:max-w-lg">
|
||||||
|
<h2 class="text-3xl font-bold tracking-tight text-white">Get in touch</h2>
|
||||||
|
<p class="mt-6 text-lg leading-8 text-gray-300">Whether you have a question about our services, need assistance, or just want to share feedback, our team is ready to help.</p>
|
||||||
|
<dl class="mt-10 space-y-4 text-base leading-7 text-gray-300">
|
||||||
|
<div class="flex gap-x-4">
|
||||||
|
<dt class="flex-none">
|
||||||
|
<span class="sr-only">Address</span>
|
||||||
|
<svg class="h-7 w-6 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z" />
|
||||||
|
</svg>
|
||||||
|
</dt>
|
||||||
|
<dd>Warehouse 88:89, Al Jaddaf Dry Docks<br>Dubai, United Arab Emirates, P.O Box 283182</dd>
|
||||||
|
</div>
|
||||||
|
<div class="flex gap-x-4">
|
||||||
|
<dt class="flex-none">
|
||||||
|
<span class="sr-only">Email</span>
|
||||||
|
<svg class="h-7 w-6 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
|
||||||
|
</svg>
|
||||||
|
</dt>
|
||||||
|
<dd><u><a class="hover:text-indigo-400" href="mailto:info@threefold.io">info@threefold.io</a></u></dd>
|
||||||
|
</div>
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<form action="#" method="POST" class="px-6 pb-24 pt-20 sm:pb-32 lg:px-8 lg:py-48">
|
||||||
|
<div class="mx-auto max-w-xl lg:mr-0 lg:max-w-lg">
|
||||||
|
<div class="grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2">
|
||||||
|
<div>
|
||||||
|
<label for="first-name" class="block text-sm font-semibold leading-6 text-white">First name</label>
|
||||||
|
<div class="mt-2.5">
|
||||||
|
<input type="text" name="first-name" id="first-name" autocomplete="given-name" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="last-name" class="block text-sm font-semibold leading-6 text-white">Last name</label>
|
||||||
|
<div class="mt-2.5">
|
||||||
|
<input type="text" name="last-name" id="last-name" autocomplete="family-name" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sm:col-span-2">
|
||||||
|
<label for="email" class="block text-sm font-semibold leading-6 text-white">Email</label>
|
||||||
|
<div class="mt-2.5">
|
||||||
|
<input type="email" name="email" id="email" autocomplete="email" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sm:col-span-2">
|
||||||
|
<label for="phone-number" class="block text-sm font-semibold leading-6 text-white">Phone number</label>
|
||||||
|
<div class="mt-2.5">
|
||||||
|
<input type="tel" name="phone-number" id="phone-number" autocomplete="tel" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sm:col-span-2">
|
||||||
|
<label for="message" class="block text-sm font-semibold leading-6 text-white">Message</label>
|
||||||
|
<div class="mt-2.5">
|
||||||
|
<textarea name="message" id="message" rows="4" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mt-8 flex justify-end">
|
||||||
|
<button type="submit" class="rounded-md bg-indigo-500 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500">Send message</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="mr-auto place-self-center lg:col-span-7">
|
</div>
|
||||||
<h4><b>About Us</b></h4>
|
|
||||||
<h2 class="mb-4 text-4xl font-extrabold tracking-tight dark:text-white">Mycelium Project</h1>
|
|
||||||
<p class="max-w-2xl mb-6">Mycelium Project provides a decentralized autonomous cloud technologies that allows anyone to become a cloud service provider.</p>
|
|
||||||
<p class="max-w-2xl mb-8">We aims to create a cloud where people and organizations can buy, sell, and use cloud resources autonomously,enable individuals to earn by providing compute, network, and storage capacity.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- End block -->
|
|
||||||
@ -28,7 +28,7 @@
|
|||||||
© 2024 Mycelium Project, All rights reserved.
|
© 2024 Mycelium Project, All rights reserved.
|
||||||
<a target="_blank" href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" class="leading-6 text-gray-500 hover:text-gray-900">Terms & Conditions |
|
<a target="_blank" href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" class="leading-6 text-gray-500 hover:text-gray-900">Terms & Conditions |
|
||||||
</a><a target="_blank" href="https://library.threefold.me/info/legal/#/legal__privacypolicy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy |
|
</a><a target="_blank" href="https://library.threefold.me/info/legal/#/legal__privacypolicy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy |
|
||||||
</a><a href="/tfLabs" class="leading-6 text-gray-500 hover:text-gray-900">ThreeFold Labs IT</a></p>
|
</a><a href="/tfLabs" class="leading-6 text-gray-500 hover:text-indigo-400">ThreeFold Labs IT</a></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user