mirror of
https://github.com/rico-vz/HeimerdingerLoL.git
synced 2025-12-06 10:10:48 +01:00
91 lines
4.3 KiB
PHP
91 lines
4.3 KiB
PHP
<section class="text-white bg-stone-900">
|
|
<div class="max-w-screen-xl px-4 py-8 mx-auto sm:py-12 sm:px-6 lg:py-16 lg:px-8">
|
|
<div class="max-w-lg mx-auto text-center">
|
|
<h2
|
|
class="text-3xl font-bold text-transparent uppercase sm:text-4xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
|
|
Welcome to Heimerdinger.LoL</h2>
|
|
|
|
<p class="mt-4 text-stone-300">
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequuntur
|
|
aliquam doloribus nesciunt eos fugiat. Vitae aperiam fugit consequuntur
|
|
saepe laborum.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 gap-8 mt-8 md:grid-cols-2 lg:grid-cols-3">
|
|
<a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
|
|
href="#">
|
|
|
|
<i class="text-3xl text-orange-400 fa-duotone fa-gamepad-modern"></i>
|
|
<h2 class="mt-4 text-xl font-bold text-white">All Champions</h2>
|
|
|
|
<p class="mt-1 text-sm text-stone-300">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut quo
|
|
possimus adipisci distinctio alias voluptatum blanditiis laudantium.
|
|
</p>
|
|
</a>
|
|
|
|
<a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
|
|
href="#">
|
|
<i class="text-3xl text-orange-400 fa-duotone fa-palette"></i>
|
|
|
|
<h2 class="mt-4 text-xl font-bold text-white ">Skin Information</h2>
|
|
|
|
<p class="mt-1 text-sm text-stone-300">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut quo
|
|
possimus adipisci distinctio alias voluptatum blanditiis laudantium.
|
|
</p>
|
|
</a>
|
|
|
|
<a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
|
|
href="#">
|
|
<i class="text-3xl text-orange-400 fa-duotone fa-cube"></i>
|
|
|
|
<h2 class="mt-4 text-xl font-bold text-white">Game Assets</h2>
|
|
|
|
<p class="mt-1 text-sm text-stone-300">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut quo
|
|
possimus adipisci distinctio alias voluptatum blanditiis laudantium.
|
|
</p>
|
|
</a>
|
|
|
|
<a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
|
|
href="#">
|
|
<i class="text-3xl text-orange-400 fa-duotone fa-messages-dollar"></i>
|
|
|
|
<h2 class="mt-4 text-xl font-bold text-white">Sale Rotation</h2>
|
|
|
|
<p class="mt-1 text-sm text-stone-300">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut quo
|
|
possimus adipisci distinctio alias voluptatum blanditiis laudantium.
|
|
</p>
|
|
</a>
|
|
|
|
<a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
|
|
href="#">
|
|
<i class="text-3xl text-orange-400 fa-duotone fa-newspaper"></i>
|
|
|
|
<h2 class="mt-4 text-xl font-bold text-white">Blog Posts</h2>
|
|
|
|
<p class="mt-1 text-sm text-stone-300">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut quo
|
|
possimus adipisci distinctio alias voluptatum blanditiis laudantium.
|
|
</p>
|
|
</a>
|
|
|
|
<a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
|
|
href="#">
|
|
<i class="text-3xl text-orange-400 fa-duotone fa-block-question"></i>
|
|
|
|
<h2 class="mt-4 text-xl font-bold text-white">About The Game</h2>
|
|
|
|
<p class="mt-1 text-sm text-stone-300">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut quo
|
|
possimus adipisci distinctio alias voluptatum blanditiis laudantium.
|
|
</p>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|