forked from hero/www_hero_project
main #1
@ -9,6 +9,8 @@ extra:
|
||||
---
|
||||
|
||||
- [Home]("/home")
|
||||
- [Home]("/home")
|
||||
- [Contact]("/contact")
|
||||
|
||||
|
||||
|
||||
|
@ -8,6 +8,8 @@
|
||||
|
||||
{% include "partials/contact.html" %}
|
||||
|
||||
{% include "partials/social.html" %}
|
||||
|
||||
{% include "partials/faq.html" %}
|
||||
|
||||
{% endblock content %}
|
||||
|
@ -5,46 +5,9 @@
|
||||
</div>
|
||||
<div class="mr-auto place-self-center lg:col-span-7">
|
||||
<h4><b>About Us</b></h4>
|
||||
<h2 class="mb-4 text-4xl font-extrabold tracking-tight dark:text-white">Hero Labs</h1>
|
||||
<p class="max-w-2xl mb-6">Hero Labs provides a decentralized autonomous cloud technologies that allows anyone to become a cloud service provider.</p>
|
||||
<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>
|
||||
|
||||
<h5><u><b> <a href onclick="hero.md">Contact Hero Labs</a></u></h5>
|
||||
|
||||
|
||||
|
||||
<div class="space-y-4 sm:flex sm:space-y-0 sm:space-x-4 border-t border-gray-200 my-7 dark:border-gray-700">
|
||||
<div class="pt-8">
|
||||
<div class="mb-2 text-center">
|
||||
<img src="/images/manual.svg#3col"/>
|
||||
<a href="#"><h5 class="font-semibold dark:text-white"><u>Manual</u></h5></a>
|
||||
<h6 class="text-gray-500 dark:text-gray-400">Read the Manual</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-8">
|
||||
<div class="mb-2 text-center">
|
||||
<img src="/images/Support.svg#3col"/>
|
||||
<a href="#"><h5 class="font-semibold dark:text-white"><u>Support</u></h5></a>
|
||||
<h6 class="text-gray-500 dark:text-gray-400">Talk to an Expert</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-8">
|
||||
<div class="mb-2 text-center">
|
||||
<img src="/images/forum.svg#3col"/>
|
||||
<a href="#"><h5 class=" font-semibold dark:text-white"><u>Forum</u></h5></a>
|
||||
<h6 class="text-gray-500 dark:text-gray-400">Join the Conversation</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-8">
|
||||
<div class="mb-2 text-center">
|
||||
<img src="/images/Telegram.svg#3col"/>
|
||||
<a href="#"><h5 class="font-semibold dark:text-white"><u>Telegram</u></h5></a>
|
||||
<h6 class="text-gray-500 dark:text-gray-400">Meet the Community</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-t border-gray-200 dark:border-gray-700">
|
||||
</div>
|
||||
<!-- End block -->
|
||||
|
@ -13,7 +13,7 @@
|
||||
```
|
||||
-->
|
||||
<div class="py-12 lg:py-24">
|
||||
<div class="mx-auto grid max-w-7xl grid-cols-1 gap-10 px-6 lg:grid-cols-12 lg:gap-8 lg:px-8 lg:mb-12">
|
||||
<div class="mx-auto grid max-w-7xl grid-cols-1 gap-10 px-6 lg:grid-cols-12 lg:gap-8 lg:px-8 lg:mb-4">
|
||||
<div class="max-w-xl text-3xl font-bold tracking-tight text-white sm:text-4xl lg:col-span-7">
|
||||
<h2 class="inline sm:block lg:inline xl:block">Want product news and updates?</h2><br>
|
||||
<p class="inline sm:block lg:inline xl:block">Sign up for our newsletter.</p>
|
||||
|
@ -2,7 +2,7 @@
|
||||
<!-- Start block -->
|
||||
|
||||
<div class="max-w-screen-xl px-8 py-12 mx-auto lg:pb-16">
|
||||
<h2 class="mb-4 text-3xl font-bold tracking-tight lg:mb-8 lg:text-3xl dark:text-white">Frequently Asked Questions</h2>
|
||||
<h2 class="mb-4 text-3xl font-bold tracking-tight lg:text-center lg:mb-8 lg:text-3xl dark:text-white">Frequently Asked Questions</h2>
|
||||
<div class="grid divide-y divide-neutral-200 max-w-3xl mx-auto mt-8 shadow">
|
||||
<div class="py-5">
|
||||
<details class="group px-4 py-4">
|
||||
|
@ -6,9 +6,9 @@
|
||||
{%- set section = get_section(path="footer/_index.md") %}
|
||||
{%- set logoPath = section.extra.logoPath %}
|
||||
|
||||
<div class="border-t border-gray-200"></div>
|
||||
<div class="border-t border-gray-600"></div>
|
||||
<footer>
|
||||
<div class="max-w-screen-2xl mx-auto sm:py-8 sm:px-6 lg:py-8 lg:px-8">
|
||||
<div class="max-w-screen-2xl mx-auto lg:py-8 sm:px-6 lg:px-8">
|
||||
<div class="xl:flex xl:gap-4 items-center">
|
||||
<div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
|
||||
<img class="w-40 h-auto sm:w-15 mx-auto" src="{{ get_url(path=logoPath)}}" alt="Hero Logo" />
|
||||
@ -18,12 +18,12 @@
|
||||
{% include "partials/socialLinks.html" %}
|
||||
</div>
|
||||
|
||||
<div class="mt-3 lg:mt-0 w-full px-8 sm:px-12 md:px-16 lg:px-20 footer-cust">
|
||||
<div class="mt-2 lg:mt-0 w-full px-8 sm:px-12 md:px-16 lg:px-20 footer-cust">
|
||||
{{ section.content | safe }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="mt-12 mx-auto border-t border-gray-200 pt-8 pb-8">
|
||||
<div class="mt-8 mx-auto border-t border-gray-200 pt-8 pb-4">
|
||||
<p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 text-center">
|
||||
© 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 |
|
||||
|
67
templates/partials/social.html
Normal file
67
templates/partials/social.html
Normal file
@ -0,0 +1,67 @@
|
||||
<div class="py-12 sm:py-16">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-2xl space-y-16 divide-y divide-gray-100 lg:mx-0 lg:max-w-none">
|
||||
<div class="grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-2">
|
||||
<div>
|
||||
<h2 class="text-white">Get in touch</h2>
|
||||
<p class="mt-4 leading-7 text-gray-100">Quam nunc nunc eu sed. Sed rhoncus quis ultricies ac pellentesque.</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:col-span-2 lg:gap-8">
|
||||
<div class="rounded-2xl bg-white px-8 py-4">
|
||||
<h3 class="text-base font-semibold leading-7 text-gray-900">Collaborate</h3>
|
||||
<dl class="mt-3 space-y-1 text-sm leading-6 text-gray-600">
|
||||
<div>
|
||||
<dt class="sr-only text-gray-900">Email</dt>
|
||||
<dd><a class="font-semibold text-indigo-600" href="mailto:collaborate@example.com">collaborate@example.com</a></dd>
|
||||
</div>
|
||||
<div class="mt-1">
|
||||
<dt class="sr-only">Phone number</dt>
|
||||
<dd>+1 (555) 905-2345</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-gray-50 px-8 py-8">
|
||||
<h3 class="text-base font-semibold leading-7 text-gray-900">Press</h3>
|
||||
<dl class="mt-3 space-y-1 text-sm leading-6 text-gray-600">
|
||||
<div>
|
||||
<dt class="sr-only">Email</dt>
|
||||
<dd><a class="font-semibold text-indigo-600" href="mailto:press@example.com">press@example.com</a></dd>
|
||||
</div>
|
||||
<div class="mt-1">
|
||||
<dt class="sr-only">Phone number</dt>
|
||||
<dd>+1 (555) 905-3456</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-gray-50 px-8 py-8">
|
||||
<h3 class="text-base font-semibold leading-7 text-gray-900"">Join our team</h3>
|
||||
<dl class="mt-3 space-y-1 text-sm leading-6 text-gray-600">
|
||||
<div>
|
||||
<dt class="sr-only">Email</dt>
|
||||
<dd><a class="font-semibold text-indigo-600" href="mailto:careers@example.com">careers@example.com</a></dd>
|
||||
</div>
|
||||
<div class="mt-1">
|
||||
<dt class="sr-only">Phone number</dt>
|
||||
<dd>+1 (555) 905-4567</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-gray-50 px-8 py-8">
|
||||
<h3 class="text-base font-semibold leading-7 text-gray-900">Say hello</h3>
|
||||
<dl class="mt-3 space-y-1 text-sm leading-6 text-gray-600">
|
||||
<div>
|
||||
<dt class="sr-only">Email</dt>
|
||||
<dd><a class="font-semibold text-indigo-600" href="mailto:hello@example.com">hello@example.com</a></dd>
|
||||
</div>
|
||||
<div class="mt-1">
|
||||
<dt class="sr-only">Phone number</dt>
|
||||
<dd>+1 (555) 905-5678</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -68,7 +68,7 @@ Parameters:
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
{% set padding_class = " py-8 md:py-8 lg:py-24" %}
|
||||
{% set padding_class = " py-4 md:py-4 lg:py-24" %}
|
||||
|
||||
{% if padding %}
|
||||
{% if "none" in padding %}
|
||||
@ -78,7 +78,7 @@ Parameters:
|
||||
{% elif "bottom" in padding %}
|
||||
{% set padding_class = " py-2 md:py-4 lg:pb-12" %}
|
||||
{% elif "both" in padding %}
|
||||
{% set padding_class = " py-4 md:py-8 lg:py-16" %}
|
||||
{% set padding_class = " py-4 md:py-4 lg:py-16" %}
|
||||
{% endif %}
|
||||
{% if "hero" in padding %}
|
||||
{% set padding_class = " py-4 md:py-4 lg:py-12" %}
|
||||
|
Loading…
Reference in New Issue
Block a user