-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
159 lines (142 loc) · 6.61 KB
/
index.html
File metadata and controls
159 lines (142 loc) · 6.61 KB
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
<!DOCTYPE HTML>
<html>
<head>
<title>Matheus Rodacki Photos</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" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<h1>Matheus Rodacki</h1>
<nav>
<ul>
<li><a href="#intro">Introdução</a></li>
<li><a href="#quem-sou">Quem eu sou?</a></li>
<li><a href="#o-que-faco">O que eu faço?</a></li>
<li><a href="#trabalho">Meu Trabalho</a></li>
<li><a href="#contact">Contato</a></li>
</ul>
</nav>
</header>
<!-- Intro -->
<section id="intro" class="main style1 dark fullscreen">
<div class="content">
<header>
<h2>Olá...</h2>
</header>
<p>Bem vindo ao meu portifólio fotográfico. Aqui você poderá ver algumas fotos das viagens que faço enquanto trabalho
como nomade digital e vivo uma aventura!</p>
<footer>
<a href="#quem-sou" class="button style2 down">More</a>
</footer>
</div>
</section>
<!-- Quem Sou -->
<section id="quem-sou" class="main style2 left dark fullscreen">
<div class="content box style2">
<header>
<h2>Quem eu sou?</h2>
</header>
<p>Meu nome é <strong> Matheus Rodacki</strong>, tenho 24 anos e sou da cidade de São Paulo, maior centro comercia e economido da américa latina.
Adoro lugares paradiziacos e estou combinando dois sonhos meus, trablhar com Desenvolvimento e viajando em um motohome com a minha esposa.
Nosso grande objetivo é ir do Ushuaia ao Alaska, mas antes estamos dando um rolê por esse Brasilzão conhecendo o país mais bonito do mundo.
</p>
</div>
<a href="#o-que-faco" class="button style2 down anchored">Next</a>
</section>
<!-- O Que Faço -->
<section id="o-que-faco" class="main style2 right dark fullscreen">
<div class="content box style2">
<header>
<h2>O que eu faço?</h2>
</header>
<p>Eu sou desenvolvedor Full-Stack na <a href="https://www.rocketseat.com.br/">Rocketseat</a>, trabalho remoto e viajando pelo mundo.
Acesse mais conteúdos excluisivos no meu <a href="https://www.instagram.com/matheusrodacki/">Instagram.</a>
</p>
</div>
<a href="#trabalhos" class="button style2 down anchored">Next</a>
</section>
<!-- Trabalhos -->
<section id="trabalhos" class="main style3 primary">
<div class="content">
<header>
<h2>Meu Trabalho</h2>
<p>Adoro fotografar paisagens, pois cada foto guarda o presente que é viver uma aventura, é como um troféu. Os lugares mais inóspitos é onde estão as paisagens mais belas,
e para revela-las é necessário seguir trilhas, subir montanhas, atravessar rios e vales mas no final é sempre recompensador. É possível ver também alguns vídeos em que sobrevoei
essa paísagens no meu canal do <strong><a href="https://youtube.com/matheusrodacki" >Youtube.</a></strong>
</p>
</header>
<!-- Gallery -->
<div class="gallery">
<article class="from-left">
<a href="images/fulls/cataratas_4k.jpg" class="image fit"><img src="images/thumbs/cataratas_thumb.jpg" title="Cataratas do Zimbabue" alt="" /></a>
</article>
<article class="from-right">
<a href="images/fulls/Fitz_Roy_4k.jpg" class="image fit"><img src="images/thumbs/Fitz_Roy_thumb.jpg" title="Fitz Roi" alt="" /></a>
</article>
<article class="from-left">
<a href="images/fulls/Ilha_4k.jpg" class="image fit"><img src="images/thumbs/Ilha_thumb.jpg" title="Ilha Solteira" alt="" /></a>
</article>
<article class="from-right">
<a href="images/fulls/lago_gelado_4k.jpg" class="image fit"><img src="images/thumbs/lago_gelado_thumb.jpg" title="Lago Michigan" alt="" /></a>
</article>
<article class="from-left">
<a href="images/fulls/perito_moreno_4k.jpg" class="image fit"><img src="images/thumbs/perito_moreno_thumb.jpg" title="Glacial Perito Moreno" alt="" /></a>
</article>
<article class="from-right">
<a href="images/fulls/praia_4k.jpg" class="image fit"><img src="images/thumbs/praia_thumb.jpg" title="Pria de Jericoacoara" alt="" /></a>
</article>
</div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="main style3 secondary">
<div class="content">
<header>
<h2>Diga um Oi :)</h2>
<p>Caso queira entrar em contato envia sua menssagem abaixo, garanto que respondo assim que possível!</p>
</header>
<div class="box">
<form method="post" action="#">
<div class="fields">
<div class="field half"><input type="text" name="name" placeholder="Nome" /></div>
<div class="field half"><input type="email" name="email" placeholder="Email" /></div>
<div class="field"><textarea name="message" placeholder="Menssagem" rows="6"></textarea></div>
</div>
<ul class="actions special">
<li><input type="submit" value="Enviar menssagem" /></li>
</ul>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<!-- Icons -->
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon brands fa-pinterest"><span class="label">Pinterest</span></a></li>
</ul>
<!-- Menu -->
<ul class="menu">
<li>© Untitled</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.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/main.js"></script>
</body>
</html>