This repository has been archived by the owner on Jan 15, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
191 lines (173 loc) · 7.21 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
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
183
184
185
186
187
188
189
190
191
<!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">
<script src="https://kit.fontawesome.com/07e02e8a2b.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/main.css">
<title>About Me</title>
<script src="js/main.js" defer></script>
<script src="js/Text_Animation.js" defer></script>
</head>
<body>
<a href="work.html" class="see-my-work looping-button"><span></span>
<span></span>
<span></span>
<span></span>
My work</a>
<a href="./docx/Dolev_Dublon_resume.docx" class="see-my-work see-my-work2">Download MY Resume</a>
<a href="contact.html" class="see-my-work see-my-work3 in-about-me-page">contact me</a>
<header>
<div class="menu-btn">
<div class="btn-line"></div>
<div class="btn-line"></div>
<div class="btn-line"></div>
</div>
<nav class="menu">
<div class="menu-branding">
<div class="portrait"></div>
</div>
<ul class="menu-nav">
<li class="nav-item ">
<a href="index.html" class="nav-link">
Home
</a>
</li>
<li class="nav-item current">
<a href="about.html" class="nav-link">
About Me
</a>
</li>
<li class="nav-item">
<a href="work.html" class="nav-link">
My Work
</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">
How To Reach Me
</a>
</li>
</ul>
</nav>
</header>
<main id="about">
<h1 class="lg-heading">
About
<span class="text-secondary">Me</span>
</h1>
<h2 class="sm-heading">
Let me tell you a few things...
</h2>
<div class="about-info">
<img src="img/portrait.jpg" alt="Dolev Dublon" class="bio-image">
<div class="bio">
<h3 class="text-secondary">Who am i?</h3>
<p>I am a software developer based in Israel and I have been building a bunch of websites
. I help convert a vision and an idea into meaningful and useful
software products. Having the ability to transform requirements into a useful software. </p>
</div>
<div class="job job-1">
<h3>Military Service</h3>
<h6>2017-2020 Missile technician on the Israli Navy </h6>
<p>Full Military Service on the Israely navy Warships as a Missile technician. Responsible for the
maintanance of the Missile and his systems in the ship.</p>
<i class="fas fa-ship"></i>
<i class="fas fa-rocket"></i>
<i class="fas fa-male"></i>
</div>
<div class="job job-2">
<h3>Full Stack Web developer Course</h3>
<h6>Jhon Bryce Bootcamp 2020-2021</h6>
<p>I learned the basics of developing web applications, and building 3 projects including a virtual
store, a vacation
tracking site, and a virtual currency tracking site.</p>
<i class="fab fa-js-square"></i>
<i class="fab fa-react"></i>
<i class="fab fa-angular"></i>
<i class="fab fa-node"></i>
<i class="fas fa-database">sql</i>
<i class="fab fa-git"></i>
</div>
<div class="job job-3">
<h3>Computer Science Degree </h3>
<h3>2021-2024</h3>
<p>In the Degree i leaned Algorithems and data structures and a lot of math :) </p>
<i class="fas fa-user-graduate "></i>
<i class="fab fa-java "></i>
<i class="fas fa-code "></i>
</div>
</div>
<h1 class="skills-header">My Skills</h1>
<div class="projects">
<div class="skill item">
<img class="fit-image no-hover-effect" src="./img/skills/react-angular.png" alt="logo-react-angular">
<h3>Front End FrameWorks</h3>
<p>I use proven design patterns and frameworks to build websites. Visit my projects to see examples :)
</p>
</div>
<div class="skill item">
<img class="fit-image no-hover-effect" src="./img/skills/node.webp" alt="nodejs logo">
<h3>Node.js Backend</h3>
<p>In my projects i use Node.js as the backend to proccess the requests and handle the connection
between the database and the client. </p>
</div>
<div class="skill item">
<img class="fit-image no-hover-effect" src="./img/skills/mysql.png" alt="">
<h3>MySQL Database</h3>
<p>Database to store data For every CRUD (create, read, update, delete) application. </p>
</div>
<div class="skill item">
<img class="fit-image no-hover-effect" src="./img/skills/jslogo.png" alt="">
<h3>Front End Basics</h3>
<p>I use HTML CSS and javascript to build attractive responsive frontends for websites. </p>
</div>
<div class="skill item">
<img class="fit-image no-hover-effect" src="./img/skills/git.png" alt="">
<h3>Git version control</h3>
<p>I use Git and Github to deploy and to manage my improvements in the projects i program. </p>
</div>
</div>
</main>
<footer id="main-footer">
<div class="icons">
<a href="www.linkedin.com/in/dolevdublon" target="www.linkedin.com/in/dolevdublon" class="footer-link">
<i class="fab fa-linkedin fa-2x"></i>
</a>
<a href="https://github.com/dolev146" target="https://github.com/dolev146" class="footer-link">
<i class="fab fa-github fa-2x"></i>
</a>
<a href="mailto: [email protected]" class="footer-link">
<i class="fab fas fa-envelope fa-2x"></i>
</a>
<a href="tel:+972505884960" class="footer-link">
<i class="fas fa-phone fa-2x"></i>
</a>
</div>
<div class="footer-nav icons">
<div>
<a href="index.html">
Home
</a>
</div>
<div class="current">
<a href="about.html">
About Me
</a>
</div>
<div>
<a href="work.html">
My Work
</a>
</div>
<div>
<a href="contact.html">
Contact Me
</a>
</div>
</div>
<p>Copytight © 2021</p>
</footer>
</body>
</html>