Skip to content

Commit

Permalink
first commit
Browse files Browse the repository at this point in the history
  • Loading branch information
Alex committed Aug 20, 2024
1 parent 3764691 commit 6ff4c50
Show file tree
Hide file tree
Showing 57 changed files with 1,243 additions and 118 deletions.
72 changes: 72 additions & 0 deletions contacts.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Freelancer portfolio</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<nav class="nav">
<div class="container">
<div class="nav-row">
<a href="./index.html" class="logo"><strong>Freelancer</strong> portfolio</a>

<button class="dark-mode-btn">
<img src="./img/icons/sun.svg" alt="Light mode" class="dark-mode-btn__icon">
<img src="./img/icons/moon.svg" alt="Dark mode" class="dark-mode-btn__icon">
</button>

<ul class="nav-list">
<li class="nav-list__item"><a href="./index.html" class="nav-list__link">Home</a></li>
<li class="nav-list__item"><a href="./projects.html" class="nav-list__link">Projects</a></li>
<li class="nav-list__item"><a href="./contacts.html" class="nav-list__link nav-list__link--active">Contacts</a></li>
</ul>
</div>
</div>
</nav>

<main class="section">
<div class="container">
<h1 class="title-1">Contacts</h1>

<ul class="content-list">
<li class="content-list__item">
<h2 class="title-2">Location</h2>
<p>Moscow, Russia</p>
</li>
<li class="content-list__item">
<h2 class="title-2">Telegram / WhatsApp</h2>
<p><a href="tel:+79051234567">+7 (905) 123-45-67</a></p>
</li>
<li class="content-list__item">
<h2 class="title-2">Email</h2>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</li>
</ul>

</div>
</main>

<footer class="footer">
<div class="container">
<div class="footer__wrapper">
<ul class="social">
<li class="social__item"><a href="#!"><img src="./img/icons/vk.svg" alt="Link"></a></li>
<li class="social__item"><a href="#!"><img src="./img/icons/instagram.svg" alt="Link"></a></li>
<li class="social__item"><a href="#!"><img src="./img/icons/twitter.svg" alt="Link"></a></li>
<li class="social__item"><a href="#!"><img src="./img/icons/gitHub.svg" alt="Link"></a></li>
<li class="social__item"><a href="#!"><img src="./img/icons/linkedIn.svg" alt="Link"></a></li>
</ul>
<div class="copyright">
<p>© 2022 frontend-dev.com</p>
</div>
</div>
</div>
</footer>

<script src="./js/main.js"></script>

</body>
</html>
52 changes: 39 additions & 13 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
"@testing-library/user-event": "^13.5.0",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-router-dom": "^6.24.1",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},
Expand Down
71 changes: 71 additions & 0 deletions project-page.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Freelancer portfolio</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<nav class="nav">
<div class="container">
<div class="nav-row">
<a href="./index.html" class="logo"><strong>Freelancer</strong> portfolio</a>

<button class="dark-mode-btn">
<img src="./img/icons/sun.svg" alt="Light mode" class="dark-mode-btn__icon">
<img src="./img/icons/moon.svg" alt="Dark mode" class="dark-mode-btn__icon">
</button>

<ul class="nav-list">
<li class="nav-list__item"><a href="./index.html" class="nav-list__link ">Home</a></li>
<li class="nav-list__item"><a href="./projects.html" class="nav-list__link nav-list__link--active">Projects</a></li>
<li class="nav-list__item"><a href="./contacts.html" class="nav-list__link">Contacts</a></li>
</ul>
</div>
</div>
</nav>

<main class="section">
<div class="container">
<div class="project-details">

<h1 class="title-1">Video service</h1>

<img src="./img/projects/02-big.jpg" alt="" class="project-details__cover">

<div class="project-details__desc">
<p>Skills: React, Node.js, MongoDB</p>
</div>

<a href="#!" class="btn-outline">
<img src="./img/icons/gitHub-black.svg" alt="">
GitHub repo
</a>

</div>
</div>
</main>

