-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
182 lines (181 loc) · 5.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Nicola Rocco is a well renound Venezuelan photographer. This website contains some of his best work from: https://photomanifiesto.blogspot.com/"
/>
<meta name="robots" content="index,follow" />
<link rel="icon" href="#" />
<link rel="stylesheet" href="./style.css" />
<title>Nicola Rocco | Photographer</title>
</head>
<body>
<header class="main-head">
<h1 id="logo">Nicola Rocco</h1>
<ul class="nav-links">
<li><a class="nav-about" href="#about">About</a></li>
<li><a class="nav-gallery" href="#gallery">Work</a></li>
<li><a class="nav-contact" href="#contact">Contact</a></li>
</ul>
<div class="burger">
<span class="line1"></span>
<span class="line2"></span>
<span class="line2"></span>
</div>
</header>
<main>
<section class="hero" id="hero">
<div class="hero-introduction flex">
<h2>
Nicola Rocco <br />
Photography
</h2>
<p>
Nicola is a well renowned photographer from Caracas, Venezuela. His
breadth of experience goes from documenting the landscapes of the
city, to immortalizing the most successful national theater plays,
and covering the front pages of the most successful newspaper in the
country.
</p>
<a href="#gallery">Gallery</a>
</div>
<div class="hero-images">
<img
class="hero-nicola"
src="./img/senor_blanco_negro.jpeg"
alt="Black & White pic of an old gentleman"
/>
</div>
</section>
<section class="about" id="about">
<div class="about-image">
<img
src="./img/limon.jpeg"
alt="Old man that seems that ate a lemon or something sour"
/>
</div>
<div class="about-text flex">
<h2>Nicola Rocco</h2>
<div class="about-life">
<h3>My life</h3>
<p>
Born and raised in Caracas, Venezuela. I found my calling in
Photography at an early age and I haven't looked back ever since.
</p>
</div>
<div class="about-work">
<h3>My Work</h3>
<p>
I am a photographer that focusses documenting life, portraits,
cities, sports and theater.
</p>
</div>
<div class="about-contact">
<h3>Get in touch</h3>
<p>
If you would like to get in touch with me,
<a href="#contact">send me a message</a>
or visit my
<a href="http://photomanifiesto.blogspot.com/" target="_blank"
>blog</a
>,
<a
href="https://www.linkedin.com/in/nicola-rocco-2a256917/?originalSubdomain=ve"
target="_blank"
>linkedin</a
>,
<a
href="https://www.instagram.com/photomanifiesto/?hl=en"
target="_blank"
>instagram</a
>
or
<a
href="https://twitter.com/photomanifiesto?lang=en"
target="_blank"
>twitter</a
>.
</p>
</div>
</div>
</section>
<section class="gallery" id="gallery">
<header class="gallery-head">
<h2>Snippets of Theather</h2>
<p>Some of the most popular plays from Venezuela captured in 2D</p>
</header>
<img
class="gallery1"
src="./img/padre_e_hijo.jpeg"
alt="Man holding his father in his arms"
/>
<img
class="gallery2"
src="./img/mujer.jpeg"
alt="woman wrapping her hands"
/>
<img
class="gallery3"
src="./img/senora.jpeg"
alt="lady holding a box"
/>
<img
class="gallery4"
src="./img/banca.jpeg"
alt="man sitting on a bench with leaves on the ground"
/>
</section>
<section class="contact" id="contact">
<div class="form-wrapper flex">
<h2>
Get in <br />
<span>touch.</span>
</h2>
<form netifly>
<label for="email">Your Email:</label>
<input type="email" id="email required" />
<button type="submit">Submit</button>
</form>
</div>
<img
src="./img/miserables.jpeg"
alt="Man singing from the play 'Les Miserables'"
/>
</section>
</main>
<footer>
<h4>Nicola Rocco © 2021</h4>
<ul>
<li>
<a href="http://photomanifiesto.blogspot.com/" target="_blank"
><img src="./icons/blog.svg" alt="photomanifiesto blog page"
/></a>
</li>
<li>
<a
href="https://www.linkedin.com/in/nicola-rocco-2a256917/?originalSubdomain=ve"
target="_blank"
><img src="./icons/linkedin.svg" alt="linkedin page"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/photomanifiesto/?hl=en"
target="_blank"
><img src="./icons/instagram.svg" alt="instagram page"
/></a>
</li>
<li>
<a href="https://twitter.com/photomanifiesto?lang=en" target="_blank"
><img src="./icons/twitter.svg" alt="twitter page"
/></a>
</li>
</ul>
</footer>
<script src="./app.js"></script>
</body>
</html>