Skapa fil
kontakt.php
X
index4.php
X
index.php
X
index_org.php
X
index2.php
X
about.php
X
article2.png
X
portrait.png
X
article1.png
X
article3.png
X
mooks.png
X
about1.png
X
hero.png
X
Ladda upp
Editor : index_org.php
<?php // Simple PHP version of the same page (no framework required) ?> <!DOCTYPE html> <html lang="sv"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Insikt</title> <script src="https://cdn.tailwindcss.com"></script> </head> <body class="font-sans text-stone-800"> <!-- Navbar --> <div class="flex justify-between items-center p-6 max-w-6xl mx-auto"> <div class="flex items-center space-x-3"> <div class="relative w-9 h-9"> <div class="absolute inset-0 rounded-full border border-stone-300"></div> <div class="absolute inset-0 flex items-center justify-center"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" class="text-stone-700"> <path d="M12 5L18 18H6L12 5Z" fill="currentColor" opacity="0.9"/> </svg> </div> </div> <div class="flex flex-col leading-tight"> <span class="text-base font-normal tracking-tight">Mooks</span> <span class="text-xs text-stone-500">Ledarskap & förändring</span> </div> </div> <div class="space-x-6 text-sm"> <a href="about.php">Om</a> <a href="#">Tjänster</a> <a href="#">Insikter</a> <a href="#">Partners</a> <a href="#">Kontakt</a> </div> </div> <!-- Hero --> <div class="bg-stone-100 py-32 text-center px-6"> <h1 class="text-4xl md:text-5xl font-light mb-6"> Vi utvecklar människor, team och organisationer </h1> <p class="max-w-xl mx-auto mb-8 text-lg text-stone-600"> Från insikt till handling – med hållbara resultat </p> <button class="rounded-2xl px-6 py-4 text-base bg-black text-white">Boka ett möte</button> </div> <!-- Intro --> <div class="py-20 text-center max-w-2xl mx-auto px-6"> <p class="text-lg text-stone-600"> Verklig utveckling börjar med insikt – och modet att agera. </p> </div> <!-- What we do --> <div class="py-20 max-w-6xl mx-auto px-6 grid md:grid-cols-3 gap-8"> <?php $services = [ "Ledarskap & utveckling", "Team & kultur", "Organisationsförändring" ]; foreach ($services as $title): ?> <div class="p-6 rounded-2xl shadow-sm border"> <h3 class="text-xl font-medium mb-3"><?php echo $title; ?></h3> <p class="text-stone-600 text-sm"> Vi hjälper er skapa verklig förändring genom hållbar utveckling. </p> </div> <?php endforeach; ?> </div> <!-- Process --> <div class="bg-stone-50 py-20"> <div class="max-w-5xl mx-auto text-center px-6"> <h2 class="text-2xl font-light mb-10">Så arbetar vi</h2> <div class="grid md:grid-cols-4 gap-6 text-sm text-stone-600"> <?php $steps = ["Förstå nuläge", "Skapa insikt", "Agera tillsammans", "Skapa resultat"]; foreach ($steps as $i => $step): ?> <div> <div class="text-lg mb-2"><?php echo $i + 1; ?></div> <p><?php echo $step; ?></p> </div> <?php endforeach; ?> </div> </div> </div> <!-- Testimonial --> <div class="py-24 text-center max-w-3xl mx-auto px-6"> <p class="text-xl italic mb-4"> “En trygg partner som vågar lyfta det som behövs” </p> <p class="text-sm text-stone-500">– Kund, VD</p> </div> <!-- About --> <div class="py-20 max-w-6xl mx-auto px-6 grid md:grid-cols-2 gap-10 items-center"> <div class="bg-stone-200 h-64 rounded-2xl"></div> <div> <h2 class="text-2xl font-light mb-4">Om oss</h2> <p class="text-stone-600"> Vi är konsulter med fokus på människor, relationer och hållbar förändring. </p> </div> </div> <!-- Articles --> <div class="py-20 max-w-6xl mx-auto px-6"> <h2 class="text-2xl font-light mb-10">Insikter</h2> <div class="grid md:grid-cols-3 gap-6"> <?php for ($i = 1; $i <= 3; $i++): ?> <div class="p-6 rounded-2xl border"> <h3 class="mb-2">Artikel <?php echo $i; ?></h3> <p class="text-sm text-stone-600">Kort introduktion...</p> </div> <?php endfor; ?> </div> </div> <!-- Partners --> <div class="py-20 max-w-6xl mx-auto px-6"> <h2 class="text-2xl font-light mb-10">Partners</h2> <div class="grid md:grid-cols-3 gap-8 items-center"> <?php $partners = ["Partner 1", "Partner 2", "Partner 3"]; foreach ($partners as $p): ?> <div class="flex items-center justify-center h-20 bg-stone-50 rounded-xl text-stone-500 text-sm"> <?php echo $p; ?> </div> <?php endforeach; ?> </div> <p class="text-center text-stone-500 mt-8 text-sm max-w-xl mx-auto"> Vi samarbetar med noggrant utvalda partners för att skapa helhet och hållbara resultat. </p> </div> <!-- CTA --> <div class="bg-stone-800 text-white py-24 text-center"> <h2 class="text-3xl font-light mb-6">Vill du ta nästa steg?</h2> <div class="space-x-4"> <button class="bg-white text-black px-4 py-2 rounded-xl">Kontakta oss</button> <button class="bg-black border border-white px-4 py-2 rounded-xl">Boka möte</button> </div> </div> <!-- Footer --> <div class="py-10 text-center text-sm text-stone-500"> Kontakt · Email · LinkedIn </div> </body> </html>
Spara
