Skip to content

Final portfolio website #1

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.

Sign up for GitHub

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

Open
mpone wants to merge 8 commits into
base: master
Choose a base branch
from
Open

Final portfolio website #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
cc0f62f
Code for review
Jun 23, 2020
17d53a9
Social media links were changed on both pages
Jun 23, 2020
f52920c
Index.html was updated
Jun 23, 2020
c3f940b
Update README.md
mpone Jun 23, 2020
fb39274
about.html (text about) was updated
Jun 23, 2020
742843b
Merge branch 'gh-pages' of https://github.com/mpone/portfolio into gh…
Jun 23, 2020
de584fb
about.html and README were updated
Jun 23, 2020
b6780a5
README was updated
Jun 23, 2020
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
8 changes: 5 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
# portfolio
My first portfolio. Klick the link below to check the website:
***
[Portfolio website]()
My first portfolio. Klick on links below to check the information:

* [Preview](https://mpone.github.io/portfolio/)
* [Pull request](https://github.com/mpone/portfolio/pull/1)

96 changes: 96 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
<!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>Mykhailo Parfeniuk - beginner web-developer</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.min.css">
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
<script src="https://kit.fontawesome.com/3263e75f2b.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="wrapper">
<header>
<nav>
<div class="logo">
<a href="index.html" class="logo__name">m.p</a>
</div>
<div class="hamburger-menu">
<input id="menu__icon" type="checkbox" />
<label class="menu__btn" for="menu__icon">
<span class="hamburger-icon"></span>
</label>
<ul class="menu__box">
<li>
<div class="menu__item-position">
<a href="index.html" class="menu__item ">Portfolio</a>
</div>
</li>
<li>
<div class="menu__item-position">
<a href="#" class="menu__item menu__item-active menu__item-last">About</a>
</div>
</li>
</ul>
</div>
</nav>
</header>
<div class="main">
<section class="photo">
<img src="img/photo-bg.png" alt="" class="photo__bg">
</section>
<section class="about">
<div class="page-about__title">
<div class="about__subtitle">
ABOUT MYSELF
</div>
Hi for all, I am Mykhailo, beginner web-developer, based in Kyiv, Ukraine. Currently now I'm studying for 4 months of HTML/CSS base and have already created few interesting projects, check them on a Portfolio page. If you are interested in something - just send a message or look at my social media pages.
</div>
</section>

<section class="sm">
<div class="sm__box">
<div class="sm__box-text">
<span>Let's start to communicate:</span>
</div>
<div class="sm__box-links">
<div id="email">example@example.com</div>
<button title="Click to copy Email" class="sm__box-links-general sm__box-links-em" onclick="copyToClipboard('#email')">
<i class="fas fa-envelope-square"></i>
</button>
<a href="https://linkedin.com/in/mykhailo-parfeniuk" target="_blank" title="LinkedIn Profile" class="sm__box-links-general sm__box-links-li">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://www.facebook.com/m.parfeniuk" target="_blank" title="Facebook Profile" class="sm__box-links-general sm__box-links-fb">
<i class="fab fa-facebook-square"></i>
</a>
</div>
</div>
</section>
</div>
<footer>
<div class="footer__elements">
<div class="copyright">
&#169; 2019 Mykhailo Parfeniuk.
<br>
All rights reserved.
</div>
<div class="footer__about">
Mykhailo Parfeniuk
<br>
Beginner Web-Developer
</div>
<div class="footer_email">E: example@examle.com
</div>
</div>
</footer>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.masonry.min.js"></script>
<script src="js/libs.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
12 changes: 12 additions & 0 deletions css/style.min.css
View file
Open in desktop

Large diffs are not rendered by default.

Binary file added img/1.jpg
View file
Open in desktop
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 img/2.jpg
View file
Open in desktop
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 img/3.jpg
View file
Open in desktop
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 img/4.jpg
View file
Open in desktop
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 img/5.jpg
View file
Open in desktop
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 img/6.jpg
View file
Open in desktop
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 img/favicon.ico
View file
Open in desktop
Binary file not shown.
Binary file added img/photo-bg.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
174 changes: 174 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,174 @@
<!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>Mykhailo Parfeniuk - beginner web-developer</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.min.css">
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
<script src="https://kit.fontawesome.com/3263e75f2b.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="wrapper">
<header>
<nav>
<div class="logo">
<a href="index.html" class="logo__name">m.p</a>
</div>
<div class="hamburger-menu">
<input id="menu__icon" type="checkbox" />
<label class="menu__btn" for="menu__icon">
<span class="hamburger-icon"></span>
</label>
<ul class="menu__box">
<li>
<div class="menu__item-position">
<a href="#" class="menu__item menu__item-active">Portfolio</a>
</div>
</li>
<li>
<div class="menu__item-position">
<a href="about.html" class="menu__item menu__item-last">About</a>
</div>
</li>
</ul>
</div>
</nav>
</header>
<div class="main">
<section class="about">
<div class="about__title">
Hello, I am Mykhailo, a beginner web-developer, based in Kyiv, Ukraine.
</div>
</section>
<section class="projects">
<div class="projects__grid">
<div class="card-columns">
<!-- Card 1 in grid -->
<div class="card">
<a href="https://codepen.io/mpone/pen/xxxgvBY" class="projects__grid-item" target="_blank" title="Sweets by S.B">
<img src="img/1.jpg" alt="" class="projects__img">
<div class="projects__text">
<span class="projects__text-title">
Sweets by S.B
</span>
<span class="projects__text-subtitle">
Brand page about bespoke candies
</span>
</div>
</a>
</div>
<div class="card">
<a href="https://codepen.io/mpone/pen/VwZqXWe" class="projects__grid-item" target="_blank" title="Airbnb">
<img src="img/4.jpg" alt="" class="projects__img">
<div class="projects__text">
<span class="projects__text-title">
Airbnb
</span>
<span class="projects__text-subtitle">
Adaptive Checkbox Footer
</span>
</div>
</a>
</div>
<div class="card">
<a href="https://codepen.io/mpone/pen/PoYdzGd" class="projects__grid-item" target="_blank" title="Stripe">
<img src="img/3.jpg" alt="" class="projects__img">
<div class="projects__text">
<span class="projects__text-title">
Stripe
</span>
<span class="projects__text-subtitle">
Stripe Pricing Block
</span>
</div>
</a>
</div>
<div class="card">
<a href="https://codepen.io/mpone/pen/dybKNVg" class="projects__grid-item" target="_blank" title="SignIn form">
<img src="img/5.jpg" alt="" class="projects__img">
<div class="projects__text">
<span class="projects__text-title">
Sign In Form
</span>
<span class="projects__text-subtitle">
Adaptive example of Sign In form
</span>
</div>
</a>
</div>
<div class="card">
<a href="https://codepen.io/mpone/pen/VwZOGga" class="projects__grid-item" target="_blank" title="InVision">
<img src="img/2.jpg" alt="" class="projects__img">
<div class="projects__text">
<span class="projects__text-title">
InVision
</span>
<span class="projects__text-subtitle">
InVision Sign Up Page
</span>
</div>
</a>
</div>
<div class="card">
<a href="https://codepen.io/mpone/pen/vYBZVMe" class="projects__grid-item" target="_blank" title="Magazine App">
<img src="img/6.jpg" alt="" class="projects__img">
<div class="projects__text">
<span class="projects__text-title">
Magazine App
</span>
<span class="projects__text-subtitle">
Example of article view in magazine's mobile app
</span>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="sm">
<div class="sm__box">
<div class="sm__box-text">
<span>Let's start to communicate:</span>
</div>
<div class="sm__box-links">
<div id="email">example@example.com</div>
<button title="Click to copy Email" class="sm__box-links-general sm__box-links-em" onclick="copyToClipboard('#email')">
<i class="fas fa-envelope-square"></i>
</button>
<a href="https://linkedin.com/in/mykhailo-parfeniuk" target="_blank" title="LinkedIn Profile" class="sm__box-links-general sm__box-links-li">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://www.facebook.com/m.parfeniuk" target="_blank" title="Facebook Profile" class="sm__box-links-general sm__box-links-fb">
<i class="fab fa-facebook-square"></i>
</a>
</div>
</div>
</section>
</div>
<footer>
<div class="footer__elements">
<div class="copyright">
&#169; 2019 Mykhailo Parfeniuk.
<br>
All rights reserved.
</div>
<div class="footer__about">
Mykhailo Parfeniuk
<br>
Beginner Web-Developer
</div>
<div class="footer_email">E: example@examle.com
</div>
</div>
</footer>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.masonry.min.js"></script>
<script src="js/libs.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
1 change: 1 addition & 0 deletions js/libs.min.js
View file
Open in desktop

Large diffs are not rendered by default.

15 changes: 15 additions & 0 deletions js/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
$(function(){




});

/* Copying an e-mail address while clicking on the letter icon */
function copyToClipboard(element) {
var $temp = $("<input>");
$("body").append($temp);
$temp.val($(element).text()).select();
document.execCommand("copy");
$temp.remove();
}