-
Notifications
You must be signed in to change notification settings - Fork 0
/
html1.html
103 lines (82 loc) · 4.26 KB
/
html1.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>John's Portfolio</title>
<link rel="stylesheet" href="style1.css">
</head>
<body>
<div class="front-page">
<div class="photo-section">
<img src="Carmelllo Yovan_Teknik Informatika (1).jpg" alt="My Photo" class="profile-photo">
</div>
<div class="intro-section">
<h3>Hello, I am</h3>
<h1>Carmello Yovan Gratito</h1>
<h3>Welcome to my website!</h3>
</div>
</div>
<div class="about-section">
<h1>About me</h1>
<p>I was born in Jakarta, 2005. I study and live in Bekasi for 12 years before I move to Surabaya to pursue my degree in Informatics at ITS.
I am a student who loves to learn and explore new things. This is my first time to create a website, so I hope you can bear with me.
</p>
</div>
<div class="education-section">
<h1>Education</h1>
<div class="education-item">
<img src="sd-smp santo markus 2.jpg" alt="School Photo" class="education-photo">
<br>
<h3>SD-SMP Santo Markus II (2011-2020)</h3>
</div>
<div class="education-item">
<img src="labscib.jpg" alt="School Photo" class="education-photo">
<br>
<h3>SMA Labschool Cibubur (2020-2023)</h3>
</div>
<div class="education-item">
<img src="IF ITS.jpg" alt="School Photo" class="education-photo">
<br>
<h3>ITS Informatics Undergraduate (2023-Current)</h3>
</div>
</div>
<div class = "hobbies-section">
<h1>Hobbies</h1>
<div class="hobbies-item">
<img src="NR2.JPG" alt="Night Ride 2" class="nr-photo">
</div>
<h3>1. Night Riding</h3>
<p>I love night riding around Surabaya, usually I go around 00.00 AM and go home by 03.45 AM. It's a great way to relieve stress and enjoy the city at night. The vibes just feel different
compared to daylight. I love the feeling of freedom and the rush of adrenaline when I'm riding at night, no traffic, the road feels like
its yours.
</p>
<h3>2. Playing Games</h3>
<p>I love playing games, especially games that are free and does not require much grinding, skills, and are not competitive. Currently my
favorite game is Zenless Zone Zero, replacing the previous favorite game, War Thunder, which requires a lot of grinding.
I don't play Valorant, PUBG, or any other competitive FPS games. Worth mentioning I still play games on Roblox, GTA V, Mafia, and Wuthering Waves.
</p>
<div class="hobbies-item">
<img src="Ryan Gosling.jpg" alt="RyanG" class="rg-photo">
</div>
<h3>3. Music</h3>
<p>I love listening to musics, but not all genre. My favorite genres are post-punk and synthwave. The music I am listening to
depends on my mood. My favorite band for post-punk genre would be Molchat Doma (although I don't understand their lyrics since
they are written in Russian). I usually listen to synthwave during night riding, giving me "Literally Me" ahh vibes.
</p>
<h3>4. Anime</h3>
<p>This hobby is quite short-lived, only around 1.5 years, and on top of that I was quite picky. I don't like fantasy genre
(exceptions for JJBA, they are gold) or isekai stuff. I don't like anime that is depressing or traumatizing (my live is depressing enough)
or anime that is too long, have too much filler episode.
</p>
</div>
<div class="contact-section">
<h1>Contact Me</h1>
<ul class="contact-list">
<li><a href="https://www.instagram.com/carmelloyovan" target="_blank">Instagram: @carmelloyovan</a></li>
<li><a href="[email protected]">Email: [email protected]</a></li>
<li><a href="tel:+6282123724471">Phone: +0821-2372-4471</a></li>
</ul>
</div>
</body>
</html>