46 lines
3.3 KiB
PHP
46 lines
3.3 KiB
PHP
<?php $srv_root = __DIR__; $dots = "";
|
|
$slash_count = substr_count($srv_root, '/');
|
|
for ($i = 1; $i < $slash_count; $i++) {$dots .= "../";};?>
|
|
|
|
<?php include_once("$dots/includes/all.php"); ?>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<?php echo head("Socials") ?>
|
|
<body>
|
|
<?php echo navbar("5"); ?>
|
|
<section id="_hero_creative_journey_v6_001" class="py-20 sm:py-24 bg-white dark:bg-neutral-950">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<!-- Centered Header -->
|
|
<div class="text-center max-w-3xl mx-auto mb-16" data-motion="hero" style="opacity: 1;">
|
|
<h1 class="text-3xl sm:text-5xl lg:text-6xl font-bold text-slate-900 dark:text-white leading-tight mb-6">Contact Page</h1>
|
|
<p class="text-lg text-slate-600 dark:text-neutral-400 mb-8" data-animate="text" style="opacity: 1;">
|
|
Ask me about anything, I might not answer, but thats even more reason to not be nervous to send a message
|
|
</p>
|
|
|
|
<!-- Asymmetric Image Grid -->
|
|
<div class="grid lg:grid-cols-6 gap-5">
|
|
<!-- Left Column - 2 stacked images -->
|
|
<div class="lg:col-span-3 flex flex-col gap-5">
|
|
<div data-motion="card" class="rounded-3xl overflow-hidden h-56" style="opacity: 1; transform: translateY(0px); filter: blur(0px);">
|
|
<a href="https://signal.me/#eu/14nA-tBiLDlv3Z1DzDlmNSd_hpqwEk2EcjhmY0uWcjbTAQWx9NZGiJfkVOkMR4mS"><img data-motion="image" src="/assets/img/contact_page/signal.png" alt="Creative team collaboration" class="w-full h-full object-cover hover:scale-105 transition-transform duration-700" style="opacity: 1; transform: scale(1); filter: blur(0px);"></a>
|
|
</div>
|
|
<div data-motion="card" class="rounded-3xl overflow-hidden h-56" style="opacity: 1; transform: translateY(0px); filter: blur(0px);">
|
|
<a href="https://discordapp.com/users/714918826831118436"><img data-motion="image" src="/assets/img/contact_page/discord.png" alt="Creative team collaboration" class="w-full h-full object-cover hover:scale-105 transition-transform duration-700" style="opacity: 1; transform: scale(1); filter: blur(0px);"></a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Right Column - 2 stacked images -->
|
|
<div class="lg:col-span-3 flex flex-col gap-5">
|
|
<div data-motion="card" class="rounded-3xl overflow-hidden h-56" style="opacity: 1; transform: translateY(0px); filter: blur(0px);">
|
|
<a href="mailto:pizza2d1@proton.me"><img data-motion="image" src="/assets/img/contact_page/proton.png" alt="Creative team collaboration" class="w-full h-full object-cover hover:scale-105 transition-transform duration-700" style="opacity: 1; transform: scale(1); filter: blur(0px);"></a>
|
|
</div>
|
|
<div data-motion="card" class="rounded-3xl overflow-hidden h-56" style="opacity: 1; transform: translateY(0px); filter: blur(0px);">
|
|
<a href="tel:+3852780007"><img data-motion="image" src="/assets/img/contact_page/firefox_relay.png" alt="Creative team collaboration" class="w-full h-full object-cover hover:scale-105 transition-transform duration-700" style="opacity: 1; transform: scale(1); filter: blur(0px);"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<?php echo footer(); ?>
|
|
</body>
|
|
</html>
|