forked from WagnerCenteio/Portfolio-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
66 lines (64 loc) · 2.2 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About</title>
<link rel="stylesheet" href="css/style.css" />
<!-- <link rel="stylesheet" href="css/about.css" /> -->
<link rel="stylesheet" href="css/layout.css" />
</head>
<body>
<header>
<nav id="navmenu">
<a class="left" href="index.html">HOME</a>
<a href="work.html">WORK</a>
<a href="about.html">ABOUT</a>
</nav>
</header>
<main>
<div class="bio">
<div class="rellax" data-rellax-percentage="0.8">
<img
src="assets/images/avatar1.JPG"
alt="avatar"
title="WAGNER AUGUSTO CENTEIO"
/>
</div>
<article>
<h1>MEET WAGNER AUGUSTO</h1>
<a class="video-link" no-download> open video presentation</a>
<p>
Lorem ipsum Nascetur per nec posuere turpis, lectus nec libero turpis nunc at, sed
posuere mollis ullamcorper libero ante lectus, blandit pellentesque a, magna turpis est
sapien duis blandit dignissim. Viverra interdum m magna mi, morbi sociis. Condimentum
dui ipsum consequat morbi, curabitur aliquam pede, nullam vitae eu placerat eget et
vehicula. Varius quisque non molestie dolor, nunc nisl dapibus vestibulum at, sodales
tincidunt mauris ullamcorper, dapibus pulvinar, in in neque risus odio. Accumsan
fringilla vulputate at quibusdam sociis eleifend, aenean maecenas vulputate, non id
vehicula lorem mattis, ratione interdum sociis orna Suscipit proin magna cras vel, non
sit platea sit, maecenas ante augue etiam maecenas, porta porttitor placerat leo.
</p>
</article>
</div>
</main>
<div class="modal">
<div class="modal-header">
<h3 class="title">Video presentation</h3>
<button class="btn-close">close</button>
</div>
<div class="modal-content">
<video muted controls>
<source src="assets/videos/Avatar.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</div>
</div>
<!-- Scripts -->
<script src="js/index.js"></script>
<script src="./js/rellax.js"></script>
<script>
var rellax = new Rellax('.rellax', { center: true });
</script>
</body>
</html>