Skip to content

Commit 1a296f8

Browse files
fullstuckdevfullstuckdev
committed
push
1 parent 875a701 commit 1a296f8

2 files changed

Lines changed: 381 additions & 370 deletions

File tree

‎index.html‎

Lines changed: 5 additions & 370 deletions
Original file line numberDiff line numberDiff line change
@@ -1,376 +1,11 @@
11
<!DOCTYPE html>
2-
<html>
3-
2+
<html lang="en">
43
<head>
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-
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Contoh</title>
287
</head>
29-
308
<body>
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-
9+
Contoh
37410
</body>
375-
37611
</html>

0 commit comments

Comments
 (0)