<footer class="footer">
<div class="container">
<div class="footer__wrapper">
<ul class="social">
<li class="social__item"><a href="#!"><img src="./img/icons/vk.svg" alt="Link"></a></li>
<li class="social__item"><a href="#!"><img src="./img/icons/instagram.svg" alt="Link"></a></li>
<li class="social__item"><a href="#!"><img src="./img/icons/twitter.svg" alt="Link"></a></li>
<li class="social__item"><a href="#!"><img src="./img/icons/gitHub.svg" alt="Link"></a></li>
<li class="social__item"><a href="#!"><img src="./img/icons/linkedIn.svg" alt="Link"></a></li>
</ul>
<div class="copyright">
<p>© 2022 frontend-dev.com</p>
</div>
</div>
</div>
</footer>

<script src="./js/main.js"></script>

</body>
</html>
90 changes: 90 additions & 0 deletions projects.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Freelancer portfolio</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<nav class="nav">
<div class="container">
<div class="nav-row">
<a href="./index.html" class="logo"><strong>Freelancer</strong> portfolio</a>

<button class="dark-mode-btn">
<img src="./img/icons/sun.svg" alt="Light mode" class="dark-mode-btn__icon">
<img src="./img/icons/moon.svg" alt="Dark mode" class="dark-mode-btn__icon">
</button>

<ul class="nav-list">
<li class="nav-list__item"><a href="./index.html" class="nav-list__link ">Home</a></li>
<li class="nav-list__item"><a href="./projects.html" class="nav-list__link nav-list__link--active">Projects</a></li>
<li class="nav-list__item"><a href="./contacts.html" class="nav-list__link">Contacts</a></li>
</ul>
</div>
</div>
</nav>

<main class="section">
<div class="container">
<h2 class="title-1">Projects</h2>
<ul class="projects">
<li class="project">
<a href="./project-page.html">
<img src="./img/projects/01.jpg" alt="Project img" class="project__img">
<h3 class="project__title">Gaming streaming portal</h3>
</a>
</li>
<li class="project">
<a href="./project-page.html">
<img src="./img/projects/02.jpg" alt="Project img" class="project__img">
<h3 class="project__title">Video service</h3>
</a>
</li>
<li class="project">
<a href="./project-page.html">
<img src="./img/projects/03.jpg" alt="Project img" class="project__img">
<h3 class="project__title">Video portal</h3>
</a>
</li>

<li class="project">
<img src="./img/projects/04.jpg" alt="Project img" class="project__img">
<h3 class="project__title">Dating app</h3>
</li>
<li class="project">
<img src="./img/projects/05.jpg" alt="Project img" class="project__img">
<h3 class="project__title">Landing</h3>
</li>
<li class="project">
<img src="./img/projects/06.jpg" alt="Project img" class="project__img">
<h3 class="project__title">Gaming community</h3>
</li>

</ul>
</div>
</main>

<footer class="footer">
<div class="container">
<div class="footer__wrapper">
<ul class="social">
<li class="social__item"><a href="#!"><img src="./img/icons/vk.svg" alt="Link"></a></li>
<li class="social__item"><a href="#!"><img src="./img/icons/instagram.svg" alt="Link"></a></li>
<li class="social__item"><a href="#!"><img src="./img/icons/twitter.svg" alt="Link"></a></li>
<li class="social__item"><a href="#!"><img src="./img/icons/gitHub.svg" alt="Link"></a></li>
<li class="social__item"><a href="#!"><img src="./img/icons/linkedIn.svg" alt="Link"></a></li>
</ul>
<div class="copyright">
<p>© 2022 frontend-dev.com</p>
</div>
</div>
</div>
</footer>

<script src="./js/main.js"></script>

</body>
</html>
Binary file removed public/favicon.ico
View file
Binary file not shown.
6 changes: 3 additions & 3 deletions public/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,19 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<link rel="stylesheet" href="../src/styles/main.module.css">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />

<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Expand Down
Binary file removed public/logo192.png
View file
Binary file not shown.
Binary file removed public/logo512.png
View file
Binary file not shown.
25 changes: 0 additions & 25 deletions public/manifest.json
View file

This file was deleted.

Loading

0 comments on commit 6ff4c50

Please sign in to comment.