Skip to content

Commit a02fecd

Browse files
fullstuckdevfullstuckdev
authored
Update index.html
1 parent 1a296f8 commit a02fecd

File tree

1 file changed

+371
-6
lines changed

1 file changed

+371
-6
lines changed

‎index.html‎

Lines changed: 371 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,376 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html>
3+
34
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Contoh</title>
5+
<meta charset="utf-8">
6+
<meta content="width=device-width, initial-scale=1.0" name="viewport">
7+
8+
<title>Hi, there!</title>
9+
<meta content="Hi, There!" name="description">
10+
<meta content="portofolio" name="keywords">
11+
12+
13+
<link
14+
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
15+
rel="stylesheet">
16+
17+
<link href="assets/css/all.min.css" rel="stylesheet">
18+
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
19+
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
20+
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
21+
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
22+
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
23+
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
24+
25+
<link href="assets/css/style.css" rel="stylesheet">
26+
27+
728
</head>
29+
830
<body>
9-
Contoh
31+
32+
<i class="bi bi-list mobile-nav-toggle d-xl-none"></i>
33+
<header id="header" class="d-flex flex-column justify-content-center">
34+
35+
<nav id="navbar" class="navbar nav-menu">
36+
<ul>
37+
<li><a href="#hero" class="nav-link scrollto active"><i class="bx bx-home"></i> <span>Home</span></a></li>
38+
<li><a href="#about" class="nav-link scrollto"><i class="bx bx-user"></i> <span>About</span></a></li>
39+
<li><a href="#resume" class="nav-link scrollto"><i class="bx bx-file-blank"></i> <span>Resume</span></a></li>
40+
<li><a href="#portfolio" class="nav-link scrollto"><i class="bx bx-book-content"></i> <span>Portfolio</span></a>
41+
</li>
42+
<li><a href="#contact" class="nav-link scrollto"><i class="bx bx-envelope"></i> <span>Contact</span></a></li>
43+
</ul>
44+
</nav>
45+
46+
</header>
47+
48+
49+
<section id="hero" class="d-flex flex-column justify-content-center">
50+
<div class="container" data-aos="zoom-in" data-aos-delay="100">
51+
<h1>Taufik Mulyawan</h1>
52+
<p>I'm <span class="typed" data-typed-items="Developer, Freelancer"></span></p>
53+
<div class="social-links">
54+
<a href="https://www.hackerrank.com/fullstuckdev" target="_blank" class="hacker-rank"><i
55+
class="fab fa-hackerrank"></i></i></a>
56+
<a href="https://github.com/fullstuckdev" target="_blank" class="github"><i class="bx bxl-github"></i></a>
57+
<a href="https://www.linkedin.com/in/taufik-mulyawan-fullstack-developer/" target="_blank" class="linkedin"><i
58+
class="bx bxl-linkedin"></i></a>
59+
</div>
60+
</div>
61+
</section>
62+
63+
<main id="main">
64+
65+
<section id="about" class="about">
66+
<div class="container" data-aos="fade-up">
67+
68+
<div class="section-title">
69+
<h2>About</h2>
70+
<p>Hello, my name is Taufik Mulyawan. I love programming and solving problems. Why solve the problem? Because
71+
with problem solving, we can measure and train our logical thinking to be even better. In addition, by
72+
solving problems, it can help us develop our mindsets to be more precise, measurable, and clear.
73+
</p>
74+
</div>
75+
76+
<div class="row">
77+
<div class="col-lg-4">
78+
<img src="assets/img/profile-img.png" class="img-fluid" alt="foto-taufik">
79+
</div>
80+
<div class="col-lg-8 pt-4 pt-lg-0 content">
81+
<h3>Web Developer &amp; Problem Solver</h3>
82+
<p class="fst-italic">
83+
Here is a summary about me
84+
</p>
85+
<div class="row">
86+
<div class="col-lg-6">
87+
<ul>
88+
<li><i class="bi bi-chevron-right"></i> <strong>Birthday:</strong> <span>2 May 2001</span></li>
89+
<li><i class="bi bi-chevron-right"></i> <strong>Phone:</strong> <span>+6282123759516</span></li>
90+
<li><i class="bi bi-chevron-right"></i> <strong>City:</strong> <span>Bandung, Indonesian</span></li>
91+
</ul>
92+
</div>
93+
<div class="col-lg-6">
94+
<ul>
95+
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span>20</span></li>
96+
<li><i class="bi bi-chevron-right"></i> <strong>Email:</strong> <span>taufikmulyawan@gmail.com</span>
97+
</li>
98+
<li><i class="bi bi-chevron-right"></i> <strong>Freelance:</strong> <span>Available</span></li>
99+
</ul>
100+
</div>
101+
</div>
102+
<p>
103+
I love to learn, learn a lot of things. Which can make myself grow, I do what I love. Reading, writing,
104+
programming, problem solving, team collaboration, and time management. All of these things, are things
105+
that I do every day, improve everything that can support my academic and non-academic activities.
106+
</p>
107+
</div>
108+
</div>
109+
110+
</div>
111+
</section>
112+
113+
114+
115+
<section id="skills" class="skills section-bg">
116+
<div class="container" data-aos="fade-up">
117+
118+
<div class="section-title">
119+
<h2>Skills</h2>
120+
<p>There is a lot of demand from the industry, which requires people with special skills such as coding. With
121+
that, as a developer, I have the skills that are needed for today's industry needs.</p>
122+
</div>
123+
124+
<div class="row skills-content">
125+
126+
<div class="col-lg-6">
127+
128+
<img
129+
src="https://github-readme-stats.vercel.app/api/top-langs/?username=fullstuckdev&show_icons=true&theme=radical">
130+
131+
</div>
132+
133+
<div class="col-lg-6">
134+
135+
<img
136+
src="https://github-readme-stats.vercel.app/api?username=fullstuckdev&count_private=true&show_icons=true&theme=radical">
137+
138+
</div>
139+
140+
</div>
141+
142+
</div>
143+
</section>
144+
145+
146+
<section id="resume" class="resume">
147+
<div class="container" data-aos="fade-up">
148+
149+
<div class="section-title">
150+
<h2>Resume</h2>
151+
<p>I always give my best, both in terms of academic and non-academic. Therefore, all of my activities always
152+
support things related to my major, I always give my best and contribute greatly to the activities that I
153+
do.<p>
154+
</div>
155+
156+
<div class="row">
157+
<div class="col-lg-6">
158+
<h3 class="resume-title">Summary</h3>
159+
<div class="resume-item pb-0">
160+
<h4>Taufik Mulyawan</h4>
161+
<p><em>Taufik Mulyawan is ambitious, no matter what challenges he goes through. Everything can be done his
162+
way, apart from being a developer, he also has a lot of experience such as pentesting for about 2
163+
years with his team.</em></p>
164+
<ul>
165+
<li>Bandung, Indonesian</li>
166+
<li>+6282123759516</li>
167+
<li>taufikmulyawan@gmail.com</li>
168+
</ul>
169+
</div>
170+
171+
<h3 class="resume-title">Education</h3>
172+
<div class="resume-item">
173+
<h4>Mercu Buana University</h4>
174+
<h5>2021 - Present</h5>
175+
<p><em>Mercu Buana University is a private university with A Accreditation in Jakarta, Indonesia.
176+
Established on October 22, 1985, the main campus, also known as the Meruya Campus, is located in the
177+
Meruya area, West Jakarta.</em></p>
178+
<p>Some of the achievements I made at Mercu Buana University: </p>
179+
<ul>
180+
<li>
181+
Indonesian Geospatial Challenge 2021 (5 finalist teams)
182+
</li>
183+
</ul>
184+
<p>
185+
(BIG) The Geospatial Information Agency held a competition themed about the use of Geospatial
186+
Information Technology to support the achievement of the Sustainable Development Goals (SDGs).
187+
</p>
188+
<p>
189+
Our team is named MuTeRa, Mutera is a geospatial-based application that records updated data about the
190+
state of the economy in Indonesia which will later be used as a preference in providing compensation,
191+
financial assistance, or zakat so that later it will not be misdirected.
192+
</p>
193+
194+
</div>
195+
</div>
196+
<div class="col-lg-6">
197+
<h3 class="resume-title">Professional Experience</h3>
198+
<div class="resume-item">
199+
<h4>WordPress Developer</h4>
200+
<h5>2020 - 2021</h5>
201+
<p><em>MagangUpdate Network is an informative and educative media about the world of internships. This
202+
media has been around since 2012 and has experience in collaborating with various events and
203+
companies. This media aims to be a provider of information for various local youths regarding
204+
information on job vacancies, internships, and various other reliable, trusted and up-to-date
205+
information.</em></p>
206+
207+
<p>Job Description :
208+
</p>
209+
<ul>
210+
<li>Daily Post about Job Recruitment on website</li>
211+
<li>Update and Backup website (minor & major)</li>
212+
<li>Fix SSL Problem</li>
213+
<li>Maintain Virtual Private Server & MariaDB Database</li>
214+
<li>Be responsibile for maintaining, expanding, and scaling website</li>
215+
</ul>
216+
<p>Achievement :</p>
217+
<ul>
218+
<li>Managed some server settings on robots.txt to prevent personal data indexed in Google</li>
219+
<li>Managed captcha feature in the comments column</li>
220+
<li>Managed to fix SSL problem</li>
221+
</ul>
222+
<ul>
223+
224+
</ul>
225+
</div>
226+
</div>
227+
</div>
228+
229+
</div>
230+
</section>
231+
232+
<section id="portfolio" class="portfolio section-bg">
233+
<div class="container" data-aos="fade-up">
234+
235+
<div class="section-title">
236+
<h2>Portfolio</h2>
237+
<p>As a developer, a portfolio is very important and we must have it, because with a portfolio it can be
238+
clearly measured. How far have we gone through the long process, and how far are we experienced.</p>
239+
</div>
240+
241+
<div class="row">
242+
<div class="col-lg-12 d-flex justify-content-center" data-aos="fade-up" data-aos-delay="100">
243+
<ul id="portfolio-flters">
244+
<li data-filter="*" class="filter-active">All</li>
245+
<li data-filter=".filter-web">Web</li>
246+
<li data-filter=".filter-app">Mobile Apps</li>
247+
</ul>
248+
</div>
249+
</div>
250+
251+
<div class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">
252+
253+
<div class="container">
254+
<div class="row">
255+
256+
257+
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
258+
<div class="portfolio-wrap">
259+
<img src="assets/img/portfolio/MagangUpdate.PNG" class="img-fluid" alt="">
260+
<div class="portfolio-info">
261+
<h4>MagangUpdate</h4>
262+
<p>Web</p>
263+
<div class="portfolio-links">
264+
<a href="assets/img/portfolio/MagangUpdate.PNG" data-gallery="portfolioGallery"
265+
class="portfolio-lightbox"><i class="bx bx-plus"></i></a>
266+
<a href="portfolio/magangupdate.html" class="portfolio-details-lightbox"
267+
data-glightbox="type: external" title="Portfolio Details"><i class="bx bx-link"></i></a>
268+
</div>
269+
</div>
270+
</div>
271+
</div>
272+
273+
274+
275+
276+
277+
</div>
278+
</div>
279+
280+
</div>
281+
</section>
282+
283+
284+
<section id="contact" class="contact">
285+
<div class="container" data-aos="fade-up">
286+
287+
<div class="section-title">
288+
<h2>Contact</h2>
289+
</div>
290+
291+
<div class="row mt-1">
292+
293+
<div class="col-lg-4">
294+
<div class="info">
295+
<div class="address">
296+
<i class="bi bi-geo-alt"></i>
297+
<h4>Location:</h4>
298+
<p>Bandung, Indonesian</p>
299+
</div>
300+
301+
<div class="email">
302+
<i class="bi bi-envelope"></i>
303+
<h4>Email:</h4>
304+
<p>taufikmulyawan@gmail.com</p>
305+
</div>
306+
307+
<div class="phone">
308+
<i class="bi bi-phone"></i>
309+
<h4>Call:</h4>
310+
<p>+6282123759516</p>
311+
</div>
312+
313+
</div>
314+
315+
</div>
316+
317+
<div class="col-lg-8 mt-5 mt-lg-0">
318+
319+
<div class="container-fluid">
320+
<div class="map-responsive">
321+
<iframe src="https://maps.google.com/maps?q=Bandung&t=&z=13&ie=UTF8&iwloc=&output=embed" width="100%"
322+
height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
323+
</div>
324+
325+
</div>
326+
327+
</div>
328+
329+
</div>
330+
</section>
331+
332+
</main>
333+
334+
335+
336+
<footer id="footer">
337+
<div class="container">
338+
339+
<blockquote class="blockquote">
340+
<p>Be useful to those around you</p>
341+
</blockquote>
342+
<figcaption class="blockquote-footer">
343+
Taufik
344+
</figcaption>
345+
<div class="social-links">
346+
<a href="https://www.hackerrank.com/fullstuckdev" target="_blank" class="hacker-rank"><i
347+
class="fab fa-hackerrank"></i></i></a>
348+
<a href="https://github.com/fullstuckdev" target="_blank" class="github"><i class="bx bxl-github"></i></a>
349+
<a href="https://www.linkedin.com/in/taufik-mulyawan-fullstack-developer/" target="_blank" class="linkedin"><i
350+
class="bx bxl-linkedin"></i></a>
351+
</div>
352+
353+
</div>
354+
</footer>
355+
356+
<div id="preloader"></div>
357+
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
358+
class="bi bi-arrow-up-short"></i></a>
359+
360+
361+
<script src="assets/vendor/purecounter/purecounter.js"></script>
362+
<script src="assets/vendor/aos/aos.js"></script>
363+
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
364+
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
365+
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
366+
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
367+
<script src="assets/vendor/typed.js/typed.min.js"></script>
368+
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
369+
<script src="assets/vendor/php-email-form/validate.js"></script>
370+
371+
372+
<script src="assets/js/main.js"></script>
373+
10374
</body>
11-
</html>
375+
376+
</html>

0 commit comments

Comments
 (0)