-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (84 loc) · 5.69 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calcolatore dei contributi associativi CTN | STIIP</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/styles.css">
<!-- Material Icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
<link rel="icon" href="assets/image/favicon-stiip.svg" sizes="192x192">
</head>
<body class="bg-gray-50">
<!-- Header -->
<header class="fixed top-0 w-full text-gray-900 z-50 shadow-md" style="background-color: white;">
<div class="flex items-center justify-between px-6 py-4">
<div class="flex items-center">
<img src="https://stiip.it/wp-content/uploads/2021/11/logo_stiip.svg" alt="STIIP Logo" class="h-8 mr-4">
<span class="text-lg sm:text-xl md:text-2xl font-medium">Calcolatore dei contributi associativi CTN</span>
</div>
<div class="flex items-center space-x-4">
<span class="text-sm">Powered by</span>
<img src="https://stiip.it/wp-content/uploads/2021/11/logo_stiip.svg" alt="STIIP Logo" class="h-6">
</div>
</div>
</header>
<!-- Navigation -->
<nav class="max-w-7xl mx-auto flex gap-2 overflow-x-auto hide-scrollbar mt-20 mb-4 px-4">
<button class="tab-btn active px-4 py-2 rounded-lg flex items-center" data-tab="overview">
<span class="material-icons-outlined mr-2">home</span>Overview
</button>
<button class="tab-btn px-4 py-2 rounded-lg flex items-center" data-tab="analysis">
<span class="material-icons-outlined mr-2">analytics</span>Analisi Agile
</button>
<button class="tab-btn px-4 py-2 rounded-lg flex items-center" data-tab="demo">
<span class="material-icons-outlined mr-2">devices</span>Demo
</button>
</nav>
<!-- Main Content -->
<main class="max-w-7xl mx-auto px-4 py-8">
<div id="overview" class="tab-content active"></div>
<div id="analysis" class="tab-content hidden"></div>
<div id="demo" class="tab-content hidden"></div>
</main>
<!-- Footer moved outside of tabs -->
<footer class="w-full bg-white border-t border-gray-200">
<div class="max-w-7xl mx-auto px-4 py-4">
<div class="flex items-center justify-between">
<div class="flex items-center space-x-4">
<a href="https://stiip.it" class="flex items-center space-x-3 text-gray-800 hover:text-yellow-600 transition-colors group" target="_blank" rel="noopener noreferrer">
<img src="https://stiip.it/wp-content/uploads/2021/11/logo_stiip.svg" alt="GiveMeHive Logo" class="w-8 h-8 group-hover:scale-105 transition-transform">
<div class="hidden md:block">
<div class="font-medium">STIIP</div>
<div class="text-sm text-gray-500">Soluzioni Digitali Creative</div>
</div>
</a>
<div class="h-6 w-px bg-gray-200 hidden md:block"></div>
<div class="hidden md:flex items-center space-x-3">
<a href="https://www.facebook.com/stiip.it" class="text-gray-400 hover:text-yellow-600 transition-colors" target="_blank" rel="noopener noreferrer" title="Seguici su Facebook">
<svg class="w-5 h-5" fill="currentColor" viewbox="0 0 24 24">
<path d="M18.77,7.46H14.5v-1.9c0-.9.6-1.1,1-1.1h3V.5L14.17.5C10.24.5,9.1,3.3,9.1,5.47V7.46H6.23v3.91H9.1V22h5.41V11.37h3.47l.32-3.91Z" />
</svg>
</a>
<a href="https://it.linkedin.com/company/stiip" class="text-gray-400 hover:text-yellow-600 transition-colors" target="_blank" rel="noopener noreferrer" title="Seguici su LinkedIn">
<svg class="w-5 h-5" fill="currentColor" viewbox="0 0 24 24">
<path d="M20.447,20.452H16.893V14.883c0-1.328-.027-3.037-1.852-3.037-1.853,0-2.136,1.445-2.136,2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9,1.637-1.85,3.37-1.85,3.601,0,4.267,2.37,4.267,5.455v6.286ZM5.337,7.433c-1.144,0-2.063-.926-2.063-2.065,0-1.138.92-2.063,2.063-2.063,1.14,0,2.064.925,2.064,2.063,0,1.139-.925,2.065-2.064,2.065Zm2.062,13.019H3.274V9H7.4v11.452ZM22.225,0H1.771C.792,0,0,.774,0,1.729v20.542C0,23.227.792,24,1.771,24h20.451C23.2,24,24,23.227,24,22.271V1.729C24,.774,23.2,0,22.222,0h.003Z" />
</svg>
</a>
</div>
</div>
<div class="flex items-center space-x-2">
<span class="text-gray-400 text-sm whitespace-nowrap">Made with</span>
<span class="text-red-500 animate-pulse">❤️</span>
<span class="text-gray-400 text-sm whitespace-nowrap">by Stiip</span>
</div>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/main.js"></script>
<script src="assets/js/tabs.js"></script>
</body>
</html>