This repository has been archived by the owner on Apr 9, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
61 lines (57 loc) · 2.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JustinL | About</title>
<link rel="icon" href="https://avatars.githubusercontent.com/u/93564256?v=4" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1.0">
<meta name="description" content="About JustinL" />
<!----CSS link---->
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="hero">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<a href="https://justinlewis.vercel.app/"><img src="https://avatars.githubusercontent.com/u/93564256?v=4" class="logo" alt="logo"></a>
<ul>
<li><a href="/index.html">Home</a></li>
<li><a class="active" href="/about.html">About</a></li>
<li><a href="/projects.html">Projects</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="https://sites.google.com/view/justinl-dev/home">Old site</a></li>
</ul>
</nav>
<section></section>
</div>
<center>
<div class="about">
<h1>About <span> me</span>!</h1>
<section></section>
<p>I'am a web apps developer!</p>
<p>A designer, a hacker (sometimes😅). Working at <a href="https://github.com/desktopos">desktopOS</a></p>
<img src="https://media.discordapp.net/attachments/921011982465896518/1026032793274294343/Screenshot_2022-10-02_121705.png" alt="pc" width="340" height="340" style="max-width:100%;height:auto;" >
</div>
<div class="footer-content-right">
<a href="https://github.com/justinl99"><img src="https://media.macosicons.com/parse/files/macOSicons/ffaaf6a3bd852967d8e7f6800a6af548_low_res_Github.png" class="icon-style" alt="Github icon"></a>
<a href="https://twitter.com/justinl99_l"><img src="https://media.macosicons.com/parse/files/macOSicons/ca9cf6cb5377d58f60b93ace77b804a2_low_res_Twitter.png" class="icon-style" alt="Twitter icon"></a>
<a href="mailto:huynhducanh1980@gmail.com"><img src="https://media.macosicons.com/parse/files/macOSicons/4aa78d1ac1222badd1151fbf2c5082d5_Mail.png" class="icon-style" alt="Email icon"></a>
<a href="https://www.instagram.com/justinl_dev/"><img src="https://media.macosicons.com/parse/files/macOSicons/4b861a87491efcb1579167a1491b95df_low_res_Instagram.png" class="icon-style" alt="Instagram icon"></a>
<p>Make with ❤️ by justinl99</p>
<div>
<button onclick="darkMode()">Dark mode</button>
</div>
<script>
function darkMode() {
var element = document.body;
element.classList.toggle("dark-mode");
}
</script>
</div>
</div>
</center>
</body>
</html>