Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

added new files and upload my resume #33

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added src/assets/Project1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/Project2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/cv.pdf
Binary file not shown.
Binary file added src/assets/img.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/project1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
81 changes: 46 additions & 35 deletions src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -46,9 +46,9 @@
<section id="hero" class="jumbotron">
<div class="container">
<h1 class="hero-title load-hidden">
Hi, my name is <span class="text-color-main">Your Name</span>
Hi, my name is <span class="text-color-main">Vova</span>
<br />
I'm the Unknown Developer.
I'm studying to become a Full-stack Developer.
</h1>
<p class="hero-cta load-hidden">
<a rel="noreferrer" class="cta-btn cta-btn--hero" href="#about"
Expand All @@ -71,26 +71,29 @@ <h2 class="section-title load-hidden">About me</h2>
class="img-fluid rounded shadow-lg"
height="auto"
width="300px"
src="assets/profile.jpg"
src="assets/img.jpg"
alt="Profile Image"
/>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="about-wrapper__info load-hidden">
<p class="about-wrapper__info-text">
This is where you can describe about yourself. The more you
describe about yourself, the more chances you can!
Over the past year, I learned the basics of HTML, CSS, JS. I am
currently taking The Complete Web Developer course. Zero to
Mastery. the deeper the more difficult questions, but I get
satisfaction when I solve them. That's why I like it!
</p>
<p class="about-wrapper__info-text">
Extra Information about you! like hobbies and your goals.
Also i try to play on guitar, like fishing and some sport. Gym
give me good motivation.
</p>
<span class="d-flex mt-3">
<a
rel="noreferrer"
target="_blank"
class="cta-btn cta-btn--resume"
href="assets/resume.pdf"
href="assets/cv.pdf"
>
View Resume
</a>
Expand All @@ -112,37 +115,37 @@ <h2 class="section-title dark-blue-text">Projects</h2>
<div class="row">
<div class="col-lg-4 col-sm-12">
<div class="project-wrapper__text load-hidden">
<h3 class="project-wrapper__text-title">Project Title 0</h3>
<h3 class="project-wrapper__text-title">Snake Game</h3>
<div>
<p class="mb-4">
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Excepturi neque, ipsa animi maiores repellendus distinctio
aperiam earum dolor voluptatum consequatur blanditiis
inventore debitis fuga numquam voluptate ex architecto
itaque molestiae.
This is a simple snake game everyone knows, it looks very
simple but it works. For me, this is a rather important but
small project, because I understood the JS part, understood
how to work with coordinates and various scenarios of the
game. It's interesting to me.
</p>
</div>
<a
rel="noreferrer"
target="_blank"
class="cta-btn cta-btn--hero"
href="#!"
href="https://vovarotterdam.github.io/snake_game/"
>
See Live
</a>
<a
rel="noreferrer"
target="_blank"
class="cta-btn text-color-main"
href="#!"
href="https://github.com/VovaRotterdam/snake_game"
>
Source Code
</a>
</div>
</div>
<div class="col-lg-8 col-sm-12">
<div class="project-wrapper__image load-hidden">
<a rel="noreferrer" href="#!" target="_blank">
<a rel="noreferrer" href="assets/Project2.jpg" target="_blank">
<div
data-tilt
data-tilt-max="4"
Expand All @@ -153,7 +156,7 @@ <h3 class="project-wrapper__text-title">Project Title 0</h3>
<img
alt="Project Image"
class="img-fluid"
src="assets/project.jpg"
src="assets/project1.jpg"
/>
</div>
</a>
Expand All @@ -166,37 +169,33 @@ <h3 class="project-wrapper__text-title">Project Title 0</h3>
<div class="row">
<div class="col-lg-4 col-sm-12">
<div class="project-wrapper__text load-hidden">
<h3 class="project-wrapper__text-title">Project Title 1</h3>
<h3 class="project-wrapper__text-title">Note Taker</h3>
<div>
<p class="mb-4">
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Excepturi neque, ipsa animi maiores repellendus distinctio
aperiam earum dolor voluptatum consequatur blanditiis
inventore debitis fuga numquam voluptate ex architecto
itaque molestiae.
A simple notebook, made by myself from the task.
</p>
</div>
<a
rel="noreferrer"
target="_blank"
class="cta-btn cta-btn--hero"
href="#!"
href="https://vovarotterdam.github.io/note-taker/"
>
See Live
</a>
<a
rel="noreferrer"
target="_blank"
class="cta-btn text-color-main"
href="#!"
href="https://github.com/VovaRotterdam/note-taker"
>
Source Code
</a>
</div>
</div>
<div class="col-lg-8 col-sm-12">
<div class="project-wrapper__image load-hidden">
<a rel="noreferrer" href="#!" target="_blank">
<a rel="noreferrer" href="assets/Project2.jpg" target="_blank">
<div
data-tilt
data-tilt-max="4"
Expand All @@ -207,7 +206,7 @@ <h3 class="project-wrapper__text-title">Project Title 1</h3>
<img
alt="Project Image"
class="img-fluid"
src="assets/project.jpg"
src="assets/Project2.jpg"
/>
</div>
</a>
Expand All @@ -217,7 +216,7 @@ <h3 class="project-wrapper__text-title">Project Title 1</h3>
<!-- /END Project -->

