-
Notifications
You must be signed in to change notification settings - Fork 38
/
index.html
115 lines (95 loc) · 4.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Parallax Website</title>
<link rel="stylesheet" href="css/main.css">
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=EB+Garamond" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ledger" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet">
</head>
<body>
<header class="v-header container">
<div class="fullscreen-video-wrap">
<video src="vid/dock.mov" autoplay="" loop=""></video>
</div>
<div class="header-overlay"></div>
<div class="header-content ">
<div class="logo">
<img src="./img/logo4.png" alt="Puzzle Lightbulb">
</div>
<div class="logo-name">
<img src="./img/name3.png" alt="Denis S Dujota">
<a href="#about" class="btn fa fa-chevron-circle-down fa-5x"></a>
</div>
<!-- <h1>Hello World</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Id temporibus perferendis necessitatibus numquam amet impedit explicabo? Debitis quasi ullam aperiam!</p> -->
<!--
</div> -->
</header>
<section class="section section-light">
<h1>Who Am I ?</h1>
<p>
I am an adventurer.
It can take me to the far east for a bowl of the best ramen on earth or pulling a marathon of Neil deGrasse Tyson. It's that spark of curiousity which drives my passion. Nothing has captivated me more than the journey of being a web developer. I'd like to keep it up.
</p>
</section>
<div class="parallax-img2">
<div class="ptext">
<span class="border">
<img src="./img/quote5.png" alt="Isaac Newton Quote">
</span>
</div>
</div>
<div class="section section-dark">
<h2>What can I do?</h2>
<p class="skill-name"><i class="fa fa-cogs" aria-hidden="true"></i> Back-End (Rails, PostgreSQL)</p>
<div class="skill-container">
<div class="skills back-end">90%</div>
</div>
<p class="skill-name"><i class="fa fa-picture-o" aria-hidden="true"></i> Front-End (HTML, CSS, JS)</p>
<div class="skill-container">
<div class="skills front-end">85%</div>
</div>
<p class="skill-name"><i class="fa fa-shield" aria-hidden="true"></i> Testing (RSpec, Jasmine, PhantomJS)</p>
<div class="skill-container">
<div class="skills testing">80%</div>
</div>
<p class="skill-name"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Web Design</p>
<div class="skill-container">
<div class="skills design">75%</div>
</div>
<p class="skill-name"><i class="fa fa-graduation-cap" aria-hidden="true"></i> Learning a new skill</p>
<div class="skill-container">
<div class="skills learn">100%</div>
</div>
</div>
<div class="parallax-img3">
<div class="ptext">
<span class="border">
<img src="./img/quote6-a.png" alt="Socrates Quote">
</span>
</div>
</div>
<div class="section section section-dark">
<h2>What have I done?</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia quisquam voluptatum quidem praesentium temporibus eaque commodi nihil, rerum saepe in perspiciatis. Odit, blanditiis eius debitis, quisquam et optio! Iure nesciunt commodi nulla aliquam culpa fugit nihil laboriosam soluta repellat consequuntur magnam repudiandae odio reiciendis, veniam illo, modi quibusdam impedit deleniti?
</p>
</div>
<div class="parallax-img1">
<div class="ptext">
<span class="border">
<h1>The End</h1>
</span>
</div>
</div>
</body>
</html>