Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 albertuan
|
8002773186 | ||
|
albertuan
|
a6d4c0dc1a | ||
|
albertuan
|
704fb765ab |
@@ -0,0 +1,20 @@
|
||||
# Changelog
|
||||
|
||||
Tutte le modifiche rilevanti a questo progetto saranno documentate in questo file.
|
||||
|
||||
Il formato è basato su [Keep a Changelog](https://keepachangelog.com/it/1.1.0/),
|
||||
e questo progetto aderisce a [Semantic Versioning](https://semver.org/lang/it/).
|
||||
|
||||
## [0.0.1-alpha] - 2026-05-27
|
||||
|
||||
### Aggiunto
|
||||
- Prototipo iniziale con metafora dell'ascensore.
|
||||
- Layout responsive (Mobile-first, Landscape e Desktop).
|
||||
- Logica JavaScript vanilla per il calcolo dinamico del piano durante lo scroll.
|
||||
- Pannello laterale "Elevator" con display a LED simulato.
|
||||
- Sezioni principali: Home, Amministrazione, Manutenzione, Contatti.
|
||||
- Iconografia SVG integrata per i servizi e i canali di contatto.
|
||||
- Configurazione Firebase Hosting e .gitignore per Google Cloud Shell.
|
||||
|
||||
### Cambiato
|
||||
- (In attesa di revisione contenuti e icone ufficiali)
|
||||
@@ -0,0 +1,24 @@
|
||||
Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)
|
||||
|
||||
OWNERSHIP NOTICE:
|
||||
-----------------
|
||||
- Code, Software Architecture and Design: © 2026 Alberto Strazzabosco (https://cod3.it)
|
||||
- Content, Branding, and Intellectual Property: © 2026 Crystal Alto Vicentino s.r.l.
|
||||
|
||||
SUMMARY OF LICENSE:
|
||||
-------------------
|
||||
This is a human-readable summary of (and not a substitute for) the license.
|
||||
Disclaimer: https://creativecommons.org/licenses/by-nc-nd/4.0/legalcode
|
||||
|
||||
YOU ARE FREE TO:
|
||||
- Share — copy and redistribute the material in any medium or format.
|
||||
|
||||
UNDER THE FOLLOWING TERMS:
|
||||
- Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made.
|
||||
- NonCommercial — You may not use the material for commercial purposes.
|
||||
- NoDerivatives — If you remix, transform, or build upon the material, you may not distribute the modified material.
|
||||
|
||||
NOTICE:
|
||||
-------
|
||||
The licensor cannot revoke these freedoms as long as you follow the license terms.
|
||||
For any use beyond this license (e.g., commercial use of the code), please contact Alberto Strazzabosco.
|
||||
@@ -1,2 +1,54 @@
|
||||
# crystalsrl.com
|
||||
# Crystal Alto Vicentino - Sito Istituzionale (Prototipo)
|
||||
|
||||
**Versione:** 0.0.1-alpha (Standard [SemVer 2.0.0](https://semver.org/lang/it/))
|
||||
Questo repository contiene il prototipo del nuovo sito web per **Crystal Alto Vicentino s.r.l.**, azienda specializzata in gestioni immobiliari e amministrazione condominiale.
|
||||
|
||||
## 💡 Concept Creativo: "L'Ascensore"
|
||||
Il design si basa sulla metafora dell'ascensore, un elemento iconico del mondo condominiale.
|
||||
* **Navigazione Verticale**: La sidebar sinistra funge da pannello di comando dell'ascensore.
|
||||
* **Display del Piano**: Il display a LED rosso indica dinamicamente il "piano" (sezione) in cui si trova l'utente durante lo scroll.
|
||||
* **User Experience**: Un'interfaccia pulita e professionale che trasmette solidità e trasparenza.
|
||||
|
||||
## 🛠️ Stack Tecnologico
|
||||
Il progetto è realizzato volutamente con tecnologie "Vanilla" per massimizzare le performance e la compatibilità:
|
||||
- **HTML5**: Struttura semantica.
|
||||
- **CSS3**: Utilizzo di CSS Grid, Flexbox e Variabili per un layout responsive e facile da tematizzare.
|
||||
- **JavaScript (ES6+)**: Logica custom per la gestione dello scroll e dell'interazione con il pannello ascensore, senza librerie esterne.
|
||||
- **SVG**: Iconografia vettoriale leggera e scalabile.
|
||||
|
||||
## 📑 Versionamento
|
||||
Il progetto adotta lo standard **Semantic Versioning**.
|
||||
- **PATCH**: Correzioni di bug o piccoli aggiustamenti estetici.
|
||||
- **MINOR**: Aggiunta di nuove sezioni o funzionalità (es. nuove schede servizi).
|
||||
- **MAJOR**: Cambiamenti strutturali o rebranding completi.
|
||||
|
||||
## 🚧 Stato del Progetto (Work in Progress)
|
||||
Attualmente il progetto è in fase di **Presentazione Prototipo**.
|
||||
|
||||
### Da Verificare / Finalizzare:
|
||||
- [ ] **Branding**: Il logo nella Hero è un placeholder vettoriale; va sostituito con il logo ufficiale.
|
||||
- [ ] **Iconografia**: Le icone attuali sono segnaposto basati su SVG standard; da revisionare con il cliente.
|
||||
- [ ] **Contenuti**: I testi sono bozze descrittive e devono essere validati dal copywriter o dal cliente.
|
||||
- [ ] **Social Media**: I link social sono impostati come "Coming Soon".
|
||||
|
||||
## 🚀 Preview Live
|
||||
Il prototipo è visualizzabile in tempo reale (in fase di sviluppo) al seguente indirizzo:
|
||||
|
||||
👉 **crystalsrl-com.web.app**
|
||||
|
||||
*Nota: Essendo un ambiente di staging, alcune funzionalità o asset potrebbero essere aggiornati frequentemente.*
|
||||
|
||||
## 📱 Responsiveness
|
||||
Il sito è progettato con un approccio *Mobile-First*, con ottimizzazioni specifiche per:
|
||||
- Smartphone (Portrait & Landscape)
|
||||
- Tablet
|
||||
- Desktop (dove la sidebar diventa fissa per simulare la pulsantiera dell'ascensore).
|
||||
|
||||
## ⚖️ Copyright e Licenza
|
||||
Questo progetto è di proprietà di **Alberto Strazzabosco**.
|
||||
Il design, il codice sorgente e i concept creativi sono protetti da copyright. L'utilizzo e la pubblicazione sono concessi in licenza esclusiva a **Crystal Alto Vicentino s.r.l.**. Ogni riproduzione non autorizzata è vietata.
|
||||
|
||||
---
|
||||
**Sviluppato da:** Alberto Strazzabosco
|
||||
**Design & Code:** cod3.it
|
||||
**Anno:** 2026
|
||||
@@ -1,17 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
|
||||
<rect x="4" y="12" width="7" height="18" rx="1" fill="#4a8c3f"/>
|
||||
<rect x="13" y="4" width="8" height="26" rx="1" fill="#8db83a"/>
|
||||
<rect x="23" y="8" width="7" height="22" rx="1" fill="#6ba03a"/>
|
||||
<rect x="6" y="15" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
|
||||
<rect x="6" y="19" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
|
||||
<rect x="6" y="23" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
|
||||
<rect x="15" y="7" width="4" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
|
||||
<rect x="15" y="11" width="4" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
|
||||
<rect x="15" y="15" width="4" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
|
||||
<rect x="15" y="19" width="4" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
|
||||
<rect x="15" y="23" width="4" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
|
||||
<rect x="25" y="11" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
|
||||
<rect x="25" y="15" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
|
||||
<rect x="25" y="19" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
|
||||
<rect x="25" y="23" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.2 KiB |
+71
-54
@@ -7,13 +7,16 @@
|
||||
<meta name="description" content="Crystal Alto Vicentino s.r.l. - Gestioni Immobiliari. Amministrazione condominiale e gestione patrimoni immobiliari nell'Alto Vicentino.">
|
||||
<meta name="copyright" content="cod3.it">
|
||||
<meta name="author" content="Alberto Strazzabosco">
|
||||
<meta name="version" content="0.0.2">
|
||||
<link rel="canonical" href="https://crystalsrl.com/">
|
||||
<meta property="og:title" content="Crystal Alto Vicentino s.r.l. | Gestioni Immobiliari">
|
||||
<meta property="og:description" content="Amministrazione condominiale e gestione patrimoni immobiliari nell'Alto Vicentino.">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://crystalsrl.com/">
|
||||
<meta property="og:image" content="https://crystalsrl-com.web.app/og-image.png">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<title>Crystal Alto Vicentino s.r.l. | Gestioni Immobiliari</title>
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg%20viewBox%3D%2260%2055%20890%20720%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath%20clipPathUnits%3D%22userSpaceOnUse%22%20id%3D%22c%22%3E%3Crect%20width%3D%22826.8%22%20height%3D%22703.4%22%20x%3D%2271.7%22%20y%3D%2265%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%3E%3Cpath%20fill%3D%22%23bbfc02%22%20d%3D%22m391.79%20662.16.03-75.77%20123.49.86-1.11%2087.13c-9.08%202.67-19.24%206.41-27.5%209.88-42.85-13.05-50.55-14.38-94.9-22.1zm153.78-74.98%20105.82.47.09%2055.28c-38.37%204.87-67.67%2010.95-105.22%2021.02zm230.25%202-.17%2043.64s-48.33%201.29-92.4%206.59c.05-.04-.13-51.72-.13-51.72zM681.7%20563.09l-.27-61.23%2094.33%2017.08v49.52zm-136.86-6.78-.81-77.38%20107.48%2018.9.1%2064.27zm-153.1-7.55-.02-94.04%20123.22%2022.57-.56%2077.08zm290.04-71.94-.09-58.13%2094.06%2030.62v48.56zm-136.15-27.5-.5-75.19%20107.5%2035.37.27%2063.13zM391.76%20418l-.04-94.36%20122.78%2040.77.38%2079.46zm290.51-24.13-.22-60.39%2093.7%2045.78-.34%2049.48zm-137.16-50.47-.8-76.53s109.35%2053.34%20109.33%2053.29l-1.5%2062.52zm137.77-33.79.27-60.56%2092.62%2060.43.14%2049.02zM391.98%20287.53s-.21-94.84-.19-94.84l122.88%2059.73s.06%2079.43.06%2079.43zm153.58-49.3.24-76.61s105.7%2069.22%20105.77%2069.07l-.06%2062.05zM391.82%20157.33c.01-.32.11-92.36.11-92.36l122.86%2076.21s-.07%2079.27-.17%2079.42c0%200-122.97-63.93-122.8-63.27z%22%2F%3E%3Cpath%20fill%3D%22%23376f00%22%20d%3D%22M70.89%20691.05c176.07-42.57%20319.44-11.41%20414.36%209.41%20144.6-46.48%20272.75-57.15%20414.08-37.21-168.96-2.96-334.26%2025.95-497.85%2096.5-10.7-5.64-125.5-91.09-330.59-68.7zM514.68%20174.71c10.41-4.28%2020.73-8.24%2031.12-13.1.36.85-.67%20498.56.67%20502.3-1.4.43-26.31%208.69-32.3%2010.47-.03-166.16-.1-333.45.51-499.67zm-256.41%20475.1c-55.22.36-66.57%203.25-100.33%206.46L157.47%20221.64s164.32-106.33%20234.54-156.58c.34%2026.55-.26%2088.66-.15%2092.31-62.87%2033.12-192.22%20105.49-192.22%20105.49l.32%2028.45s191.85-98.62%20191.84-98.62l.21%2094.84-76.25%2028.19-.01%2033.97%2075.97-26.05.04%2094.11L219.25%20455.76l.13%2029.23%20172.35-30.28.02%2094.04-119.79%206.2.55%2032.55%20119.32-1.11.03%2075.58c-44.09-8.2-61.22-9.88-133.59-12.17zm393.26-389.92%2031.63-10.83.17%20390.41c-10.28.9-21.01%201.78-31.94%203.48z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E" type="image/svg+xml">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Serif+Display&display=swap" rel="stylesheet">
|
||||
@@ -153,7 +156,7 @@ body.menu-open .sidebar { transform: translateX(0); }
|
||||
scroll-margin-top: 0;
|
||||
}
|
||||
.hero-logo-container { display: flex; justify-content: center; margin-bottom: 1.5rem; }
|
||||
.hero-logo svg { width: 140px; height: auto; }
|
||||
.hero-logo svg { width: 280px; height: auto; }
|
||||
.hero-title {
|
||||
font-family: 'DM Serif Display', serif; font-weight: 400;
|
||||
font-size: clamp(1.8rem, 4vw, 2.4rem); color: var(--green-dark);
|
||||
@@ -287,7 +290,7 @@ a.card.clickable:hover { color: inherit; }
|
||||
}
|
||||
.card.grande .card-icon { margin-bottom: 0; }
|
||||
.hero { padding: 2rem 1rem 1.5rem; }
|
||||
.hero-logo svg { width: 90px; }
|
||||
.hero-logo svg { width: 180px; }
|
||||
|
||||
/* Sidebar landscape: wider, 2-column internal grid */
|
||||
.sidebar {
|
||||
@@ -371,19 +374,19 @@ a.card.clickable:hover { color: inherit; }
|
||||
<nav class="sidebar" aria-label="Navigazione principale">
|
||||
<div class="elevator-panel">
|
||||
<div class="elevator-display">
|
||||
<span class="floor-number" id="floorDisplay">03</span>
|
||||
<span class="floor-number" id="floorDisplay">P3</span>
|
||||
</div>
|
||||
<div class="elevator-buttons">
|
||||
<a href="#home" class="elevator-btn active" data-floor="03">
|
||||
<span class="elevator-btn-circle">03</span>
|
||||
<a href="#home" class="elevator-btn active" data-floor="P3">
|
||||
<span class="elevator-btn-circle">P3</span>
|
||||
<span>Home</span>
|
||||
</a>
|
||||
<a href="#amministrazione" class="elevator-btn" data-floor="02">
|
||||
<span class="elevator-btn-circle">02</span>
|
||||
<a href="#amministrazione" class="elevator-btn" data-floor="P2">
|
||||
<span class="elevator-btn-circle">P2</span>
|
||||
<span>Gestione</span>
|
||||
</a>
|
||||
<a href="#manutenzione" class="elevator-btn" data-floor="01">
|
||||
<span class="elevator-btn-circle">01</span>
|
||||
<a href="#manutenzione" class="elevator-btn" data-floor="P1">
|
||||
<span class="elevator-btn-circle">P1</span>
|
||||
<span>Lavori</span>
|
||||
</a>
|
||||
<a href="#contatti" class="elevator-btn" data-floor="PT">
|
||||
@@ -402,35 +405,7 @@ a.card.clickable:hover { color: inherit; }
|
||||
<div class="hero" id="home">
|
||||
<div class="hero-logo-container">
|
||||
<div class="hero-logo">
|
||||
<svg viewBox="0 0 200 220" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="translate(30,10)">
|
||||
<rect x="0" y="70" width="35" height="110" rx="2" fill="#4a8c3f"/>
|
||||
<rect x="5" y="82" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="5" y="96" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="5" y="110" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="5" y="124" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="5" y="138" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="5" y="152" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="42" y="30" width="40" height="150" rx="2" fill="#8db83a"/>
|
||||
<rect x="48" y="42" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="48" y="58" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="48" y="74" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="48" y="90" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="48" y="106" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="48" y="122" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="48" y="138" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="48" y="154" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="90" y="55" width="35" height="125" rx="2" fill="#6ba03a"/>
|
||||
<rect x="95" y="67" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="95" y="81" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="95" y="95" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="95" y="109" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="95" y="123" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="95" y="137" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<rect x="95" y="151" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
|
||||
<path d="M -5 180 Q 62 165 130 180" stroke="#2d6a30" stroke-width="3" fill="none"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg viewBox="60 55 890 720" xmlns="http://www.w3.org/2000/svg"><defs><clipPath clipPathUnits="userSpaceOnUse" id="logoClip"><rect width="826.8" height="703.4" x="71.7" y="65"/></clipPath></defs><g clip-path="url(#logoClip)"><path fill="#bbfc02" d="m391.79 662.16.03-75.77 123.49.86-1.11 87.13c-9.08 2.67-19.24 6.41-27.5 9.88-42.85-13.05-50.55-14.38-94.9-22.1zm153.78-74.98 105.82.47.09 55.28c-38.37 4.87-67.67 10.95-105.22 21.02zm230.25 2 -.17 43.64s-48.33 1.29-92.4 6.59c.05-.04-.13-51.72-.13-51.72zM681.7 563.09l-.27-61.23 94.33 17.08v49.52zm-136.86-6.78-.81-77.38 107.48 18.9.1 64.27zm-153.1-7.55-.02-94.04 123.22 22.57-.56 77.08zm290.04-71.94-.09-58.13 94.06 30.62v48.56zm-136.15-27.5-.5-75.19 107.5 35.37.27 63.13zM391.76 418l-.04-94.36 122.78 40.77.38 79.46zm290.51-24.13-.22-60.39 93.7 45.78-.34 49.48zm-137.16-50.47-.8-76.53s109.35 53.34 109.33 53.29l-1.5 62.52zm137.77-33.79.27-60.56 92.62 60.43.14 49.02zM391.98 287.53s-.21-94.84-.19-94.84l122.88 59.73s.06 79.43.06 79.43zm153.58-49.3.24-76.61s105.7 69.22 105.77 69.07l-.06 62.05zM391.82 157.33c.01-.32.11-92.36.11-92.36l122.86 76.21s-.07 79.27-.17 79.42c0 0-122.97-63.93-122.8-63.27z"/><path fill="#376f00" d="M70.89 691.05c176.07-42.57 319.44-11.41 414.36 9.41 144.6-46.48 272.75-57.15 414.08-37.21-168.96-2.96-334.26 25.95-497.85 96.5-10.7-5.64-125.5-91.09-330.59-68.7zM514.68 174.71c10.41-4.28 20.73-8.24 31.12-13.1.36.85-.67 498.56.67 502.3-1.4.43-26.31 8.69-32.3 10.47-.03-166.16-.1-333.45.51-499.67zm-256.41 475.1c-55.22.36-66.57 3.25-100.33 6.46L157.47 221.64s164.32-106.33 234.54-156.58c.34 26.55-.26 88.66-.15 92.31-62.87 33.12-192.22 105.49-192.22 105.49l.32 28.45s191.85-98.62 191.84-98.62l.21 94.84-76.25 28.19-.01 33.97 75.97-26.05.04 94.11L219.25 455.76l.13 29.23 172.35-30.28.02 94.04-119.79 6.2.55 32.55 119.32-1.11.03 75.58c-44.09-8.2-61.22-9.88-133.59-12.17zm393.26-389.92 31.63-10.83.17 390.41c-10.28.9-21.01 1.78-31.94 3.48z"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-title">CRYSTAL Alto Vicentino s.r.l.</div>
|
||||
@@ -446,13 +421,13 @@ a.card.clickable:hover { color: inherit; }
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>Amministrazione condominiale</h3>
|
||||
<p>Gestione professionale di condomini e supercondomini, residenziali e commerciali. Dalla contabilità alle assemblee, dagli adempimenti normativi alla cura quotidiana dell'immobile, con attenzione alle esigenze di ogni singolo condomino.</p>
|
||||
<p>Il nostro Team, di consolidata esperienza, offre una gestione professionale di condomini e super condomini, residenziali e commerciali. Dalla contabilità alle assemblee, dagli adempimenti normativi alla cura quotidiana dell'immobile, con attenzione alle esigenze di ogni singolo condomino.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card grande">
|
||||
<div class="card-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M12 2L2 7v10l10 5 10-5V7L12 2z"/><path d="M12 22V12M2 7l10 5 10-5"/></svg>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M1 20.5l1.5-5h4l1.5 5z"/><path d="M8.5 20.5l1.5-5h4l1.5 5z"/><path d="M16 20.5l1.5-5h4l1.5 5z"/><path d="M4.5 14.5l1.5-5h4l1.5 5z"/><path d="M12 14.5l1.5-5h4l1.5 5z"/><path d="M8 8.5l1.5-5h5l1.5 5z"/></svg>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>Gestione patrimoni immobiliari</h3>
|
||||
@@ -481,7 +456,7 @@ a.card.clickable:hover { color: inherit; }
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><rect x="2" y="3" width="20" height="18" rx="2"/><path d="M2 9h20M8 15h4"/></svg>
|
||||
</div>
|
||||
<h3>Adempimenti fiscali</h3>
|
||||
<p>Gestione completa dei rapporti fiscali del condominio, dalla dichiarazione dei redditi alle comunicazioni all'Agenzia delle Entrate.</p>
|
||||
<p>Gestione completa dei rapporti fiscali del condominio, dalle dichiarazioni alle certificazioni con relative comunicazioni all'Agenzia delle Entrate.</p>
|
||||
</div>
|
||||
|
||||
<div class="card piccolo">
|
||||
@@ -494,7 +469,7 @@ a.card.clickable:hover { color: inherit; }
|
||||
|
||||
<div class="card piccolo">
|
||||
<div class="card-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><line x1="12" y1="3" x2="12" y2="21"/><line x1="4" y1="7" x2="20" y2="7"/><path d="M4 7l-1 6h6L8 7"/><path d="M16 7l-1 6h6l-1-6"/><path d="M10 21h4"/><polygon points="12,3 11,5 13,5" fill="#2d6a30" stroke="none"/></svg>
|
||||
</div>
|
||||
<h3>Consulenza legale</h3>
|
||||
<p>Assistenza sulle questioni giuridiche della vita condominiale, in collaborazione con studi legali specializzati in materia.</p>
|
||||
@@ -508,6 +483,30 @@ a.card.clickable:hover { color: inherit; }
|
||||
<p>Organizzazione delle assemblee condominiali, verbalizzazione e gestione delle comunicazioni verso i condomini.</p>
|
||||
</div>
|
||||
|
||||
<div class="card piccolo">
|
||||
<div class="card-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M2 16h20"/><path d="M4 16v-2a8 8 0 0116 0v2"/><path d="M12 4v2"/><path d="M12 4a3 3 0 00-3 3v1h6V7a3 3 0 00-3-3z"/><line x1="9" y1="8" x2="9" y2="14"/><line x1="15" y1="8" x2="15" y2="14"/></svg>
|
||||
</div>
|
||||
<h3>Consulenze tecniche</h3>
|
||||
<p>Consulenza e assistenza ai condomini e ai condomini su questioni tecniche, edili e urbanistiche in ambito condominiale, in collaborazione con studi professionali specializzati in materia.</p>
|
||||
</div>
|
||||
|
||||
<div class="card piccolo">
|
||||
<div class="card-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><rect x="2" y="8" width="20" height="8" rx="1"/><line x1="6" y1="8" x2="6" y2="12"/><line x1="10" y1="8" x2="10" y2="14"/><line x1="14" y1="8" x2="14" y2="12"/><line x1="18" y1="8" x2="18" y2="14"/></svg>
|
||||
</div>
|
||||
<h3>Consulenze catastali</h3>
|
||||
<p>Consulenza e assistenza ai condomini e ai condomini su questioni catastali e ipotecarie, in collaborazione con studi professionali specializzati in materia.</p>
|
||||
</div>
|
||||
|
||||
<div class="card piccolo">
|
||||
<div class="card-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="8" y1="13" x2="16" y2="13"/><path d="M8 17c1 0 1.5-.5 2.5-.5s1.5.5 2.5.5 1.5-.5 2.5-.5"/><path d="M16 20l2-2-1.5-1.5"/></svg>
|
||||
</div>
|
||||
<h3>Consulenze sulla locazione</h3>
|
||||
<p>Consulenza e assistenza ai condomini in merito alla stesura, alla gestione e alla registrazione di contratti di locazione residenziale e/o commerciale.</p>
|
||||
</div>
|
||||
|
||||
<!-- ════ MANUTENZIONE ════ -->
|
||||
<div class="separatore" id="manutenzione"><h2>Lavori di manutenzione</h2></div>
|
||||
|
||||
@@ -517,7 +516,7 @@ a.card.clickable:hover { color: inherit; }
|
||||
|
||||
<div class="card piccolo">
|
||||
<div class="card-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M3 22l1.5-4.5M22 2L11 13M16.5 2H22v5.5M12 18h6l2.5-2.5M2 12l2.5 2.5L7 12"/><circle cx="4.5" cy="19.5" r="2"/></svg>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><rect x="2" y="9" width="12" height="6" rx="1"/><path d="M14 9l4-2v10l-4-2z"/><line x1="20" y1="8" x2="23" y2="6"/><line x1="20" y1="12" x2="23" y2="12"/><line x1="20" y1="16" x2="23" y2="18"/></svg>
|
||||
</div>
|
||||
<h3>Pulizie e vigilanza</h3>
|
||||
<p>Servizi di pulizia scale e parti comuni, sorveglianza e controllo accessi per garantire decoro e sicurezza.</p>
|
||||
@@ -525,7 +524,7 @@ a.card.clickable:hover { color: inherit; }
|
||||
|
||||
<div class="card piccolo">
|
||||
<div class="card-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M12 2v20M2 12h20M12 2a5 5 0 015 5M12 2a5 5 0 00-5 5M12 22a5 5 0 005-5M12 22a5 5 0 01-5-5"/></svg>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.6" stroke-linecap="round"><line x1="12" y1="2" x2="12" y2="22"/><line x1="3.34" y1="7" x2="20.66" y2="17"/><line x1="20.66" y1="7" x2="3.34" y2="17"/><g><line x1="12" y1="8" x2="9.5" y2="5.5"/><line x1="12" y1="8" x2="14.5" y2="5.5"/><line x1="12" y1="5" x2="9.5" y2="2.5"/><line x1="12" y1="5" x2="14.5" y2="2.5"/></g><g transform="rotate(60,12,12)"><line x1="12" y1="8" x2="9.5" y2="5.5"/><line x1="12" y1="8" x2="14.5" y2="5.5"/><line x1="12" y1="5" x2="9.5" y2="2.5"/><line x1="12" y1="5" x2="14.5" y2="2.5"/></g><g transform="rotate(120,12,12)"><line x1="12" y1="8" x2="9.5" y2="5.5"/><line x1="12" y1="8" x2="14.5" y2="5.5"/><line x1="12" y1="5" x2="9.5" y2="2.5"/><line x1="12" y1="5" x2="14.5" y2="2.5"/></g><g transform="rotate(180,12,12)"><line x1="12" y1="8" x2="9.5" y2="5.5"/><line x1="12" y1="8" x2="14.5" y2="5.5"/><line x1="12" y1="5" x2="9.5" y2="2.5"/><line x1="12" y1="5" x2="14.5" y2="2.5"/></g><g transform="rotate(240,12,12)"><line x1="12" y1="8" x2="9.5" y2="5.5"/><line x1="12" y1="8" x2="14.5" y2="5.5"/><line x1="12" y1="5" x2="9.5" y2="2.5"/><line x1="12" y1="5" x2="14.5" y2="2.5"/></g><g transform="rotate(300,12,12)"><line x1="12" y1="8" x2="9.5" y2="5.5"/><line x1="12" y1="8" x2="14.5" y2="5.5"/><line x1="12" y1="5" x2="9.5" y2="2.5"/><line x1="12" y1="5" x2="14.5" y2="2.5"/></g></svg>
|
||||
</div>
|
||||
<h3>Impianti e climatizzazione</h3>
|
||||
<p>Manutenzione programmata degli impianti di riscaldamento, raffrescamento e delle reti fognarie condominiali.</p>
|
||||
@@ -533,18 +532,30 @@ a.card.clickable:hover { color: inherit; }
|
||||
|
||||
<div class="card piccolo">
|
||||
<div class="card-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z"/></svg>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><g transform="rotate(-45,12,12)"><rect x="5.5" y="2" width="13" height="4" rx="1.5"/><path d="M12 14L12 8L3.5 8L3.5 4L5.5 4"/><rect x="10.5" y="14" width="3" height="7" rx="0.8"/></g></svg>
|
||||
</div>
|
||||
<h3>Piccoli interventi</h3>
|
||||
<p>Tinteggiature, riparazioni urgenti e manutenzione ordinaria delle parti comuni dell'edificio.</p>
|
||||
</div>
|
||||
|
||||
<div class="card piccolo">
|
||||
<div class="card grande">
|
||||
<div class="card-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M2 20h20M4 20V8l4-4h8l4 4v12M9 20v-4h6v4M10 8h4"/></svg>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="7" height="4" rx="0.8"/><rect x="13" y="4" width="7" height="4" rx="0.8"/><rect x="1" y="10" width="6.5" height="4" rx="0.8"/><rect x="9" y="10" width="6" height="4" rx="0.8"/><rect x="16.5" y="10" width="6.5" height="4" rx="0.8"/><rect x="4" y="16" width="7" height="4" rx="0.8"/><rect x="13" y="16" width="7" height="4" rx="0.8"/></svg>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>Ristrutturazioni e manutenzioni</h3>
|
||||
<p>Gestione degli interventi ordinari e straordinari: rifacimento facciate, coperture, e ristrutturazioni condominiali con coordinamento completo del cantiere in collaborazione con studi professionali specializzati in materia.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card grande">
|
||||
<div class="card-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/><path d="M22 12h-2M4 12H2M12 2v2M12 20v2"/></svg>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>Reperibilità H24</h3>
|
||||
<p>Messa a disposizione di tutti i condomini di un servizio di reperibilità H24 per attività di manutenzione e di gestione di interventi urgenti con incarico diretto ai manutentori del condominio.</p>
|
||||
</div>
|
||||
<h3>Ristrutturazioni e coperture</h3>
|
||||
<p>Interventi straordinari: rifacimento facciate, coperture, e ristrutturazioni condominiali con coordinamento completo del cantiere.</p>
|
||||
</div>
|
||||
|
||||
<!-- ════ CONTATTI ════ -->
|
||||
@@ -668,7 +679,7 @@ a.card.clickable:hover { color: inherit; }
|
||||
|
||||
<!-- Footer -->
|
||||
<div class="footer">
|
||||
<p>© 2026 Crystal Alto Vicentino s.r.l. · P.IVA: 04615870245 · Via del Costo 10, 36010 Zanè (VI)</p>
|
||||
<p>© 2026 Crystal Alto Vicentino s.r.l. · P.IVA: 04615870245 · Via del Costo 10, 36010 Zanè (VI) · <span id="versionDisplay"></span></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -687,7 +698,7 @@ backdrop.addEventListener('click', closeMenu);
|
||||
menuLinks.forEach(link => link.addEventListener('click', closeMenu));
|
||||
|
||||
// Home button scrolls to absolute top
|
||||
document.querySelector('.elevator-btn[data-floor="03"]').addEventListener('click', function(e) {
|
||||
document.querySelector('.elevator-btn[data-floor="P3"]').addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||
});
|
||||
@@ -695,7 +706,7 @@ document.querySelector('.elevator-btn[data-floor="03"]').addEventListener('click
|
||||
const sections = document.querySelectorAll('.separatore, .hero');
|
||||
const buttons = document.querySelectorAll('.elevator-btn');
|
||||
const floorDisplay = document.getElementById('floorDisplay');
|
||||
const floorMap = { 'home': '03', 'amministrazione': '02', 'manutenzione': '01', 'contatti': 'PT' };
|
||||
const floorMap = { 'home': 'P3', 'amministrazione': 'P2', 'manutenzione': 'P1', 'contatti': 'PT' };
|
||||
|
||||
function updateFloor() {
|
||||
let currentId = 'home';
|
||||
@@ -711,7 +722,13 @@ function updateFloor() {
|
||||
buttons.forEach(btn => btn.classList.toggle('active', btn.dataset.floor === floor));
|
||||
}
|
||||
window.addEventListener('scroll', updateFloor, { passive: true });
|
||||
updateFloor();
|
||||
|
||||
// Inizializzazione
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
const version = document.querySelector('meta[name="version"]')?.content;
|
||||
if (version) document.getElementById('versionDisplay').textContent = `v${version}`;
|
||||
updateFloor();
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
+1
-1
@@ -2,7 +2,7 @@
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://crystalsrl.com/</loc>
|
||||
<lastmod>2026-05-25</lastmod>
|
||||
<lastmod>2026-05-26</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
|
||||
Reference in New Issue
Block a user