Skip to content

Commit 1f30f2c

Browse files
author
killflex
committed
Updated
- Many Changes T_T
1 parent dac0ca7 commit 1f30f2c

8 files changed

Lines changed: 29 additions & 24 deletions

File tree

‎assets/img/itsme2.jpg‎

6.34 MB
Loading

‎assets/library/lightbox2-dev/dist/images/next.png‎

1.13 KB
Loading

‎assets/library/lightbox2-dev/dist/images/prev.png‎

1.09 KB
Loading

‎assets/library/lightbox2-dev/src/images/next.png‎

1.13 KB
Loading

‎assets/library/lightbox2-dev/src/images/next2.png‎

1.32 KB
Loading

‎assets/library/lightbox2-dev/src/images/prev.png‎

1.09 KB
Loading

‎assets/library/lightbox2-dev/src/images/prev2.png‎

1.33 KB
Loading

‎index.html‎

Lines changed: 29 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@
2525

2626
<div class="nav__menu" id="nav-menu">
2727
<ul class="nav__list">
28-
<li class="nav__item"><a href="#home" class="nav__link active"><i class="fas fa-home nav__icon"></i> Home</a></li>
28+
<li class="nav__item"><a href="#home" class="nav__link"><i class="fas fa-home nav__icon"></i> Home</a></li>
29+
<!-- <li class="nav__item"><a href="#home" class="nav__link active"><i class="fas fa-home nav__icon"></i> Home</a></li> -->
2930
<li class="nav__item"><a href="#about" class="nav__link"><i class="fas fa-user nav__icon"></i> About</a></li>
3031
<!-- <li class="nav__item"><a href="#skills" class="nav__link"><i class="fas fa-clipboard-list nav__icon"></i> Skills</a></li> -->
3132
<li class="nav__item"><a href="#works" class="nav__link"><i class="fas fa-image nav__icon"></i> Works</a></li>
@@ -58,11 +59,9 @@ <h1 class="home__title">I'm <span class="home__title-color">killflex</span></h1>
5859
<div class="home__social">
5960
<a href="https://www.instagram.com/killflex" target="_blank" class="home__social-icon"><i class='bx bxl-instagram-alt'></i></a>
6061
<a href="https://twitter.com/fleksipi" target="_blank" class="home__social-icon"><i class='bx bxl-twitter'></i></a>
61-
<a href="https://www.facebook.com/flexsify" target="_blank" class="footer__icon"><i class="fa-brands fa-facebook fa-xs"></i></a>
62-
<a href="https://www.artstation.com/killflex" target="_blank" class="home__social-icon"><i class="fa-brands fa-artstation fa-xs"></i></a>
63-
<a href="https://www.youtube.com/channel/UChwSCygEMrr2Ucip-yg2elg" target="_blank" class="home__social-icon"><i class='bx bxl-youtube'></i></a>
64-
<!-- <a href="https://www.fiverr.com/ferryhasan" target="_blank" class="home__social-icon" style="font-size: 22px;"><span class="iconify" data-icon="jam:fiverr"></span></a> -->
65-
<a href="https://linktr.ee/7flexsfy" target="_blank" class="home__social-icon" style="font-size: 22px;"><span class="iconify" data-icon="simple-icons:linktree"></span></a>
62+
<a href="https://www.facebook.com/flexsify" target="_blank" class="home__social-icon"><i
63+
class='bx bxl-facebook-square'></i></a>
64+
<!-- <a href="https://www.artstation.com/killflex" target="_blank" class="home__social-icon"><i class="fa-brands fa-artstation fa-xs"></i></a> -->
6665
</div>
6766

6867
<div class="home__img">
@@ -77,20 +76,20 @@ <h2 class="section-title">About</h2>
7776

7877
<div class="about__container bd-grid">
7978
<div class="about__img">
80-
<img src="assets/img/itsme.jpg" alt="killflex face">
79+
<img src="assets/img/itsme2.jpg" alt="killflex face">
8180
</div>
8281

