Archive/HeimerdingerLoL
1
0
Fork 0
mirror of https://github.com/rico-vz/HeimerdingerLoL.git synced 2025-12-06 18:20:48 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

⚙️ Feature Cards + Navbar changes

Browse Source
This commit is contained in:
Rico van Zelst
2023-10-26 19:12:46 +02:00
parent c1194738c5
commit 55447937a6
3 changed files with 130 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
resources/views/components/features.blade.php Normal file
View File

@@ -0,0 +1,90 @@
<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="/services/digital-campaigns">
<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="/services/digital-campaigns">
<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="/services/digital-campaigns">
<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="/services/digital-campaigns">
<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="/services/digital-campaigns">
<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="/services/digital-campaigns">
<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>