Skip to content

Commit 965c3c1

Browse files
MuhammadMallqMuhammadMallq
committed
perbarui css dan menambahkan efek
1 parent 2a93ce3 commit 965c3c1

File tree

4 files changed

+59
-18
lines changed

4 files changed

+59
-18
lines changed

‎img/proyek2.png‎

1.22 MB
Loading

‎img/proyek3.png‎

216 KB
Loading

‎index.html‎

Lines changed: 50 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@
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+
<!-- Tambahkan link Font Awesome di <head> -->
9+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
810
<script type="module" src="https://cdn.jsdelivr.net/gh/domyid/tracker@latest/index.js"></script>
911
</head>
1012
<body>
@@ -25,11 +27,20 @@ <h1 class="fade-in">Muhammad Malik Nur</h1>
2527
<img src="img/Mall.png" alt="Gambar Profil" class="project-image small">
2628
<h2>Tentang Saya</h2>
2729
<p>Saya adalah seorang mahasiswa Teknik Informatika yang memiliki ketertarikan dalam pengembangan web, keamanan siber, dan kecerdasan buatan.</p>
30+
<p>Saat ini saya berkuliah di Universitas Logistik dan Bisnis Internasional di Bandung.</p>
31+
32+
<h3>Riwayat Pendidikan</h3>
33+
<ul>
34+
<li>SMP: SMP Negeri 1 Tasikmalaya</li>
35+
<li>SMK: SMK Negeri 2 Tasikmalaya</li>
36+
<li>D4 : Universitas Logistik dan Bisnis Internasional</li>
37+
</ul>
38+
2839
<div class="profile"></div>
2940
</section>
3041

3142
<section id="skills" class="slide-up">
32-
<h2>Skill Bahasa Pemrograman</h2>
43+
<h2>Keahlian Pemograman</h2>
3344
<div class="skill-container">
3445
<div class="skill-item">
3546
<img src="img/html.png" alt="HTML">
@@ -41,30 +52,53 @@ <h2>Skill Bahasa Pemrograman</h2>
4152
</div>
4253
<div class="skill-item">
4354
<img src="img/javascript.png" alt="JavaScript">
44-
<p>JavaScript (menambahkan interaktivitas dan fungsi dinamis ke halaman web).</p>
55+
<p>JavaScript (interaktivitas dan fungsi dinamis ke halaman web).</p>
4556
</div>
4657
</div>
4758
</section>
4859

4960
<section id="projects" class="slide-up">
5061
<h2>Proyek</h2>
51-
<div class="project">
52-
<img src="img/proyek1.png" alt="Gambar Website" class="project-image small">
53-
<h3>Website Project</h3>
54-
<p>Membuat website UMKM pribadi dengan HTML, CSS, dan JavaScript.</p>
55-
</div>
56-
<div class="project">
57-
<img src="todo-list.jpg" alt="Gambar To-Do List" class="project-image small">
58-
<h3>Aplikasi To-Do List</h3>
59-
<p>Mengembangkan aplikasi To-Do List berbasis web dengan React.js.</p>
62+
<div class="projects-container">
63+
<div class="project">
64+
<h3>Project Website UMKM </h3>
65+
<img src="img/proyek1.png" alt="Gambar Website" class="project-image">
66+
<img src="img/proyek2.png" alt="Gambar Website" class="project-image">
67+
</div>
68+
6069
</div>
6170
</section>
6271

63-
<section id="contact" class="slide-up">
64-
<h2>Kontak</h2>
65-
<p>Email: Kamalputra1177@email.com</p>
66-
<p>Telepon: 082122339125</p>
67-
<p>LinkedIn: linkedin.com/in/namaanda</p>
72+
<section id="contact" class="slide-up" style="display: grid; grid-template-columns: repeat(2, auto); gap: 10px; text-align: center;">
73+
<h2 style="grid-column: span 2;">Kontak</h2>
74+
75+
<!-- Email -->
76+
<p>
77+
<a href="mailto:Kamalputra1177@email.com" style="text-decoration: none;">
78+
<i class="fa-solid fa-envelope" style="font-size: 48px; margin-right: 8px;"></i>
79+
</a>
80+
</p>
81+
82+
<!-- Instagram -->
83+
<p>
84+
<a href="https://www.instagram.com/mhmmdmallq/" target="_blank" style="text-decoration: none;">
85+
<i class="fa-brands fa-instagram" style="font-size: 48px; margin-right: 8px;"></i>
86+
</a>
87+
</p>
88+
89+
<!-- WhatsApp -->
90+
<p>
91+
<a href="https://wa.me/6282122339125" target="_blank" style="text-decoration: none;">
92+
<i class="fa-brands fa-whatsapp" style="font-size: 48px; margin-right: 8px;"></i>
93+
</a>
94+
</p>
95+
96+
<!-- LinkedIn -->
97+
<p>
98+
<a href="https://www.linkedin.com/in/namaanda" target="_blank" style="text-decoration: none;">
99+
<i class="fa-brands fa-linkedin" style="font-size: 48px; margin-right: 8px;"></i>
100+
</a>
101+
</p>
68102
</section>
69103

70104
<script src="script.js"></script>

‎styles.css‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,13 @@ p {
2626
font-size: 1.1rem;
2727
}
2828

29+
/* Menghilangkan bullet points di Riwayat Pendidikan */
30+
#about ul {
31+
list-style: none; /* Hilangkan bullet */
32+
padding: 0; /* Hilangkan padding bawaan */
33+
}
34+
35+
2936
/* Navbar */
3037
nav {
3138
position: sticky;
@@ -215,7 +222,7 @@ nav ul li a:hover {
215222
}
216223

217224
.project img {
218-
width:400%;
225+
width: 100%;
219226
max-width: 400px;
220227
border-radius: 15px;
221228
transition: transform 0.5s ease;
@@ -255,4 +262,4 @@ nav ul li a:hover {
255262
.project img {
256263
max-width: 300px;
257264
}
258-
}
265+
}

0 commit comments

Comments
 (0)