-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (139 loc) · 5.4 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
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>mkzuprjkt</title>
<meta name="description"
content="mkzuprjkt is a branch of the xziprjkt Development Organization more preciesly mkzuprjkt is the personal website of the leader of xziprjkt.">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<script type="https://kit.fontawesome.com/a54d2cbf95.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
</head>
<body>
<!-- Balek Munggah -->
<div class="munggah">
<a href="#" class="topless">
<i class="fas fa-chevron-up"></i>
</a>
</div>
<!-- sidebar -->
<div id="Jancok">
<input type="checkbox" class="check" id="check">
<div class="sidebar">
<h1>Command Center</h1>
<ul>
<a href="#about"><li class="active" onclick="Cok()"><i class="fa-solid fa-id-badge"></i>About</li></a>
<a href="#sekill"><li onclick="Cok()"><i class="fa-solid fa-gears"></i>Skills</li></a>
<!-- <a href="release.html"><li onclick="Cok()"><i class="fa-solid fa-download"></i>Release</li></a> -->
<a href="#kotang"><li onclick="Cok()"><i class="fa-solid fa-envelope"></i>Contact</li></a>
</ul>
</div>
</div>
<!-- Header -->
<div class="pix">
<header>
<div class="container">
<h1><a href=""><div class="tulisan">MKZU.</div></h1>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#sekill">Skills</a></li>
<!-- <li><a href="release.html">Release</a></li> -->
<li><a href="#kotang">Contact</a></li>
</ul>
<!-- Mobile Menu -->
<label for="check" class="mobile-menu">
<i class="fa-solid fa-bars fa-2x"></i>
</label>
</div>
</header>
</div>
<!-- Ini Banner Cok -->
<section class="banner">
<div class="container">
<div class="banner-kiwo">
<div id="poto"><img src="img/mkzu.jpg"></div>
<h2>Hello Everyone....<br>
I'm Irfan Arif<br>
I am a <span class="ngentot"></span></h2>
<p>Welcome to my portfolio</p>
</div>
</div>
</section>
<!-- iki About -->
<section id="about">
<div class="container">
<h3>About Me</h3>
<p>I live in the city of Mojokerto. I,m currently learning some programming language for example such as java, js, html, css, c, c++, makefile, xml, kotlin, python, etc. I am an expert in motorcycle mechanical engineering with 4 years experience as a racing mechanic. But now I'm foccusing on Android Development, I currently serve as a Core Developer in the KomodoOS Android Development Project and I also maintain several official custom roms such as AncientOS, Nusantara Project, XdroidOSS for devices with the codenames garden, selene, and merlinx. I also have expertise in drawing characters both in digital and traditional forms with 1 year experience creating and drawing characters using several software ssuch as clip studio paint, corel draw, adobe illustrator, and ibis paintX. Maybe that's all I can explain about myself, sorry if it's too convoluted XD.</p>
</div>
</section>
<!-- Sekill -->
<section id="sekill">
<div class="kill"><div class="container">
<h3>Skills</h3>
<h4>HTML</h4>
<div class="bar">
<span class="nilai html">60%</span>
</div>
<h4>JavaScript</h4>
<div class="bar">
<span class="nilai javascript">35%</span>
</div>
<h4>java</h4>
<div class="bar">
<span class="nilai java">30%</span>
</div>
<h4>CSS</h4>
<div class="bar">
<span class="nilai css">70%</span>
</div>
<h4>Kotlin</h4>
<div class="bar">
<span class="nilai kotlin">10%</span>
</div>
<h4>Mechanical Engineering</h4>
<div class="bar">
<span class="nilai engineering">90%</span>
</div>
<h4>Graphic Designer</h4>
<div class="bar">
<span class="nilai graphic">85%</span>
</div>
</div>
</div></div>
</section>
<!--- Kotang -->
<section id="kotang">
<div class="container">
<h3>Contact</h3>
<div class="col-3 mail">
<h4>Email</h4>
<a href="mailto:[email protected]" target="_blank"><i class="fa-solid fa-envelope"></i><p>[email protected]</p></a>
</div>
<div class="col-3 tele">
<h4>Telegram</h4>
<a href="https://t.me/mikazuuu07" target="_blank"><i class="fa-brands fa-telegram"></i><p>mkzu.</p></a>
</div>
<div class="col-3 github">
<h4>Github</h4>
<a href="https://github.com/Mikazuuu07" target="_blank"><i class="fa-brands fa-github"></i><p>Mikazuuu07</p></a>
</div>
</div>
</section>
<!-- Iki Puter -->
<footer>
<div class="container">
<small>Copyright © 2022 - xziprjkt.</small>
</div>
</footer>
<script src="jancoksekrip/sekrip.js"></script>
</body>
</html>