-
Notifications
You must be signed in to change notification settings - Fork 0
/
about-me.html
131 lines (113 loc) · 4.74 KB
/
about-me.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- css -->
<link rel="stylesheet" href="about-me.css">
<!-- icon -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<!-- font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
<title>Portofolio</title>
</head>
<body>
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow fixed-top py-1 px-2">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="img/logoku.jpeg" alt="" width="30" height="30" class="d-inline-block align-text-top">
Rizky
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</ul>
</div>
</div>
</nav>
<!-- end navbar -->
<!-- about -->
<section class="">
<div class="container">
<div class="row align-items-center mb-5">
<!-- Text Column -->
<div class="col-md-8 col-sm-12">
<h1 class="fw-bold">About me</h1>
<p>someone who is interested in the IT</p>
</div>
<!-- Image Column -->
<div class="col-md-4 col-sm-12 image-container">
<img src="img/foto1.jpeg" alt="Foto Saya" class="profile-picture" width="200" height="200">
</div>
</div>
</div>
</section>
<!-- end about -->
<!-- isi -->
<section>
<div class="container">
<div class="row">
<!-- Image Column -->
<div class="col-md-4 col-sm-12 image-container">
<img src="img/foto2.jpeg" alt="Foto Saya" class="profile-picture" height="500">
</div>
<!-- Text Column -->
<div class="col-md-8 col-sm-12">
<h2 class="fw-bold">Muhammad Rizky</h2>
<p>I am a student at Pamulang University who is interested in technology. Because of my interest in the world of technology, I decided to take the <b>Computer Science faculty, Informatics Engineering study program</b>. I also enjoy creating network simulations in the Cisco Pocket Tracer application. I can run the software quite well and understand the basic functions of all the tools. My goal after graduating from campus is to become an IT network or back-end developer</p>
</div>
</div>
</div>
</section>
<!-- end isi -->
<!-- skills -->
<section class="section-spacing">
<div class="container">
<div class="row">
<div class="text-center">
<h2>My Skills</h2>
<p>My little expertise is in the IT field</p>
<i class="bi bi-filetype-html" style="font-size: 3rem"></i>
<i class="bi bi-filetype-css" style="font-size: 3rem"></i>
<i class="bi bi-filetype-js" style="font-size: 3rem"></i>
<i class="bi bi-ethernet" style="font-size: 3rem"></i>
</div>
</div>
</div>
</section>
<!-- end skills -->
<!-- pengalaman -->
<section class="section-spacing">
<div class="container">
<div class="row">
<div class="text-center">
<h3>Personal experience</h3>
</div>
<!-- Image Column -->
<div class="col-md-4 col-sm-12 image-container">
<img src="img/foto disnaker.jpeg" alt="Foto Saya" class="profile-picture" height="500">
</div>
<!-- Text Column -->
<div class="col-md-8 col-sm-12">
<h2 class="fw-bold">Become part of the Dinas Ketenagakerjaan</h2>
<p>During vocational school, I was part of the South Tangerang City Employment Service for 1 month. I worked in sorting job card registration data and was a receptionist</p>
</div>
</div>
</div>
</section>
<!-- end pengalaman -->
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>