-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (79 loc) · 4.39 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio Saya</title>
<link rel="stylesheet" href="./style/style.css">
</head>
<body class="bg-[#f1f3fa] h-screen flex flex-col justify-between">
<div class="">
<div class="mx-1 sm:mx-12 xl:mx-44 pt-10">
<div class="flex w-full">
<img src="./assets/example.jpg" alt="Foto Profil"
class="object-cover rounded-full size-32 flex-initial">
<div class="pl-5 space-y-3 w-full flex-auto">
<h4 class="text-[24px] sm:text-[28px] lg:text-[32px] 2xl:text-[44px] flex-auto w-full">Taufik <br
class="sm:hidden">
Harisman</h4>
<hr class="w-[95%] sm:w-11/12 h-2 bg-[#464646] rounded-xl opacity-80">
<div
class="hidden sm:flex sm:flex-row justify-start sm:justify-end flex-wrap w-3/5 sm:text-[16px] lg:text-[20px] 2xl:text-[26px] ">
<a href="./index.html" class="flex-auto">Home</a>
<a href="./project.html" class="flex-auto">Project</a>
<a href="./contact.html" class="flex-auto">Contact</a>
</div>
</div>
</div>
<div class="sm:hidden flex flex-row justify-between flex-wrap w-full text-[16px] my-5 text-center px-5">
<a href="./index.html" class="flex-auto">Home</a>
<a href="./project.html" class="flex-auto">Project</a>
<a href="./contact.html" class="flex-auto">Contact</a>
</div>
<div class="px-7 xl:px-12 pt-2 sm:pt-16">
<div class="p-4 sm:p-14 bg-[#ffffff] shadow-2xl rounded-lg">
<h1 class="font-[--signikanegative] text-2xl lg:text-5xl text-[#464646]">👨💻 Sekilas tentang saya...
</h1>
<hr class="bg-[#173b6c] h-2 w-[40%] rounded-full my-4 opacity-30">
<p class="text-[12px] lg:text-[30px] font-light">
Nama saya Taufik Harisman,
saya merupakan mahasiswa semester 5
dari Fakultas Ilmu Komputer
di Universitas Dian Nuswantoro
. Memiliki pengalaman sebelumnya
mengikuti pengembangan robot gamelan dan
memiliki keahlian pemrograman seperti pemograman
Python, C Arduino, Javascript, dan Rust. Saya memiliki
minat di bidang IOT (Internet of Things) dan ingin belajar
lebih banyak di bidang tersebut.
</p>
</div>
</div>
<div class="px-7 xl:px-12 pt-2 sm:pt-16">
<div class="p-4 sm:p-14 bg-[#ffffff] shadow-2xl rounded-lg">
<h1 class="font-[--signikanegative] text-2xl lg:text-5xl text-[#464646] text-right">Project yang
pernah saya kerjakan
</h1>
<hr class="bg-[#173b6c] h-2 w-[40%] ml-auto rounded-full my-4 opacity-30">
<p class="text-[12px] lg:text-[30px] font-light">
Saya sedang mengikuti pengembangan robot gamelan hingga saat ini.
Robot ini memiliki monitor untuk memudahkan user berinteraksi dan user
bisa memilih lagi dari monitor, perangkat lunak yang dijalankan pada robot ini
memiliki kemampuan memonitor bilah mana yang sedang berjalan dan juga secara otomatis
mendeteksi perangkat keras robot ketika disambungkan ke monitor.
</p>
<div class="w-full flex mt-2 sm:mt-6">
<a class="mx-auto" href="./project.html">
<button class="bg-[#dedad1] h-10 w-24 sm:w-60 rounded-2xl shadow-lg font-sans">Read More ></button>
</a>
</div>
</div>
</div>
</div>
</div>
<footer class="flex justify-between mx-5 sm:mx-20 xl:mx-56 pt-10 text-[10px] sm:text-[16px] lg:text-[24px] py-10 font-mono">
<p>© 2024 Haris.</p>
<p class="text-right">Built with Tailwindcss. </p>
</footer>
</body>
</html>