-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
129 lines (119 loc) · 5.32 KB
/
home.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
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home - WebWarp</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="icon" href="assets/Logo.png" type="image/x-icon">
</head>
<body>
<!--Navbar-->
<nav>
<div class="logo">
<img src="assets/Logo.png" alt="logo" />
<h1>WebWarp</h1>
</div>
<ul>
<li>
<a href="home.html">Home</a>
</li>
<li>
<a href="servizi.html">Servizi</a>
</li>
<li>
<a href="chi_sono.html">Chi sono</a>
</li>
<li>
<a href="contatti.html">Contatti</a>
</li>
</ul>
<div class="hamburger">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</nav>
<div class="menubar">
<ul>
<li>
<a href="home.html">Home</a>
</li>
<li>
<a href="servizi.html">Servizi</a>
</li>
<li>
<a href="chi_sono.html">Chi sono</a>
</li>
<li>
<a href="contatti.html">Contatti</a>
</li>
</ul>
</div>
<main>
<div class="container">
<section class="welcome">
<img class="logo-home" src="assets/Logo.png" alt="logo" />
<br>
<span class="titolo-home">>Benvenuto su WebWarp<</span>
<h2 class="sottotitolo-home">La Tua Destinazione per Siti Web sempre al Top</h2>
<p class="descrizione-home">
Benvenuto su WebWarp, dove la tua presenza online prende vita. Siamo qui per trasformare le
tue idee
in realtà digitali coinvolgenti. Con una combinazione di creatività, esperienza e tecnologia
all'avanguardia, ci impegniamo a offrirti soluzioni su misura che si distinguono nel vasto
mondo del
web. Scopri come possiamo portare la tua visione online al prossimo livello e fare la
differenza.
</p>
<hr class="line">
</section>
<div class="go-forward">
<a href="#info-pro"><img src="assets/freccia.svg" alt="avanti"></a>
</div>
<section id="info-pro">
<h1 class="pro-title">Progetti ed esperienze</h1>
<br>
<h1 class="pro-title">1° progetto</h1>
<div class="content">
<div class="profile">
<img class="foto-prf" src="assets/Logo.png" alt="profile picture">
</div>
<div class="description">
<p>Vorrei presentarvi il primo progetto che state visualizzando: il mio sito web personale.
Questo sito è disponibile su GitHub come progetto open source, permettendoti di esplorare il
codice sorgente. Ti invito a guardarlo per trarre ispirazione e scoprire nuove idee. Spero
che lo trovi interessante e stimolante!
</p>
<a href="https://github.com/gabriiivale007"> <button class="btn-contact">Vedi Codice
sorgente</button></a>
</div>
</section>
<section id="info-pro">
<h1 class="pro-title">2° progetto</h1>
<div class="content">
<div class="profile">
<img class="foto-prf" src="assets/robocup.png" alt="profile picture">
</div>
<div class="description">
<p>Una delle mie esperienze più significative è stata la partecipazione a una gara di robotica.
Questo evento mi ha offerto l'opportunità di competere contro altre persone, il che è stato
sia stimolante che divertente. Progettare un robot e poi vederlo in azione è stato un
momento incredibile.<br><br>
Questa esperienza mi ha riempito di orgoglio e soddisfazione, ma anche di emozioni negative
quando le cose non andavano come previsto. Tuttavia, queste difficoltà mi hanno aiutato a
crescere e a diventare più resiliente. Ho acquisito nuove competenze e molte informazioni
utili che mi saranno sicuramente d'aiuto in futuro. Partecipare a questa gara di robotica è
stato un punto di svolta nel mio percorso di apprendimento e sviluppo personale.
</p>
<a href="https://robocupjunioracademy.it/"> <button class="btn-contact">Sito
RoboCup</button></a>
</div>
</section>
</div>
</main>
<footer>
</footer>
<script src="script.js"></script>
</body>
</html>