Skip to content

Commit 05f0973

Browse files
MuhammadMallqMuhammadMallq
authored
fix
1 parent 048bd97 commit 05f0973

File tree

3 files changed

+31
-0
lines changed

3 files changed

+31
-0
lines changed

‎index.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,13 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Personal Branding - Teknik Informatika</title>
77
<link rel="stylesheet" href="styles.css">
8+
89
<!-- Tambahkan link Font Awesome di <head> -->
910
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
1011
<script type="module" src="https://cdn.jsdelivr.net/gh/domyid/tracker@latest/index.js"></script>
1112

1213
<!-- Google tag (gtag.js) -->
14+
1315
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LG2SD2SF37"></script>
1416
<script>
1517
window.dataLayer = window.dataLayer || [];
@@ -25,8 +27,12 @@
2527
background-size: cover;
2628
}
2729
</style>
30+
31+
2832
</head>
2933
<body>
34+
35+
3036
<header>
3137
<h1 class="fade-in">Muhammad Malik Nur</h1>
3238
<p class="fade-in">D4 Teknik Informatika | Web Developer | Tech Enthusiast</p>
@@ -40,6 +46,7 @@ <h1 class="fade-in">Muhammad Malik Nur</h1>
4046
</ul>
4147
</nav>
4248

49+
4350
<section id="about" class="slide-up">
4451
<img src="img/Mall.png" alt="Gambar Profil" class="project-image small">
4552
<h2>Tentang Saya</h2>
@@ -55,6 +62,7 @@ <h3>Riwayat Pendidikan</h3>
5562
<div class="profile"></div>
5663
</section>
5764

65+
5866
<section id="skills" class="slide-up">
5967
<h2>Keahlian Pemrograman</h2>
6068
<div class="skill-carousel">
@@ -91,6 +99,7 @@ <h2>Keahlian Pemrograman</h2>
9199
</div>
92100
</section>
93101

102+
94103
<section id="projects" class="slide-up">
95104
<h2>My Projects</h2>
96105
<div class="projects-container">
@@ -117,24 +126,28 @@ <h3>Project Website UMKM</h3>
117126
<h2 style="grid-column: span 4; margin-bottom: 20px;">Kontak Saya</h2>
118127

119128
<!-- Email -->
129+
120130
<a href="mailto:Kamalputra1177@email.com" style="text-decoration: none; transition: transform 0.3s; color: rgb(148, 140, 140);">
121131
<i class="fa-solid fa-envelope" style="font-size: 40px;"></i>
122132
<p>Gmail</p>
123133
</a>
124134

125135
<!-- Instagram -->
136+
126137
<a href="https://www.instagram.com/mhmmdmallq/" target="_blank" style="text-decoration: none; transition: transform 0.3s; color: rgb(148, 140, 140);">
127138
<i class="fa-brands fa-instagram" style="font-size: 40px;"></i>
128139
<p>Instagram</p>
129140
</a>
130141

131142
<!-- WhatsApp -->
143+
132144
<a href="https://wa.me/6282122339125" target="_blank" style="text-decoration: none; transition: transform 0.3s; color: rgb(148, 140, 140);">
133145
<i class="fa-brands fa-whatsapp" style="font-size: 40px;"></i>
134146
<p>WhatsApp</p>
135147
</a>
136148

137149
<!-- LinkedIn -->
150+
138151
<a href="https://www.linkedin.com/in/muhammd-malik-ba4a10342" target="_blank" style="text-decoration: none; transition: transform 0.3s; color: rgb(148, 140, 140);">
139152
<i class="fa-brands fa-linkedin" style="font-size: 40px;"></i>
140153
<p>LinkedIn</p>
@@ -147,6 +160,7 @@ <h2 style="grid-column: span 4; margin-bottom: 20px;">Kontak Saya</h2>
147160
</style>
148161
</section>
149162

163+
150164
<script src="script.js"></script>
151165
</body>
152166
</html>

‎script.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ document.addEventListener("DOMContentLoaded", () => {
22

33
// Animasi scroll (fade-in saat di-scroll)
44

5+
56
const sections = document.querySelectorAll(".slide-up");
67
const scrollAnimation = () => {
78
sections.forEach(section => {
@@ -20,6 +21,7 @@ document.addEventListener("DOMContentLoaded", () => {
2021

2122
// Animasi hover di navigasi
2223

24+
2325
const navLinks = document.querySelectorAll("nav ul li a");
2426

2527
navLinks.forEach(link => {
@@ -36,6 +38,7 @@ document.addEventListener("DOMContentLoaded", () => {
3638

3739
// Efek ketik otomatis di header
3840

41+
3942
const typingText = document.querySelector("header p");
4043
const words = ["Mahasiswa Teknik Informatika", "Web Developer", "Tech Enthusiast", "Cyber ​​Security Analyst"];
4144

@@ -46,6 +49,7 @@ document.addEventListener("DOMContentLoaded", () => {
4649

4750
// Ubah kecepatan di sini
4851

52+
4953
const typingSpeed = 150; // Kecepatan mengetik (ms)
5054
const erasingSpeed = 50; // Kecepatan menghapus (ms)
5155
const delayBetweenWords = 1500; // Jeda sebelum hapus teks (ms)
@@ -99,6 +103,7 @@ document.addEventListener("DOMContentLoaded", function () {
99103

100104
// Gandakan isi slider agar tidak ada celah kosong
101105

106+
102107
items.forEach(item => {
103108
const clone = item.cloneNode(true);
104109
track.appendChild(clone);

‎styles.css‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,13 @@ header {
1818
color: white;
1919
}
2020

21+
2122
h1 {
2223
font-size: 2.5rem;
2324
margin: 0;
2425
}
2526

27+
2628
p {
2729
font-size: 1.1rem;
2830
}
@@ -37,6 +39,7 @@ p {
3739

3840
/* Navbar styling */
3941

42+
4043
nav {
4144
display: flex;
4245
justify-content: center;
@@ -48,18 +51,21 @@ nav {
4851
z-index: 1000;
4952
}
5053

54+
5155
nav ul {
5256
display: flex;
5357
list-style: none;
5458
padding: 0;
5559
margin: 0;
5660
}
5761

62+
5863
nav ul li {
5964
margin: 0 20px;
6065
position: relative;
6166
}
6267

68+
6369
nav ul li a {
6470
text-decoration: none;
6571
color: white;
@@ -71,6 +77,7 @@ nav ul li a {
7177

7278
/* Efek underline animasi saat hover */
7379

80+
7481
nav ul li a::after {
7582
content: '';
7683
position: absolute;
@@ -140,20 +147,25 @@ nav:hover {
140147

141148
/* Animasi Hamburger Menu */
142149

150+
143151
.menu-toggle.open span:first-child {
144152
transform: rotate(45deg) translate(5px, 5px);
145153
}
146154

155+
147156
.menu-toggle.open span:nth-child(2) {
148157
opacity: 0;
149158
}
150159

160+
151161
.menu-toggle.open span:last-child {
152162
transform: rotate(-45deg) translate(5px, -5px);
153163
}
154164

165+
155166
/* Efek slide-up */
156167

168+
157169
.slide-up {
158170
opacity: 0;
159171
transform: translateY(50px);

0 commit comments

Comments
 (0)