-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (139 loc) · 5.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Muhammad Lintang's Profile</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<div class="jumbotron">
<h1>Hello</h1>
<a href="#">
<img src="img/me-close.jpg" alt="foto" width="300" />
</a>
<h1>I Am</h1>
<h1>Muhammad Lintang Panjerino</h1>
</div>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#biodata">Biodata</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#portofolio">Portofolio</a></li>
</ul>
</nav>
</header>
<main>
<section id="about" class="light-1">
<div>About Me</div>
<div class="card">
<p>Saya Muhammad Lintang Panjerino, mahasiswa Teknik Informatika Institut Teknologi Sepuluh Nopember Tahun 2020.</p>
<p>Saya memiliki pengalaman organisasi dan kepanitiaan selama SMA dan kuliah. Saya memiliki minat berkarir sebagai Web Developer dan mahir dalam membuat serta membangun berbagai macam web.</p>
</div>
</section>
<section id="biodata" class="light-2">
<div>Biodata</div>
<div class="card-2">
<p>Nama: Muhammad Lintang Panjerino</p>
<p>Asal : Surabaya</p>
<p>Tempat/Tanggal Lahir : Surabaya, 10 Juli 2002</p>
<p>Gender : Laki-Laki</p>
<p>Alamat : Petemon 2 No. 52, Surabaya</p>
<p>Kebangsaan : Indonesia</p>
<p>
Email:
<a href="mailto:lintangpanjerino.2002@gmail.com"> lintangpanjerino.2002@gmail.com </a>
</p>
<p>
Kontak:
<a href="https://wa.me/6287854870099" target="_blank">+62 878 5487 0099</a>
</p>
<p>
Github:
<a href="https://github.com/mlintang20">mlintang20</a>
</p>
<p>
Linkedin:
<a href="https://www.linkedin.com/in/muhammad-lintang-panjerino-a819b0220/">lintang-panjerino</a>
</p>
</div>
</section>
<section id="education" class="light-1">
<div>Education</div>
<div class="card">
<div class="its">
<div>Institut Teknologi Sepuluh Nopember (2020-sekarang)</div>
<div>S-1 Teknik Informatika – GPA 3.73</div>
<article>
<img src="img/LambangITS_png.png" width="100" class="logo" title="Institut Teknologi Sepuluh Nopember Surabaya" alt="Logo ITS" />
<span>
<p>● Asisten Dosen di Mata Kuliah Dasar Pemrograman (2021 dan 2022)</p>
<p>● Lolos Liga PKM ITS (2021)</p>
<p>● Staff Schematics Divisi Perkamzin (2021)</p>
<p>● Staff Ahli Schematics Divisi Perkamzin (2022)</p>
</span>
</article>
</div>
<div class="smala">
<div>SMAN 5 Surabaya (2017-2020)</div>
<div>Jurusan MIPA</div>
<article>
<img src="img/logo_smala_png.png" width="100" class="logo" title="SMA Negeri 5 Surabaya" alt="Logo Smala" />
<span>
<p>● Predikat "Honorable Mention" pada IM2C applied mathematics competition (2018)</p>
<p>● Predikat "Honorable Mention" pada INASEC science competition (2018)</p>
</span>
</article>
</div>
</div>
</section>
<section id="skills" class="light-2">
<div>Skills</div>
<div class="card-2">
<ul>
<li>Microsoft Office Word</li>
<li>Microsoft Office Excel</li>
<li>Microsoft Office Power Point</li>
<li>C & C++ Language</li>
<li>Java</li>
<li>Python</li>
<li>HTML</li>
<li>CSS</li>
<li>Javascript</li>
</ul>
</div>
</section>
<section id="roadmap" class="light-1">
<div>Roadmap</div>
<div class="card">
<img src="img/roadmap_frontend.png" alt="roadmap_frontend" width="600" />
<h2>Roadmap Front-End Developer</h2>
</div>
</section>
<section id="portofolio" class="light-2">
<div>Portofolio</div>
<div class="card-2">
<div class="komik">
<h2>Aplikasi Komik CodeIgniter 4</h2>
<a href="https://github.com/mlintang20/My-First-CI4-App" target="_blank">
<img src="img/ci4_komik.png" alt="Aplikasi Komik CI4" width="500" />
</a>
</div>
<div class="movie">
<h2>Aplikasi Movie ReactJS</h2>
<a href="https://lintang-movieland.netlify.app/" target="_blank">
<img src="img/react_movieland.png" alt="Aplikasi Movie ReactJS" width="500" />
</a>
</div>
</div>
</section>
</main>
<footer>
<p>Pemrograman Web B Tugas 1 © September 2022, Muhammad Lintang Panjerino</p>
</footer>
</body>
</html>