-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (85 loc) · 3.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Remaster</title>
<link rel="stylesheet" href="./style.css" />
<!-- Font awesome-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<header>
<nav class="head-menu">
<span class="logo"><span class="gradient">R</span>emaster</span>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<div id="home" class="greet-text">
<img class="avatar" src="./assests/icon.png" alt="Github profile avatar">
<h1>Hi, i'm <span class="blue-text">Ivan Degtyarev</span></h1>
<p>Full-Stack Developer</p>
</div>
<div id="about">
<h1 class="sub-title">About me</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque congue nibh in bibendum
blandit.
Morbi a ipsum felis. Mauris vitae iaculis eros. Pellentesque interdum leo et tellus pulvinar
volutpat.
Donec euismod dolor risus, ac fermentum lorem mattis quis. Sed a metus enim. Quisque consequat
volutpat
leo. Ut elementum ornare urna, ac sollicitudin ligula venenatis eget. Donec auctor iaculis nisl, non
accumsan turpis imperdiet a. Nullam pulvinar massa sed auctor lobortis. Pellentesque ac lectus
metus.
Nunc egestas risus vel feugiat elementum.
</p>
</div>
<div id="services">
<h1 class="sub-title">My services</h1>
<div class="services-list">
<div>
<i class="fa-solid fa-code"></i>
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque congue nibh in bibendum
blandit. Morbi a ipsum felis.</p>
</div>
<div>
<i class="fa-solid fa-network-wired"></i>
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque congue nibh in bibendum
blandit. Morbi a ipsum felis.</p>
</div>
<div>
<i class="fa-solid fa-sitemap"></i>
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque congue nibh in bibendum
blandit. Morbi a ipsum felis.</p>
</div>
</div>
</div>
<div id="contact">
<h1 class="sub-title">Contact me</h1>
<p><i class="fa-solid fa-envelope"></i> noreply@noreply.com</p>
<p><i class="fa-solid fa-phone"></i> 0123456789</p>
<div class="socials">
<i class="fa-brands fa-square-facebook"></i>
<i class="fa-brands fa-square-x-twitter"></i>
<i class="fa-brands fa-vk"></i>
<i class="fa-brands fa-discord"></i>
</div>
</div>
</main>
<footer>
<p>Created by <a href="https://github.com/Remaster1">Remaster1</a></p>
</footer>
<script src="./index.js"></script>
</body>
</html>