-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
88 lines (85 loc) · 3.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Artin.dev</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
crossorigin="anonymous">
<link rel="stylesheet" href="styles/styles.css" type="text/css">
</head>
<body>
<!-- Header -->
<header class="header">
<nav class="navigation">
<ul class="nav-list">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact-me.html">Contact Me</a>
</li>
</ul>
</nav>
<img class="head-img" src="images/avatar.png" alt="Profile">
<span class="head-name">Artin.dev</span>
<p class="head-bio">Something About Artin.dev</p>
<a class="button head-btn" href="">Contact Me</a>
</header>
<main>
<article class="box">
<h1>About Me</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsa illum, consequatur veritatis culpa in
consectetur quas nobis omnis officia ducimus est repudiandae aut velit! Officiis dolor ex optio.
Ducimus, dolore.Itaque voluptatibus recusandae dignissimos facilis eaque suscipit sunt dicta qui minima
ipsum consequuntur iusto enim id soluta, doloremque ratione distinctio omnis vitae quibusdam nesciunt.
Deserunt modi culpa repudiandae vero corporis?</p>
<span class="line"></span>
<h2>Skills</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. In possimus consequatur ullam, quis eligendi
aperiam nisi veniam deleniti architecto aspernatur dignissimos nulla placeat eos nam unde qui suscipit
quisquam fugiat.</p>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>Vscode</li>
<li>Python</li>
<li>ES6</li>
</ol>
<span class="line"></span>
<h2>Awards</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ipsum animi sit est, voluptate ullam suscipit ex nam, architecto recusandae quisquam nesciunt, nisi ut reprehenderit consequatur. Eius mollitia possimus eveniet laborum!</p>
<ol>
<li>Kharazmi</li>
<li>School</li>
<li>Skills</li>
<li>Sololearn</li>
<li>Best Developer 2018</li>
</ol>
<span class="line"></span>
</article>
</main>
<footer class="footer">
<ul class="socials">
<li class="social-link">
<a href="">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="social-link">
<a href="">
<i class="fab fa-telegram"></i>
</a>
</li>
<li class="social-link">
<a href="">
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
<p class="copyright">CopyRight © 2019 Artin.dev</p>
</footer>
</body>
</html>