-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
163 lines (162 loc) · 9.37 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--CSS-->
<link rel="stylesheet" href="stylesheet.css">
<!--FONT-->
<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=Bebas+Neue&family=Victor+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<title>MarcoManzoliPersonalTrainer</title>
</head>
<body>
<header>
<nav class="menu">
<ul>
<li><a href="index.html#card1">LE BASI</a><hr</li>
<li><a href="index.html#card2">IL PERCORSO</a></li>
<li>
<a href="index.html#card3" style="font-size: 32px;"><h1>MARCO MANZOLI</h1></a>
</li>
<li><a href="index.html#card4">IL MIO METODO</a></li>
<li><a href="index.html#card5">CONTATTAMI</a></li>
</ul>
</nav>
</header>
<!-- CONTENT -->
<section class="section-content">
<!-- HERO -->
<section class="hero" style="position: relative;">
<div id="logo">
<img src="img/mmLogoAnello.png" alt="Logo stilizzato di due serpenti uno rosso sangue ed uno verde salute che si mangiano la coda a vicenda" style="position: absolute; z-index: 1;" id="anello">
<img src="img/mmLogoScritta.png" alt="Le due lettere M iniziali di Marco" style="position: absolute;z-index: 0;" id="logomm">
</div>
<img src="img/mmTraining.jpg" alt="Foto di Marco durante la spiegazione per la corretta esecuzione di un esercizio in personal" id="background-hero">
</section>
<!-- ARTICLES -->
<section class="section-articles">
<!-- ART 1 -->
<article class="article" id="article1">
<div class="article-title">
<h2>LE BASI</h2>
<h4>Per un percorso solido si parte da delle buone basi!</h4>
</div>
<img src="img/mmCard1.jpg" alt="holder">
<div class="article-text">
<p>Nel fitness e nella salute, 'LE BASI' sono essenziali. Una corretta esecuzione degli esercizi e una misurazione precisa dei parametri biometrici all'inizio di ogni mesociclo sono fondamentali. Come una solida fondazione per una casa, queste basi ti permettono di costruire un programma di allenamento efficace. La precisione negli esercizi e la comprensione dei tuoi dati biometrici sono la chiave per raggiungere i tuoi obiettivi in modo sano e sostenibile. Investi nelle tue basi per un futuro più sano e più forte!</p>
</div>
</article>
<!-- ART 2 -->
<article class="article" id="article2">
<div class="article-title">
<h2>IL PERCORSO</h2>
<h4>Un obiettivo in vista, passi certi e studiati per raggiungerlo</h4>
</div>
<!-- CARD CONTAINER -->
<div class="card-container">
<!-- CARD1 -->
<div class="card" id="card1">
<div class="card-title">
<h3>
LA PROFILAZIONE
</h3>
</div>
<div class="card-image">
<img src="https://picsum.photos/300/200" alt="holder">
</div>
<div class="card-text">
<p>
Attraverso un insieme di esercizi mirati profiliamo la tua condizione fisica per avere dati certi da dove partire
</p>
</div>
</div>
<!-- CARD2 -->
<div class="card" id="card2">
<div class="card-title">
<h3>
IL MESOCICLO
</h3>
</div>
<div class="card-image">
<img src="https://picsum.photos/300/201" alt="holder">
</div>
<div class="card-text">
<p>
4-5 settimane di lavoro modulato sulla tua resa e performance. Ogniuno ha richieste differenti.
</p>
</div>
</div>
<!-- CARD3 -->
<div class="card" id="card3">
<div class="card-title">
<h3>
IL RIPOSO
</h3>
</div>
<div class="card-image">
<img src="https://picsum.photos/300/202" alt="holder">
</div>
<div class="card-text">
<p>
Una settimana di riposo per il tuo corpo ma non priva di lavoro. Per rigenerarsi e preparare il prossimo mesociclo.
</p>
</div>
</div>
</div>
<!-- TESTO HOLDER TEMPORANEO
<div class="card-text">
<p>Per 'IL PERCORSO' verso i tuoi traguardi, è fondamentale avere un mesociclo programmato in mente e seguire passi ben pianificati per raggiungerlo. Con la costanza nell'esercizio e la pianificazione adeguata, puoi affrontare il tuo cammino con fiducia, consapevole di fare progressi verso i tuoi traguardi. Durante questo percorso, acquisirai una comprensione più profonda del tuo corpo, delle tue capacità e dei tuoi limiti. Ogni sessione di allenamento diventerà un'opportunità per migliorare e crescere, un passo verso una vita più sana e più forte. Non dimenticare mai che il successo nel fitness richiede impegno costante e dedizione. La strada potrebbe essere lunga, ma ogni giorno ti avvicinerà sempre di più al tuo obiettivo.</p>
</div>
-->
<img src=https://picsum.photos/1000/702 alt="holder">
</article>
<!-- ART 3 -->
<article class="article" id="article3">
<div class="article-title">
<h2>HOW IT WORKS</h2>
<h4>La mia esperienza di studio il legame tra salute e prestazione</h4>
</div>
<div class="article-text">
<p>Sin da giovane, ho coltivato passione per l'attività fisica. Ho giocato a calcio e sperimentato snowboard, skateboard e wakeboard. Ho studiato Scienze Motorie all'Università di Brescia, ottenendo anche una laurea magistrale. Ho frequentato corsi ELav diventando istruttore di wakeboard, preparatore atletico, triathlon e personal trainer. Questa formazione ha rafforzato il mio legame tra salute e prestazione. Sono qui per aiutarti a raggiungere i tuoi obiettivi di fitness e benessere, applicando la mia esperienza e passione.</p>
</div>
<img src=https://picsum.photos/1000/703 alt="holder">
</article>
<!-- ART 4 -->
<article class="article" id="article4">
<div class="article-title">
<h2>IL MIO METODO</h2>
<h4>Ecco come lavoreremo per arrivare alla meta</h4>
</div>
<div class="article-text">
<p>Attraverso una profilazione accurata dei parametri biometrici, inclusi battito cardiaco, peso, altezza e valutazioni come il pliche su 8 punti, elaboriamo piani personalizzati. Questi mesocicli di allenamento sono fondati sulle tue abilità di base e obiettivi realistici. Possiamo concentrarci su obiettivi come l'ipertrofia muscolare, il potenziamento delle prestazioni, il recupero da infortuni o la preparazione atletica. Il nostro metodo ti guida verso il successo in modo mirato e sicuro.</p>
</div>
<img src=https://picsum.photos/1000/704 alt="holder">
</article>
<!-- ART 5 -->
<article class="article" id="article5">
<div class="article-title">
<h2>CONTATTAMI</h2>
<h4>Studiamo e programmiamo il percorso "Ad hoc", ogniuno è diverso</h4>
</div>
<div class="article-text">
<p>Puoi contattarmi trammite telefono su Whatsapp al numero:
<br/>
<a href="tel:+393384493520">+39 338 4493520</a>
<br/>
o contattarmi trammite email all'indirizzo:
<br/>
<a href="mailto:[email protected]">[email protected]</a>
</p>
</div>
<img src=https://picsum.photos/1000/705 alt="holder">
</article>
</section>
</Section>
<footer>
<p>Welcome 2 the footer</p>
<a href="https://github.com/mrmartuz">Created by mrmartuz</a>
</footer>
</body>
</html>