-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathla-mia-storia.html
82 lines (81 loc) · 4.13 KB
/
la-mia-storia.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="build.css" rel="stylesheet" />
<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=Alegreya+Sans:ital,wght@0,800;1,800&family=Alegreya:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Cookie&display=swap"
rel="stylesheet" />
<title>Dottoressa Francesca Mariotti</title>
</head>
<body class="flex flex-col items-center justify-center">
<header
class="flex h-80 w-full flex-col items-center justify-start bg-wave bg-half bg-no-repeat md:h-64 md:justify-start">
<a href="index.html">
<img
class="mt-4 h-20 w-20 cursor-pointer drop-shadow-xl"
src="assets/img/logo.svg"
alt="Logo Francesca Mariotti Nutrizionista" />
</a>
</header>
<main class="flex w-3/4 max-w-6xl flex-col items-center justify-center gap-20">
<div class="flex flex-wrap gap-5">
<div class="flex shrink-0 grow basis-24 flex-col items-center justify-start gap-5">
<h1 class="text-center font-alegreya-sans text-4xl uppercase text-fmpink-200">La mia storia</h1>
<img class="rounded-full" src="assets/img/fotofrancescasquared.png" alt="Foto Francesca Mariotti" />
<button
class="button mt-4 hidden w-4/6 rounded-full border-2 border-fmpink-200 bg-white px-4 py-1 font-bold uppercase text-fmpink-200 sm:block"
type="submit">
prenota
</button>
</div>
<div class="flex grow-[5] basis-72 flex-col items-center">
<section class="text-justify font-alegreya text-lg text-fmgreen-300">
<h3 class="font-bold">Mi chiamo Francesca Mariotti e sono una nutizionista</h3>
<p>
Fin da piccola ho avuto chiaro il desiderio di scegliere una professione che mi consentisse
di stare a contatto con altre persone e prendermene cura. Sono riuscita a trovare la mia
strada quando, durante il mio percorso di studi in Scienze dell’Alimentazione, ho appreso
come nutrirsi correttamente sia utile per stare bene e per prevenire numerose patologie,
attraverso la modifica delle proprie abitudini alimentari e comportamentali.
</p>
<p class="mb-6">
Così, dopo aver ottenuto l’abilitazione ed essermi iscritta all’Ordine dei Biologi, ho
iniziato ad esercitare la professione, continuando ad approfondire le mie conoscenze: ho
frequentato infatti il corso SANIS, relativo a Nutrizione ed Integrazione sportiva, ed il
Master di II livello in Nutrizione e Dietetica Clinica, presso l’Università degli Studi di
Pavia.
</p>
<p class="mb-6">
Nel mio lavoro prendo come riferimento le Linee Guida per una sana alimentazione, che
attestano il primato della Dieta Mediterranea. Il mio approccio si basa poi sull’ascolto
attivo del paziente e sull’educazione alimentare, volta a diffondere l’idea per cui seguire
una dieta significhi adottare uno stile di vita sano, valido per tutte le età e per tutta la
vita.
</p>
<h3 class="font-bold">Perché scegliere di intraprendere questo percorso con me?</h3>
<p>
In me troverete grande professionalità, tanta passione per il mio lavoro e supporto costante
nella gestione del piano alimentare e nell’ottenimento di nuove sane abitudini alimentari.
</p>
</section>
<button
class="button mt-4 w-4/6 rounded-full border-2 border-fmpink-200 bg-white px-4 py-1 font-bold uppercase text-fmpink-200 sm:hidden"
type="submit">
prenota
</button>
</div>
</div>
</main>
<footer class="flex h-80 w-full flex-col justify-end gap-3 bg-wave-footer bg-half bg-left-bottom bg-no-repeat">
<div class="flex justify-center gap-2">
<img class="h-8 w-8" src="assets/img/facebook.svg" alt="Icona Facebook" />
<img class="h-8 w-8" src="assets/img/instagram.svg" alt="Icona Instagram" />
</div>
<p class="mb-5 text-center text-white">Copyright © 2023 - Francesca Mariotti - Tutti i diritti riservati</p>
</footer>
</body>
</html>