-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
207 lines (186 loc) · 10.6 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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE HTML>
<!-- Benvenut@ Developer nel mio Portfolio! -->
<!-- Qui troverai alcuni dei progetti personali che ho realizzato -->
<html lang="it">
<head>
<title>Portfolio - Testori Michael</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="manifest" href="images/favicon/site.webmanifest">
</head>
<body>
<!-- Header Section -->
<header id="header">
<div class="inner">
<a href="#" class="image avatar"><img src="images/profilo-rotondo2.png" alt="Immagine Profilo"/></a>
<h1><strong>Sono Michael Testori<br></strong><br><span style="color:rgb(0, 214, 70);" class="color_18 wixui-rich-text__text"><!-- </span> Professionista nel campo Tech ed Informatico.<span style="color:rgb(0, 214, 70);" class="wixui-rich-text__text"> --></span><br/></h1>
</div>
</header>
<!-- Main Section -->
<div id="main">
<nav id='menu'>
<input type='checkbox' id='responsive-menu' onclick='updatemenu()'><label></label>
<ul>
<li><a href=''>Home</a></li>
<li><a href='#portfolio'>Portfolio</a>
</li>
<li><a href='#chi-sono'>Chi sono</a></li>
<li><a href='https://drive.google.com/drive/folders/1CAl910C5LEqbDctt5B16TuF34GbqTXwJ?usp=sharing'>Certificazioni</a></li>
<!--
<ul class='sub-menus'>
<li><a href='http://'>Certificazioni</a></li>
<li><a href='http://'>Services 2</a></li>
<li><a href='http://'>Services 3</a></li>
</ul>
-->
<li><a href='#three'>Contatti</a></li>
</ul>
</nav>
<!-- About Section -->
<div class="blacked">
<section id="chi-sono" >
<header class="major">
<h2><span style="color:rgb(0, 214, 70);">Benvenut@ nel mio Portfolio</span><br/></h2>
<h3 style="color: #fd9e02;"> <u> Su di Me: </u> </h3>
</header>
<p class="jost-font">🕸 Sono Michael e sono una persona visionaria e ambiziosa, adoro: ideare, pianificare, inventare, collaborare e organizzare nuovi progetti. <br><br>
<h3 style="color: #fd9e02;"> <u> Che cosa valorizzo: </u> </h3>
🗡 Le sfide sono il mio carburante quotidiano: il dover trovare delle soluzioni efficaci per risolvere un problema significa poter dare il mio contributo al mondo, che è parte di quello che sono e della mia visione personale.</p>
<p>🌟 Uno dei miei motti preferiti è:</p>
<blockquote>
<p>Non esistono davvero dei problemi, ci sono soltanto soluzioni: <br>Lo spirito dell'uomo crea il problema dopo.<br>Nella sua natura vede problemi dappertutto.</p>
<footer><cite>—André Gide</cite></footer>
</blockquote>
<div class="centerdiv">
<ul class="actions">
<li><a href="#portfolio" class="btn" id="centered">Visualizza Progetti</a></li>
</ul>
</div>
<div class="centerdiv">
<ul class="icons">
<li><a href="https://twitter.com/powerbliz" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/Powerbliz00" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="https://www.linkedin.com/in/michael-testori/" class="icon brands fa-linkedin"><span class="label">Linkedin</span></a></li>
<li><a href=mailto:business.michaeltestori@gmail.com" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
</div>
</section>
</div>
<!-- Portfolio Section -->
<section id="portfolio">
<h2><strong>Progetti realizzati</strong></h2>
<div class="row">
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/techbliz.webp" class="image fit thumb"><img src="images/thumbs/techbliz.webp" alt="Techbliz Website" /></a>
<h3 class="mono">Techbliz 2.0 Project</h3>
<p class="mono">Questo è techbliz.it un blog personale che ho creato per condividere le informazioni e guide sulle tecnologie e l'informatica.
Quella che vedi è la versione 2.0 dell'attuale Techbliz.it
https://www.techbliz.it</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/carifi.webp" class="image fit thumb"><img src="images/thumbs/carifi.webp" alt="Carifi Website" /></a>
<h3 class="mono">Carifi Project - Sito Vetrina + E-commerce</h3>
<p class="mono">Richiesta di un Sito E-commerce professionale, secondo le precise direttive del cliente.
Completamente Responsive e adattabile.
Template Wordpress completamente personalizzato
https://www.carifi1918.com</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/pandim.webp" class="image fit thumb"><img src="images/thumbs/pandim.webp" alt="Pandim Website" /></a>
<h3 class="mono">Pandim Life Coaching Project</h3>
<p class="mono">Pandim.coach è uno dei progetti online ed attivi di cui vado molto fiero:
La piattaforma ha subito un'intervento di restyle grafico.
Pandim, offre programmi di Life Coaching, per permettere a chiunque di riprendere in mano la propria vita! Ne consiglio assolutamente la visita. richiedi una call gratuita qui: https://calendly.com/jacopovismara/freesession?month=2022-12
https://www.pandim.coach</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/SkyHost.webp" class="image fit thumb"><img src="images/thumbs/SkyHost.webp" alt="SkyHost Website" /></a>
<h3 class="mono">SkyHost Project</h3>
<p class="mono">Questo uno degli ultimi progetti web che ho realizzato: si tratta di un sito web di hosting, SkyHost.it. Moderno, accattivante e completo di tutte le pagine necessarie. Dalla pagina vetrina, passando per l'e-ccomerce e per finire alle pagine legali. Strutturato seguendo le migliori tecniche di responsive design, usabilità e comprensivo di tutte le pagine legali, Cookie & Privacy policy e GDPR Europeo
https://www.skyhost.it</p>
<!-- Bottone per visitare direttamente il link dei progetti attivi -->
<a href="#" class="button">Visita Sito</a>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/mydoggy.webp" class="image fit thumb"><img src="images/thumbs/mydoggy.webp" alt="" /></a>
<h3 class="mono">MyDoggy Project</h3>
<p class="mono">Realizzazione di un'Applicazione Mobile per il playstore con il tema principale sulla cura ed il benessere degli animali domestici, in particolar modo i cani.Layout di selezione Generale dell'app MyDoggy.
L'App comprende un vasto il menù disposto in maniera intuibile ed userfriendly che permette la rapida selezione degli elementi e al passaggio delle schermate di riferimento.</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/powergaming.webp" class="image fit thumb"><img src="images/thumbs/powergaming.webp" alt="" /></a>
<h3 class="mono">PowerGaming Project</h3>
<p class="mono">Realizzazione di un sito professionale per una compagnia di videogiochi (PowerGaming s.r.l)</p>
</article>
</div>
<!-- sezione per vedere il portfolio completo
<ul class="actions">
<li><a href="#" class="button">Full Portfolio</a></li>
</ul>
</section>
-->
<!-- Three -->
<!-- Sezione Skills -->
<section id="three">
<h2>Contattami</h2>
<p>Sono un professionista nel campo IT con varie skills, posso fornire soluzioni su misura e specifiche in vari ambiti dei sistemi e delle reti informatiche.</p>
<div class="row">
<div class="col-8 col-12-small">
<form method="post" action="#">
<div class="row gtr-uniform gtr-50">
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Nome" /></div>
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
<div class="col-12"><textarea name="message" id="message" placeholder="Messaggio" rows="4"></textarea></div>
</div>
</form>
<ul class="actions">
<li><input type="submit" value="Invia Messaggio" /></li>
</ul>
</div>
<div class="col-4 col-12-small">
<ul class="labeled-icons">
<li>
<h3 class="icon solid fa-home"><span class="label">Address</span></h3>
Lombardia, Bergamo, Italia<br />
</li>
<li>
<h3 class="icon solid fa-mobile-alt"><span class="label">Phone</span></h3>
342 8290867
</li>
<li>
<h3 class="icon solid fa-envelope"><span class="label">Email</span></h3>
<a href="#">business.michaeltestori@gmail.com</a>
</li>
</ul>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://twitter.com/powerbliz" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/Powerbliz00" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="https://www.linkedin.com/in/michael-testori/" class="icon brands fa-linkedin"><span class="label">Linkedin</span></a></li>
<li><a href=mailto:business.michaeltestori@gmail.com" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>©<span id="current-year"></span> Testori Michael - tutti i diritti riservati</li><li>Design e Sviluppo: Testori Michael</li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/custom.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/menu.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>