-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (110 loc) · 3.27 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link type="text/css" rel="stylesheet" href="./index.css" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="images/favicon-blue-pink/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
href="images/favicon-blue-pink/favicon.ico"
/>
<link
rel="icon"
type="image/png"
href="images/favicon-blue-pink/favicon-32x32.png"
sizes="32x32"
/>
<link
rel="icon"
type="image/png"
href="images/favicon-blue-pink/favicon-16x16.png"
sizes="16x16"
/>
<title>Nicolò Belluco | Software Engineer</title>
</head>
<body>
<header>
<nav class="navbar">
<h1 class="text-light"></h1>
<ul>
<li>
<a class="text-light cool-link" href="#"><span>>></span> ABOUT</a>
</li>
<li>
<a class="text-light cool-link" href="#"
><span>>></span> PROJECTS</a
>
</li>
<li>
<a class="text-light cool-link" href="#projects"
><span>>></span> CONTACT</a
>
</li>
<a href="https://github.com">
<img
class="github-logo"
src="images/GitHub-Mark/PNG/GitHub-Mark-Light-32px.png"
alt="GitHub logo"
target="blank"
/></a>
</ul>
</nav>
</header>
<section id="introduction">
<div class="title-container">
<div>
<p class="paragraph text-primary">
<span>Hey there ! My name is</span>
</p>
</div>
<div>
<h1 class="text-light">Nicolò Belluco</h1>
</div>
<div>
<h2 class="text-light">
Full Stack Engineer
</h2>
</div>
<div>
<p class="paragraph text-primary">
I'm a software engineer based in Padua, Italy. My focus is on
building visually stunning and reliable applications.
</p>
</div>
</div>
<div class="centered-container">
<div class="container">
<a class="btn btn-primary" href="#">Get in touch</a>
<a
class="btn btn-primary-light"
href="Documents/resume.pdf"
target="blank"
>Get resume</a
>
</div>
</div>
</section>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path
class="wave"
fill="#171C28"
fill-opacity="1"
d="M0,160L30,149.3C60,139,120,117,180,96C240,75,300,53,360,58.7C420,64,480,96,540,96C600,96,660,64,720,42.7C780,21,840,11,900,10.7C960,11,1020,21,1080,53.3C1140,85,1200,139,1260,149.3C1320,160,1380,128,1410,112L1440,96L1440,0L1410,0C1380,0,1320,0,1260,0C1200,0,1140,0,1080,0C1020,0,960,0,900,0C840,0,780,0,720,0C660,0,600,0,540,0C480,0,420,0,360,0C300,0,240,0,180,0C120,0,60,0,30,0L0,0Z"
></path>
</svg>
<section id="projects"></section>
<section>
<footer class="main-footer">
<a href="#" class="cool-link"
>Designed and developed by Nicolò Belluco</a
>
</footer>
</section>
</body>
</html>