<!-- Notice: each .row is a project -->
<div class="row">
<!-- <div class="row">
<div class="col-lg-4 col-sm-12">
<div class="project-wrapper__text load-hidden">
<h3 class="project-wrapper__text-title">Project Title 2</h3>
Expand Down Expand Up @@ -267,7 +266,7 @@ <h3 class="project-wrapper__text-title">Project Title 2</h3>
</a>
</div>
</div>
</div>
</div> -->
<!-- /END Project -->
</div>
</div>
Expand All @@ -279,12 +278,12 @@ <h3 class="project-wrapper__text-title">Project Title 2</h3>
<div class="container">
<h2 class="section-title">Contact</h2>
<div class="contact-wrapper load-hidden">
<p class="contact-wrapper__text">[Put your call to action here]</p>
<p class="contact-wrapper__text">I'm here</p>
<a
rel="noreferrer"
target="_blank"
class="cta-btn cta-btn--resume"
href="mailto:example@email.com"
href="mailto:volodimirshypka@gmail.com"
>Call to Action</a
>
</div>
Expand All @@ -295,17 +294,29 @@ <h2 class="section-title">Contact</h2>
<!-- **** Footer Section **** -->
<footer class="footer navbar-static-bottom">
<div class="container">
<a rel="noreferrer" href="#top" class="back-to-top">
<a rel="noreferrer" href="" class="back-to-top">
<i class="fa fa-angle-up fa-2x" aria-hidden="true"></i>
</a>
<div class="social-links">
<a rel="noreferrer" href="#!" target="_blank">
<a
rel="noreferrer"
href="https://www.facebook.com/profile.php?id=100013653451576"
target="_blank"
>
<i class="fa fa-twitter fa-inverse"></i>
</a>
<a rel="noreferrer" href="#!" target="_blank">
<a
rel="noreferrer"
href="https://linkedin.com/in/vova-shypka-07a488253"
target="_blank"
>
<i class="fa fa-linkedin fa-inverse"></i>
</a>
<a rel="noreferrer" href="#!" target="_blank">
<a
rel="noreferrer"
href="https://github.com/VovaRotterdam"
target="_blank"
>
<i class="fa fa-github fa-inverse"></i>
</a>
</div>
Expand Down
Empty file.
4 changes: 2 additions & 2 deletions src/sass/abstracts/_variables.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
// COLORS
$primary-color: #02aab0;
$secondary-color: #00cdac;
$primary-color: #c009ce;
$secondary-color: #fbff00;

$white-color: #fff;

Expand Down