initial
This commit is contained in:
+358
@@ -0,0 +1,358 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="it">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Giampy Dog Service | Cura e Passione per il tuo Cane</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Manrope:wght@200..800&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar">
|
||||
<div class="container">
|
||||
<div class="navbar-brand">
|
||||
<img alt="Giampy Dog Service Logo" src="img/logo.png">
|
||||
<span>Giampy Dog Service</span>
|
||||
</div>
|
||||
<div class="navbar-links">
|
||||
<a href="#servizi">Servizi</a>
|
||||
<a href="#chi-sono">Chi Sono</a>
|
||||
<a href="#testimonianze">Testimonianze</a>
|
||||
<a href="#dogwash">DogWash</a>
|
||||
<button class="btn-primary" onclick="document.getElementById('contatti').scrollIntoView({behavior:'smooth'})">Contattami</button>
|
||||
</div>
|
||||
<button class="menu-toggle" aria-label="Menu">
|
||||
<span class="material-symbols-outlined">menu</span>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Hero -->
|
||||
<header class="hero">
|
||||
<div class="container">
|
||||
<div>
|
||||
<p class="hero-subtitle">Dal 2018 con amore</p>
|
||||
<h1>La cura e l'amore che il tuo cane <span class="gold">merita.</span></h1>
|
||||
<p class="hero-text">Un approccio umano e professionale per garantire il benessere del tuo compagno di vita, senza gabbie né solitudine.</p>
|
||||
<div class="hero-buttons">
|
||||
<button class="btn-big filled" onclick="document.getElementById('servizi').scrollIntoView({behavior:'smooth'})">
|
||||
SCOPRI I SERVIZI <span class="material-symbols-outlined">arrow_forward</span>
|
||||
</button>
|
||||
<button class="btn-big outlined" onclick="document.getElementById('contatti').scrollIntoView({behavior:'smooth'})">CONTATTAMI</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-image">
|
||||
<div class="organic-mask">
|
||||
<img alt="Giampy con un cane" src="img/hero-image.png">
|
||||
</div>
|
||||
<div class="hero-badge">
|
||||
<div class="stars">
|
||||
<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1; color: var(--gold);">star</span>
|
||||
<span>5.0 Recensioni</span>
|
||||
</div>
|
||||
<p>Il punto di riferimento per i proprietari di Sassari.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Why Section -->
|
||||
<section class="why-section">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2>Perché scegliere Giampy</h2>
|
||||
<p>Ogni cane viene seguito con attenzione, rispetto e presenza vera.</p>
|
||||
</div>
|
||||
<div class="why-grid">
|
||||
<div class="why-card">
|
||||
<div class="icon-wrap"><span class="material-symbols-outlined">history</span></div>
|
||||
<div>
|
||||
<h3>Esperienza dal 2018</h3>
|
||||
<p>Anni di dedizione quotidiana che hanno costruito una competenza solida e affidabile.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="why-card">
|
||||
<div class="icon-wrap"><span class="material-symbols-outlined">diversity_1</span></div>
|
||||
<div>
|
||||
<h3>Rapporti Umani</h3>
|
||||
<p>Costruisco legami duraturi con i proprietari basati su fiducia e trasparenza totale.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="why-card">
|
||||
<div class="icon-wrap"><span class="material-symbols-outlined">verified_user</span></div>
|
||||
<div>
|
||||
<h3>Approccio Professionale</h3>
|
||||
<p>Metodologia amichevole ma rigorosa nel rispetto delle abitudini del tuo cane.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="why-card">
|
||||
<div class="icon-wrap"><span class="material-symbols-outlined">house_siding</span></div>
|
||||
<div>
|
||||
<h3>Senza Gabbie</h3>
|
||||
<p>Assoluto divieto di catene o gabbie. Libertà e comfort sono le nostre priorità.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Services -->
|
||||
<section class="services" id="servizi">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2>I Nostri Servizi</h2>
|
||||
<p>Soluzioni su misura per ogni esigenza, pensate per il massimo comfort del tuo cane.</p>
|
||||
</div>
|
||||
<div class="services-grid">
|
||||
<div class="service-card">
|
||||
<span class="material-symbols-outlined">pets</span>
|
||||
<h3>Dogwalking</h3>
|
||||
<p>Passeggiate esplorative nei sentieri più belli di Sassari, per stimolare mente e corpo.</p>
|
||||
<a href="#contatti">Prenota ora <span class="material-symbols-outlined" style="font-size:0.875rem">arrow_forward</span></a>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<span class="material-symbols-outlined">house</span>
|
||||
<h3>Home Boarding</h3>
|
||||
<p>Dogsitting a domicilio o ospitalità casalinga. Il tuo cane si sentirà sempre nel suo ambiente.</p>
|
||||
<a href="#contatti">Chiedi info <span class="material-symbols-outlined" style="font-size:0.875rem">arrow_forward</span></a>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<span class="material-symbols-outlined">celebration</span>
|
||||
<h3>Wedding Dogsitter</h3>
|
||||
<p>Gestione professionale durante le cerimonie. Il tuo migliore amico presente nel tuo giorno speciale.</p>
|
||||
<a href="#contatti">Scopri di più <span class="material-symbols-outlined" style="font-size:0.875rem">arrow_forward</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About -->
|
||||
<section class="about" id="chi-sono">
|
||||
<div class="container">
|
||||
<div class="about-image">
|
||||
<img alt="Giampy passeggia con un cane" src="img/chi-sono.png">
|
||||
<div class="about-quote">
|
||||
<p>"Rusty non è stato solo un cane, è stato il maestro che mi ha indicato la strada."</p>
|
||||
<cite>— Giampiero Scaglione</cite>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<p class="about-label">CHI SONO</p>
|
||||
<h2>Dall'amore alla carriera CONI</h2>
|
||||
<p class="desc">La storia di Giampy Dog Service nasce da una necessità del cuore. Quello che era iniziato come un lavoro temporaneo si è evoluto in una missione di vita grazie a Rusty (il mitico Rustone).</p>
|
||||
<p class="desc">Oggi, quella passione è diventata una carriera certificata CONI, unendo l'istinto alla formazione tecnica più rigorosa per offrire ai cani non solo assistenza, ma vera comprensione.</p>
|
||||
<div class="about-badges">
|
||||
<div class="about-badge">
|
||||
<span class="material-symbols-outlined">explore</span>
|
||||
<div>
|
||||
<strong>Cammino di Santiago</strong>
|
||||
<small>Percorso a piedi con il proprio cane, testando legame e resilienza.</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-badge">
|
||||
<span class="material-symbols-outlined">verified</span>
|
||||
<div>
|
||||
<strong>Certificazione CONI</strong>
|
||||
<small>Formazione professionale d'eccellenza in ambito cinofilo.</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Media Strip -->
|
||||
<section class="media-strip">
|
||||
<div class="container">
|
||||
<p class="label">RICONOSCIMENTI E MEDIA</p>
|
||||
<div class="media-logos">
|
||||
<span style="font-size:1.25rem;letter-spacing:-0.05em">L'UNIONE SARDA</span>
|
||||
<span style="font-weight:600">Sardegna Reporter</span>
|
||||
<span style="font-size:1.25rem;font-weight:900;color:var(--gold)">RADIO SUPER SOUND</span>
|
||||
<span style="font-size:0.875rem;border:1px solid #000;padding:0.5rem 1rem">QUALIFICA CONI</span>
|
||||
<span style="font-weight:500">Corsa in Rosa</span>
|
||||
<span style="font-style:italic">Giornata del Super Cane</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- DogWash -->
|
||||
<section class="dogwash" id="dogwash">
|
||||
<div class="container">
|
||||
<div class="dogwash-card">
|
||||
<div class="dogwash-text">
|
||||
<span class="tag">Innovazione</span>
|
||||
<h2>DogWash Sardegna</h2>
|
||||
<p>Il futuro della cura del cane è qui. Grazie a un incredibile successo nel crowdfunding e alla fiducia della community, stiamo portando le colonne di lavaggio automatico "DogWash" in tutta la Sardegna. Un servizio rapido, ecologico e comodo.</p>
|
||||
<button class="btn-white" onclick="document.getElementById('contatti').scrollIntoView({behavior:'smooth'})">
|
||||
Scopri le postazioni <span class="material-symbols-outlined">location_on</span>
|
||||
</button>
|
||||
<div class="note">
|
||||
<span class="material-symbols-outlined">group</span>
|
||||
<span>Un progetto nato dalla fiducia dei cittadini di Sassari.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dogwash-image">
|
||||
<img alt="DogWash Machine" src="img/colonnina.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Testimonials -->
|
||||
<section class="testimonials" id="testimonianze">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<div class="stats">
|
||||
<div><p class="number">100+</p><p class="label">Clienti Felici</p></div>
|
||||
<div><p class="number">2018</p><p class="label">Anno Fondazione</p></div>
|
||||
</div>
|
||||
<h2>I nostri ospiti dicono...</h2>
|
||||
<p>Più di semplici clienti, una grande famiglia pelosa.</p>
|
||||
</div>
|
||||
<div class="testimonials-grid">
|
||||
<div class="testimonial-card">
|
||||
<div class="avatar">
|
||||
<img alt="Dog avatar" src="img/avatar-1.png">
|
||||
</div>
|
||||
<blockquote>"Giampiero è l'unico di cui mi fido ciecamente. Il mio Max torna sempre felice e rilassato dalle passeggiate. Servizio eccellente!"</blockquote>
|
||||
<div class="author">
|
||||
<strong>Marta S.</strong>
|
||||
<small>Mamma di Max</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial-card">
|
||||
<div class="avatar">
|
||||
<img alt="Dog avatar" src="img/avatar-2.png">
|
||||
</div>
|
||||
<blockquote>"Abbiamo usato il servizio Wedding Dogsitter ed è stato perfetto. Il nostro Luna è stato coccolato tutto il tempo e noi ci siamo goduti la festa."</blockquote>
|
||||
<div class="author">
|
||||
<strong>Luca & Elena</strong>
|
||||
<small>Genitori di Luna</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial-card">
|
||||
<div class="avatar">
|
||||
<img alt="Dog avatar" src="img/avatar-3.png">
|
||||
</div>
|
||||
<blockquote>"Pensione in appartamento fantastica. Nessuna gabbia, solo tanto amore. Giampiero ci ha mandato foto e video ogni giorno!"</blockquote>
|
||||
<div class="author">
|
||||
<strong>Sara P.</strong>
|
||||
<small>Compagna di Felix</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact -->
|
||||
<section class="contact" id="contatti">
|
||||
<div class="container">
|
||||
<div class="contact-heading">
|
||||
<h2>Affida il tuo cane a chi lo vive davvero.</h2>
|
||||
<span class="material-symbols-outlined arrow">keyboard_double_arrow_down</span>
|
||||
</div>
|
||||
<div class="contact-card">
|
||||
<div class="contact-form">
|
||||
<h3>Affida il tuo cane a chi lo vive davvero.</h3>
|
||||
<p>Hai domande o vuoi prenotare un servizio? Scrivici ora e verrai ricontattato in meno di 24 ore.</p>
|
||||
<form onsubmit="event.preventDefault(); alert('Grazie! Ti ricontatteremo presto.');">
|
||||
<div class="field">
|
||||
<label>Il tuo Nome</label>
|
||||
<input type="text" placeholder="Nome e Cognome">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>Nome del tuo Cane</label>
|
||||
<input type="text" placeholder="Come si chiama il peloso?">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>Messaggio</label>
|
||||
<textarea placeholder="Raccontaci le tue necessità..."></textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn-submit">Invia Richiesta</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="contact-info">
|
||||
<h3>Contatti Rapidi</h3>
|
||||
<div class="contact-item">
|
||||
<div class="icon-circle"><span class="material-symbols-outlined">call</span></div>
|
||||
<div>
|
||||
<p class="label-small">Chiamaci</p>
|
||||
<p class="value">+39 347 123 4567</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon-circle"><span class="material-symbols-outlined">mail</span></div>
|
||||
<div>
|
||||
<p class="label-small">Email</p>
|
||||
<p class="value">info@giampydogservice.it</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon-circle"><span class="material-symbols-outlined">forum</span></div>
|
||||
<div>
|
||||
<p class="label-small">WhatsApp</p>
|
||||
<p class="value">Chatta con Giampiero</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-map">
|
||||
<img alt="Mappa della sede" src="img/mappa.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div>
|
||||
<div class="footer-brand">
|
||||
<img alt="Logo" src="img/logo.png">
|
||||
<span>Giampy Dog Service</span>
|
||||
</div>
|
||||
<p class="footer-desc">Professionisti della cinofilia dal 2018. Ci prendiamo cura dei vostri amici come fossero i nostri.</p>
|
||||
<div class="footer-social">
|
||||
<a href="#"><span class="material-symbols-outlined" style="font-size:1.25rem">camera_alt</span></a>
|
||||
<a href="#"><span class="material-symbols-outlined" style="font-size:1.25rem">share</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Servizi</h4>
|
||||
<ul>
|
||||
<li><a href="#servizi">Dogwalking</a></li>
|
||||
<li><a href="#servizi">Home Boarding</a></li>
|
||||
<li><a href="#servizi">Wedding Dogsitter</a></li>
|
||||
<li><a href="#dogwash">DogWash</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Link Utili</h4>
|
||||
<ul>
|
||||
<li><a href="#chi-sono">Chi Sono</a></li>
|
||||
<li><a href="#testimonianze">Testimonianze</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Termini e Condizioni</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Orari</h4>
|
||||
<ul class="hours">
|
||||
<li><span>Lun - Ven:</span> <strong>08:00 - 19:00</strong></li>
|
||||
<li><span>Sabato:</span> <strong>09:00 - 14:00</strong></li>
|
||||
<li><span>Domenica:</span> <strong style="font-style:italic;font-weight:400">Su richiesta</strong></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>© 2024 Giampy Dog Service. Tutti i diritti riservati.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user