-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
154 lines (144 loc) · 7.56 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!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>Vũ Văn Khơi</title>
<link rel="stylesheet" href="styles.css">
<!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.min.css" rel="stylesheet" /> -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-cpp.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-java.min.js"></script>
<link rel="stylesheet" href="app.css">
<link rel="stylesheet" href="https://ipa.chungchi365.com/_nuxt/iconfont-78cf5cacb1b8b5a62052065f527281e56b15ceae3f20ebdfd5fe0cfaebbd737c.Bc_iiR8Q.svg" as="style" onload="this.rel='stylesheet'">
</head>
<body>
<!-- Navbar -->
<div class="enter"></div>
<header >
<nav class="navbar box-shadow">
<div class="th"></div>
<ul class="nav-links">
<li><a href="#about">About Me</a></li>
<li><a href="#projects">My Stuffs</a></li>
<li><a href="#app">Signed App</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#contact">Contact</a></li>
<li style="display: flex; width: 26px;">
<svg viewBox="0 0 400 400" class="color-mode" id="colorMode" width="30" height="30">
<circle r="195" cx="200" cy="200" fill="white" stroke="#000" stroke-width="10" />
<path d="M 200 375 A 175 175 0 0 1 200 25" />
<path d="M 200 300 A 100 100 0 0 1 200 100" fill="#FFF" />
<path d="M 200 100 A 100 100 180 0 1 200 300" />
</svg>
</li>
</ul>
<div class="menu-button" id="menu-button">
☰ <!-- Hamburger icon -->
</div>
</nav>
</header>
<!-- Main Section -->
<main>
<!-- Profile Section -->
<section id="about" class="about-section">
<div class="padding profile">
<img src="./img/pf/profile-pic.png" alt="Profile Picture" class="profile-pic box-shadow">
<h2 style="margin-bottom: 0;">Hi, this is</h2>
<h1 style="margin-top: 0;">Vũ Văn Khơi <img style="height: 28px;" src="./img/icons/badge.png" alt=""></h1>
<div class="typing">
and I'm a <span id="typed-text"></span><span class="cursor">|</span>
</div>
<br>
<br>
<p>𝗡𝗲̂́𝘂 𝗕𝗮̣𝗻 𝗠𝘂𝗼̂́𝗻 𝗖𝗼́ 𝗡𝗵𝘂 𝗖𝗮̂̀𝘂 𝗠𝘂𝗮 𝗖𝗵𝘂̛́𝗻𝗴 𝗖𝗵𝗶̉ 𝗘𝘀𝗶𝗴𝗻-𝗦𝗰𝗮𝗿𝗹𝗲𝘁 𝗩𝗼̛́𝗶 𝗚𝗶𝗮́ 𝟱𝟬𝗸-𝟭𝟬𝟬𝗸-𝟭𝟱𝟬𝗸 𝗧𝗵𝐢̀ 𝐇𝐚̃𝐲 𝐓𝐫𝐮𝐲 𝐂𝐚̣̂𝐩 𝐓𝐫𝐚𝐧𝐠 𝐖𝐞𝐛 : 𝐜𝐞𝐫𝐭.𝐤𝐡𝐨𝐢𝐧𝐝𝐯𝐧.𝐢𝐨.𝐯𝐧</p>
<div class="social-buttons"></div>
</div>
</section>
<!-- Projects Section -->
<section id="projects" class="projects-section">
<div class="prj-collum">
<h2> </h2>
<div class="project">
<h3>Website Bán Chứng Chỉ Tự Động</h3>
<a href="https://cert.khoindvn.io.vn" target="_blank"><img src="./img/icons/redirect.png" alt=""></a>
</div>
<div class="project">
<h3> Telegram Channel Notification</h3>
<a href="https://t.me/+SpFewJb4liUwODM1" target="_blank"><img src="./img/icons/redirect.png" alt=""></a>
</div>
<div class="project">
<h3> Box Chat Zalo</h3>
<a href="https://zalo.me/g/tfyxml607" target="_blank"><img src="./img/icons/redirect.png" alt=""></a>
</div>
</div>
<div class="prj-collum">
<h2> </h2>
<div class="project">
<h3>Install DNS Profile</h3>
<a href="https://khoindvn.io.vn/document/DNS/khoindns.mobileconfig?sign=1" target="_blank"><img src="./img/icons/download.png" alt=""></a>
</div>
<div class="project">
<h3>Download Esign certificate</h3>
<a href="https://khoindvn.io.vn/document/DNS/Esign-Certs.zip" target="_blank"><img src="./img/icons/download.png" alt=""></a>
</div>
<div class="project">
<h3>Tutorial</h3>
<a href="https://avieshek.wordpress.com/2024/06/11/how-to-sideload-on-ios/"><img src="./img/icons/info.png" alt=""></a>
</div>
</div>
<div class="proj-collum">
</div>
</section>
<!-- app section -->
<h2 id="app" style="text-align: center;">Signed App</h2>
<section class="app-section">
</section>
<div class="line"></div>
<h2 style="text-align: center; margin-top: 5em;">Esign Bypass Revoke</h2>
<br>
<div class="esign-section"></div>
<div id="wave1" class="wave-container">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path class="svg1" fill="#fff" fill-opacity="1" d="M0,288L48,272C96,256,192,224,288,213.3C384,203,480,213,576,213.3C672,213,768,203,864,192C960,181,1056,171,1152,165.3C1248,160,1344,160,1392,160L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
</svg>
</div>
<!-- Skills Section -->
<section id="skills" class="skills-section">
<h2>Programming Language Skills</h2>
<div class="skill">
<span>HTML/CSS</span>
<div class="skill-bar">
<div class="skill-fill" style="background-color: #e34c26;" data-percent="76%"></div>
</div>
</div>
<div class="skill">
<span>Lua</span>
<div class="skill-bar">
<div class="skill-fill" style="background-color: #1f5af9;"data-percent="68%"></div>
</div>
</div>
<div class="skill">
<span>PHP</span>
<div class="skill-bar">
<div class="skill-fill" style="background-color: #89a5f3;"data-percent="12%"></div>
</div>
</div>
<div class="skill">
<span>MySQL</span>
<div class="skill-bar">
<div class="skill-fill" style="background-color: #f29111;" data-percent="9%"></div>
</div>
</div>
</section>
<section id="contact" class="contact-section">
<h2>Contact Me</h2>
<p>Vũ Văn Khơi<strong>[email protected]</strong>.</p>
</section>
</main>
<script src="main.js"></script>
<script src="app.js"></script>
</body>
</html>