-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (160 loc) · 8.32 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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!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>Portfolio Website</title>
<link rel="icon" href="assets/images/profile-putri.jpeg">
<link rel="stylesheet" type="text/css" href="assets/styles/css/style.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap" rel="stylesheet">
</head>
<body>
<!-- sidebar code -->
<input type="checkbox" id="check">
<main>
<div class="sidebar">
<ul>
<li><a href="#aboutme">About</a></li>
<li><a href="#myportfolio">Portfolio</a></li>
<li><a href="#contactme">Contact</a></li>
</ul>
</div>
</main>
<!-- header code -->
<aside class="content">
<header>
<div class="container">
<h1><a href="">Putri Patricia</a></h1>
<ul>
<li><a href="#aboutme">About</a></li>
<li><a href="#myportfolio">Portfolio</a></li>
<li><a href="#contactme">Contact</a></li>
</ul>
<label for="check" class="mobile-menu"><i class="fas fa-bars fa-2x"></i></label>
</div>
</header>
<!-- banner code -->
<section class="banner">
<div class="container">
<div class="banner-left">
<h2><span class="type-effect"></span>
<br>
I am an Informatics Student at Sriwijaya University<br>
I join Bangk!t 2023 Cloud Computing Learning Path<br>
</h2>
<blockquote style="color: white; font-size: 18px; font-style: italic; margin-top: 10px;">Keep smilling, Keep learning, Keep fighting!</blockquote></h2><br>
<h2><button class="btn-me"><a href="#myportfolio"><b>View Portfolio</b></a></button>
</div>
<div class="banner-right">
<img src="assets/images/profile-putri1.png">
</div>
</div>
</section>
<!-- about code -->
<section id="aboutme">
<div class="container">
<h3>About</h3>
<article class="desc">
<p>I am a vocational high school graduate, majoring in software engineering.
I continued my education to a higher level, namely studying at Sriwijaya University.
I graduated through the national selection pathway into state universities in 2020 with the S1 Informatics Engineering study program.
Now I have entered the sixth semester, and I also joined the Bangk!t 2023 learning path Cloud Computing program.</p><br>
<p>Talking about experience, there has not been anything so big that I have done during my time in the IT field.
I had an internship at one of the public high schools in Indonesia for 3 months, I along with my colleagues created several projects and completed them well.</p><br>
<p>Despite my lack of experience, I am very enthusiastic to learn many things, especially new things. In addition to studying at school/campus, I also study independently on specialized platforms to add skills and hone my abilities.</p>
</article>
</div>
<aside class="icon">
<a class="button" href="#"><i class="fab fa-facebook-f"></i></a>
<a class="button" href="https://www.instagram.com/ppkslf"><i class="fab fa-instagram"></i></a>
<a class="button" href="https://www.linkedin.com/in/ppkslf/"><i class="fab fa-linkedin-in"></i></a>
<a class="button" href="https://github.com/ppkslf"><i class="fab fa-github"></i></a>
</aside>
</section>
<!-- portfolio code -->
<section id="myportfolio">
<div class="container">
<h3>Portfolio<br>Activities and Work Experience</h3>
<div class="content-1">
<a href="#">
<img src="assets/images/portfolio/certif-magang.jpg">
<span>Internship Certificate 2019</span>
</a>
</div>
<div class="content-1">
<a href="https://www.dicoding.com/certificates/1OP85ED8VPQK">
<img src="assets/images/portfolio/certif-dicoding1.jpg">
<span>Class Certificate -Dicoding</span>
</a>
</div>
<div class="content-1">
<a href="https://www.dicoding.com/certificates/07Z6GE942XQR">
<img src="assets/images/portfolio/certif-dicoding2.jpg">
<span>Certificate Class -Dicoding</span>
</a>
</div>
<div class="content-1">
<a href="https://www.dicoding.com/certificates/1OP85ORJQPQK">
<img src="assets/images/portfolio/certif-dicoding3.jpg">
<span>Class Certificate -Dicoding</span>
</a>
</div>
<div class="content-1">
<a href="#">
<img src="assets/images/portfolio/certif-syibuk2023.jpg">
<span>Webinar Certificate 2023</span>
</a>
</div>
<div class="content-1">
<a href="#">
<img src="assets/images/portfolio/certif-srifoton2022.jpg">
<span>Seminar Certificate 2022</span>
</a>
</div>
<div class="content-1">
<a href="#">
<img src="assets/images/portfolio/certif-organisasiFasco.jpg">
<span>Fasco Certificate 2020/2021</span>
</a>
</div>
<div class="content-1">
<a href="#">
<img src="assets/images/portfolio/certif-kksi2019.jpg">
<span>KKSI Participant Certificate 2019</span>
</a>
</div>
</div>
</section>
<!-- contact code -->
<section id="contactme">
<div class="container">
<h3>Contact</h3>
<div class="content-2">
<h4>Address</h4>
<p><a href="https://goo.gl/maps/ZKUBuBsSivDDSjuH8">Kota Raya, Kabupaten Lahat, Sumatera Selatan</a></p>
</div>
<div class="content-2">
<h4>Email Address</h4>
<p><a href="https://mailto:ppatricia.syah@gmail.com/">ppatricia.syah@gmail.com</a></p>
</div>
<div class="content-2">
<h4>Phone Number</h4>
<p><a href="https://wa.me/62895340235941">+62 895 3402 3594 1</a></p>
</div>
</div>
</section>
</aside>
<!-- up-icon code -->
<a href="#" class="up-icon"><i class="fas fa-chevron-circle-up"></i></a>
<!-- footer code -->
<footer>
<div class="container">
<small>Copyright © 2023 - Putri Patricia</small>
</div>
</footer>
<!-- js -->
<script src="assets/styles/js/script.js"></script>
</body>
</html>