8382
<div>
8483
<h2 class="about__subtitle">Hi there!</h1>
8584
<p class="about__text">Welcome to my portfolio! My name is Ferry Hasan, known as killflex or fleksipi. I'm 18 years old based in Surabaya, East
86-
Java, Indonesia. I have more than 3 years experience as a <b>Motion Designer</b> &
87-
almost 1 years as a <b>3D Designer</b>.
85+
Java, Indonesia. I have more than 4 years experience as a Motion Designer &
86+
almost 2 years as a 3D Designer.
8887
<br><br>
89-
It started from my hobby that loves to play games, watch animation, and also everything involved in design. I have the
90-
desire to make it by myself. In the end I started learning 2D and 3D design from various software such as <b>Adobe After
91-
Effects</b>, <b>Photoshop</b>, <b>Cinema 4D</b>, <b>Blender</b>, and so on.
88+
It started from my hobby that loves to play games, watch cartoon animation, and also everything involved in design. I have the
89+
desire to make it by myself. In the end I started learning 2D and 3D design from various software such as Adobe After
90+
Effects, Photoshop, Cinema 4D, ,Blender, and so on.
9291
<br><br>
93-
Doing 3D & Motion <b>isn't just hobby</b> for me, but it also my <b>biggest passion</b>.</p>
92+
Doing 3D & Motion isn't just hobby for me, but it also my biggest passion.</p>
9493
</div>
9594
</div>
9695
</section>
@@ -195,37 +194,43 @@ <h2 class="section-title">Works</h2>
195194
<h3 class="visuals__subs bd-grid">3D Illustration</h3>
196195
<div class="visuals__container bd-grid">
197196
<div class="visuals__img">
198-
<a href="assets/img/visuals/work4.jpg" data-lightbox="technology" data-title="Nobita Room v1 ✦ Blender ✦ Cinema 4D ✦ Arnold">
197+
<a href="assets/img/visuals/work4.jpg" data-lightbox="technology"
198+
data-title="Nobita Room v1 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop">
199199
<img src="assets/img/visuals/work4.jpg" alt="Nobita Room v1 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop">
200200
</a>
201201
</div>
202202
<div class="visuals__img">
203-
<a href="assets/img/visuals/work5.jpg" data-lightbox="technology" data-title="Nobita Room v2 ✦ Blender ✦ Cinema 4D ✦ Arnold">
203+
<a href="assets/img/visuals/work5.jpg" data-lightbox="technology"
204+
data-title="Nobita Room v2 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop">
204205
<img src="assets/img/visuals/work5.jpg" alt="Nobita Room v2 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop">
205206
</a>
206207
</div>
207208
<div class="visuals__img">
208-
<a href="assets/img/visuals/work6.jpg" data-lightbox="technology" data-title="Nobita Room v3 ✦ Blender ✦ Cinema 4D ✦ Arnold">
209+
<a href="assets/img/visuals/work6.jpg" data-lightbox="technology"
210+
data-title="Nobita Room v3 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop">
209211
<img src="assets/img/visuals/work6.jpg" alt="Nobita Room v3 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop">
210212
</a>
211213
</div>
212214
<div class="visuals__img">
213-
<a href="assets/img/visuals/work1.jpg" data-lightbox="technology" data-title="TAKE OUT ✦ Blender ✦ Octane ✦">
215+
<a href="assets/img/visuals/work1.jpg" data-lightbox="technology"
216+
data-title="TAKE OUT ✦ Blender ✦ Octane ✦ Adobe After Effects">
214217
<img src="assets/img/visuals/work1.jpg" alt="TAKE OUT ✦ Blender ✦ Octane ✦ Adobe After Effects">
215218
</a>
216219
</div>
217220
<div class="visuals__img">
218-
<a href="assets/img/visuals/work2.jpg" data-lightbox="technology" data-title="CLOUDY TRAIN ✦ Blender ✦ Cycles ✦ Adobe After">
221+
<a href="assets/img/visuals/work2.jpg" data-lightbox="technology"
222+
data-title="CLOUDY TRAIN ✦ Blender ✦ Cycles ✦ Adobe After Effects">
219223
<img src="assets/img/visuals/work2.jpg" alt="CLOUDY TRAIN ✦ Blender ✦ Cycles ✦ Adobe After Effects">
220224
</a>
221225
</div>
222226
<div class="visuals__img">
223-
<a href="assets/img/visuals/work3.jpg" data-lightbox="technology" data-title="NOBODY ✦ Blender ✦ Octane ✦ Adobe After">
227+
<a href="assets/img/visuals/work3.jpg" data-lightbox="technology"
228+
data-title="NOBODY ✦ Blender ✦ Octane ✦ Adobe After Effects">
224229
<img src="assets/img/visuals/work3.jpg" alt="NOBODY ✦ Blender ✦ Octane ✦ Adobe After Effects">
225230
</a>
226231
</div>
227232
<div class="visuals__img">
228-
<a href="assets/img/visuals/work7.jpg" data-lightbox="technology" data-title="NIKEAIRMAX ✦ Blender ✦ Cycles ✦ Adobe Photoshop"">
233+
<a href="assets/img/visuals/work7.jpg" data-lightbox="technology" data-title="NIKEAIRMAX ✦ Blender ✦ Cycles ✦ Adobe Photoshop">
229234
<img src="assets/img/visuals/work7.jpg" alt="NIKEAIRMAX ✦ Blender ✦ Cycles ✦ Adobe Photoshop">
230235
</a>
231236
</div>
@@ -352,12 +357,12 @@ <h2 class="section-title">Contact</h2>
352357
<div class="footer__socials">
353358
<a href="https://www.instagram.com/killflex" target="_blank" class="footer__icon"><i class='bx bxl-instagram-alt'></i></a>
354359
<a href="https://twitter.com/fleksipi" target="_blank" class="footer__icon"><i class='bx bxl-twitter'></i></a>
355-
<a href="https://www.facebook.com/flexsify" target="_blank" class="footer__icon"><i class="fa-brands fa-facebook fa-xs"></i></a>
356-
<a href="https://www.artstation.com/killflex" target="_blank" class="footer__icon"><i class="fa-brands fa-artstation fa-xs"></i></a>
357-
<a href="https://www.youtube.com/channel/UChwSCygEMrr2Ucip-yg2elg" target="_blank" class="footer__icon"><i class='bx bxl-youtube'></i></a>
360+
<a href="https://www.facebook.com/flexsify" target="_blank" class="footer__icon"><i class="bx bxl-facebook-square"></i></a>
361+
<!-- <a href="https://www.artstation.com/killflex" target="_blank" class="footer__icon"><i class="fa-brands fa-artstation fa-xs"></i></a> -->
362+
<!-- <a href="https://www.youtube.com/channel/UChwSCygEMrr2Ucip-yg2elg" target="_blank" class="footer__icon"><i class='bx bxl-youtube'></i></a> -->
358363

359364
<!-- <a href="https://www.fiverr.com/ferryhasan" target="_blank" class="footer__icon" style="font-size: 18px;"><span class="iconify" data-icon="jam:fiverr"></span></a> -->
360-
<a href="https://linktr.ee/7flexsfy" target="_blank" class="footer__icon" style="font-size: 18px;"><span class="iconify" data-icon="simple-icons:linktree"></span></a>
365+
<!-- <a href="https://linktr.ee/7flexsfy" target="_blank" class="footer__icon" style="font-size: 18px;"><span class="iconify" data-icon="simple-icons:linktree"></span></a> -->
361366
</div>
362367

363368
<p class="footer__email"> </p>

0 commit comments

Comments
 (0)