Skip to content

Commit f3f23e5

Browse files
author
killflex
committed
Updated
- Sosmed Link - Profile Picture - Occupation Title
1 parent 4d96a22 commit f3f23e5

5 files changed

Lines changed: 37 additions & 35 deletions

File tree

‎assets/img/favicon.png‎

54.4 KB
Loading

‎assets/img/favicon2.png‎

-36.8 KB
Loading

‎assets/img/itsme2.jpg‎

9.16 MB
Loading

‎assets/img/itsme3.jpg‎

6.34 MB
Loading

‎index.html‎

Lines changed: 37 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@
1212
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
1313
<link href="./assets/library/lightbox2-dev/dist/css/lightbox.min.css" rel="stylesheet" />
1414
<link rel="stylesheet" href="assets/css/styles.css">
15-
<!-- <link rel="shortcut icon" type="image" href="./assets/img/favicon2.png"> -->
16-
<link rel="shortcut icon" type="image" href="https://encrypted-tbn3.gstatic.com/favicon-tbn?q=tbn:ANd9GcQTJU8h7787Bm3hkhYh-yxu7C3oLc-8uBknyS8X6jw8ze_U2kQv7o3hTk5a6cubcBrP0-eXDzYnP5dEv2o">
15+
<link rel="shortcut icon" type="image" href="./assets/img/favicon2.png">
16+
<!-- <link rel="shortcut icon" type="image" href="https://encrypted-tbn3.gstatic.com/favicon-tbn?q=tbn:ANd9GcQTJU8h7787Bm3hkhYh-yxu7C3oLc-8uBknyS8X6jw8ze_U2kQv7o3hTk5a6cubcBrP0-eXDzYnP5dEv2o"> -->
1717
</head>
1818
<body>
1919
<!-- header -->
@@ -51,16 +51,17 @@
5151
<p class="home__title-hello">Hello!</p>
5252
<h1 class="home__title">I'm <span class="home__title-color">killflex</span></h1>
5353

54-
<p class="home__title-jabat"><span class="home__title-color">3D & Motion Designer &#174;</span></p>
54+
<p class="home__title-jabat"><span class="home__title-color">3D Motion Graphic Designer &#174;</span></p>
5555

5656
<a href="#contact" class="button">Contact</a>
5757
</div>
5858

5959
<div class="home__social">
6060
<a href="https://www.instagram.com/killflex" target="_blank" class="home__social-icon"><i class='bx bxl-instagram-alt'></i></a>
6161
<a href="https://twitter.com/fleksipi" target="_blank" class="home__social-icon"><i class='bx bxl-twitter'></i></a>
62-
<a href="https://www.facebook.com/flexsify" target="_blank" class="home__social-icon"><i class='bx bxl-facebook-square'></i></a>
62+
<a href="https://www.behance.net/killflex" target="_blank" class="home__social-icon"><i class='bx-fw bx bxl-behance'></i></a>
6363
<a href="mailto:killflexediting@gmail.com" target="_parent" class="home__social-icon"><i class='bx bxs-envelope'></i></a>
64+
<a href="https://linktr.ee/killflex" target="_blank" class="home__social-icon"><i class='bx bx-link'></i></a>
6465
<!-- <a href="https://www.artstation.com/killflex" target="_blank" class="home__social-icon"><i class="fa-brands fa-artstation fa-xs"></i></a> -->
6566
</div>
6667

@@ -81,15 +82,16 @@ <h2 class="section-title">About</h2>
8182

8283
<div>
8384
<h2 class="about__subtitle">Hi there!</h1>
84-
<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
85-
Java, Indonesia. I have more than 4 years experience as a Motion Designer &
86-
almost 2 years as a 3D Designer.
85+
<p class="about__text">Welcome to my portfolio! My name is Ferry Hasan, known as killflex. I'm 18
86+
years old based in Surabaya, Indonesia. I have more than 4 years experience as a Motion Graphic
87+
Designer & almost 2 years as a 3D Artist.
8788
<br><br>
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.
89+
It started from my hobby that loves to play games, watching cartoon animation, and also everything
90+
involved in design. I have the desire to make it by myself. In the end I started learning 2D and 3D
91+
design from various software such as Adobe After Effects, Photoshop, Illustrator, Cinema 4D,
92+
,Blender, and so on.
9193
<br><br>
92-
Doing 3D & Motion isn't just hobby for me, but it also my biggest passion.</p>
94+
Doing 3D & Motion Graphic isn't just hobby for me, but it also my biggest passion.</p>
9395
</div>
9496
</div>
9597
</section>
@@ -195,68 +197,68 @@ <h3 class="visuals__subs bd-grid">3D Art and Illustration</h3>
195197
<div class="visuals__container bd-grid">
196198
<div class="visuals__img">
197199
<a href="assets/img/visuals/work4.jpg" data-lightbox="technology"
198-
data-title="Nobita Room v1 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop">
199-
<img src="assets/img/visuals/work4.jpg" alt="Nobita Room v1 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop">
200+
data-title="Nobita Room v1 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop (Personal)">
201+
<img src="assets/img/visuals/work4.jpg" alt="Nobita Room v1 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop (Personal)">
200202
</a>
201203
</div>
202204
<div class="visuals__img">
203205
<a href="assets/img/visuals/work5.jpg" data-lightbox="technology"
204-
data-title="Nobita Room v2 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop">
205-
<img src="assets/img/visuals/work5.jpg" alt="Nobita Room v2 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop">
206+
data-title="Nobita Room v2 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop (Personal)">
207+
<img src="assets/img/visuals/work5.jpg" alt="Nobita Room v2 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop (Personal)">
206208
</a>
207209
</div>
208210
<div class="visuals__img">
209211
<a href="assets/img/visuals/work6.jpg" data-lightbox="technology"
210-
data-title="Nobita Room v3 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop">
211-
<img src="assets/img/visuals/work6.jpg" alt="Nobita Room v3 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop">
212+
data-title="Nobita Room v3 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop (Personal)">
213+
<img src="assets/img/visuals/work6.jpg" alt="Nobita Room v3 ✦ Blender ✦ Cinema 4D ✦ Arnold ✦ Adobe Photoshop (Personal)">
212214
</a>
213215
</div>
214216
<div class="visuals__img">
215217
<a href="assets/img/visuals/work1.jpg" data-lightbox="technology"
216-
data-title="TAKE OUT ✦ Blender ✦ Octane ✦ Adobe After Effects">
217-
<img src="assets/img/visuals/work1.jpg" alt="TAKE OUT ✦ Blender ✦ Octane ✦ Adobe After Effects">
218+
data-title="TAKE OUT ✦ Blender ✦ Octane ✦ Adobe After Effects (Personal)">
219+
<img src="assets/img/visuals/work1.jpg" alt="TAKE OUT ✦ Blender ✦ Octane ✦ Adobe After Effects (Personal)">
218220
</a>
219221
</div>
220222
<div class="visuals__img">
221223
<a href="assets/img/visuals/work2.jpg" data-lightbox="technology"
222-
data-title="CLOUDY TRAIN ✦ Blender ✦ Cycles ✦ Adobe After Effects">
223-
<img src="assets/img/visuals/work2.jpg" alt="CLOUDY TRAIN ✦ Blender ✦ Cycles ✦ Adobe After Effects">
224+
data-title="CLOUDY TRAIN ✦ Blender ✦ Cycles ✦ Adobe After Effects (Personal)">
225+
<img src="assets/img/visuals/work2.jpg" alt="CLOUDY TRAIN ✦ Blender ✦ Cycles ✦ Adobe After Effects (Personal)">
224226
</a>
225227
</div>
226228
<div class="visuals__img">
227229
<a href="assets/img/visuals/work3.jpg" data-lightbox="technology"
228-
data-title="NOBODY ✦ Blender ✦ Octane ✦ Adobe After Effects">
229-
<img src="assets/img/visuals/work3.jpg" alt="NOBODY ✦ Blender ✦ Octane ✦ Adobe After Effects">
230+
data-title="NOBODY ✦ Blender ✦ Octane ✦ Adobe After Effects (Personal)">
231+
<img src="assets/img/visuals/work3.jpg" alt="NOBODY ✦ Blender ✦ Octane ✦ Adobe After Effects (Personal)">
230232
</a>
231233
</div>
232234
<div class="visuals__img">
233-
<a href="assets/img/visuals/work7.jpg" data-lightbox="technology" data-title="NIKEAIRMAX ✦ Blender ✦ Cycles ✦ Adobe Photoshop">
234-
<img src="assets/img/visuals/work7.jpg" alt="NIKEAIRMAX ✦ Blender ✦ Cycles ✦ Adobe Photoshop">
235+
<a href="assets/img/visuals/work7.jpg" data-lightbox="technology" data-title="NIKEAIRMAX ✦ Blender ✦ Cycles ✦ Adobe Photoshop (Personal)">
236+
<img src="assets/img/visuals/work7.jpg" alt="NIKEAIRMAX ✦ Blender ✦ Cycles ✦ Adobe Photoshop (Personal)">
235237
</a>
236238
</div>
237239
<div class="visuals__img">
238-
<a href="assets/img/visuals/work8.jpg" data-lightbox="technology" data-title="Ape's Sculpting ✦ Zbrush ✦ base model from Daz3D">
239-
<img src="assets/img/visuals/work8.jpg" alt="Ape's Sculpting ✦ Zbrush ✦ base model from Daz3D">
240+
<a href="assets/img/visuals/work8.jpg" data-lightbox="technology" data-title="Ape's Sculpting ✦ Zbrush ✦ base model from Daz3D (Commission)">
241+
<img src="assets/img/visuals/work8.jpg" alt="Ape's Sculpting ✦ Zbrush ✦ base model from Daz3D (Commission)">
240242
</a>
241243
</div>
242244
<div class="visuals__img">
243-
<a href="assets/img/visuals/work9.jpg" data-lightbox="technology" data-title="Dual Sense ✦ Blender ✦ Cycles ✦ Adobe After Effects">
244-
<img src="assets/img/visuals/work9.jpg" alt="Dual Sense ✦ Blender ✦ Cycles ✦ Adobe After Effects">
245+
<a href="assets/img/visuals/work9.jpg" data-lightbox="technology" data-title="Dual Sense ✦ Blender ✦ Cycles ✦ Adobe After Effects (Personal)">
246+
<img src="assets/img/visuals/work9.jpg" alt="Dual Sense ✦ Blender ✦ Cycles ✦ Adobe After Effects (Personal)">
245247
</a>
246248
</div>
247249
<div class="visuals__img">
248-
<a href="assets/img/visuals/work14.jpg" data-lightbox="technology" data-title="FALLIN ✦ Blender ✦ Octane ✦ Adobe After Effects">
249-
<img src="assets/img/visuals/work14.jpg" alt="FALLIN ✦ Blender ✦ Octane ✦ Adobe After Effects">
250+
<a href="assets/img/visuals/work14.jpg" data-lightbox="technology" data-title="FALLIN ✦ Blender ✦ Octane ✦ Adobe After Effects (Personal)">
251+
<img src="assets/img/visuals/work14.jpg" alt="FALLIN ✦ Blender ✦ Octane ✦ Adobe After Effects (Personal)">
250252
</a>
251253
</div>
252254
<div class="visuals__img">
253-
<a href="assets/img/visuals/work11.jpg" data-lightbox="technology" data-title="i'm_still_waiting ✦ Blender ✦ Octane ✦ Adobe After Effects">
254-
<img src="assets/img/visuals/work11.jpg" alt="i'm_still_waiting ✦ Blender ✦ Octane ✦ Adobe After Effects">
255+
<a href="assets/img/visuals/work11.jpg" data-lightbox="technology" data-title="i'm_still_waiting ✦ Blender ✦ Octane ✦ Adobe After Effects (Personal)">
256+
<img src="assets/img/visuals/work11.jpg" alt="i'm_still_waiting ✦ Blender ✦ Octane ✦ Adobe After Effects (Personal)">
255257
</a>
256258
</div>
257259
<div class="visuals__img">
258-
<a href="assets/img/visuals/work12.jpg" data-lightbox="technology" data-title="Spooky ✦ Blender ✦ Octane ✦ Adobe After Effects">
259-
<img src="assets/img/visuals/work12.jpg" alt="Spooky ✦ Blender ✦ Octane ✦ Adobe After Effects">
260+
<a href="assets/img/visuals/work12.jpg" data-lightbox="technology" data-title="Spooky ✦ Blender ✦ Octane ✦ Adobe After Effects (Personal)">
261+
<img src="assets/img/visuals/work12.jpg" alt="Spooky ✦ Blender ✦ Octane ✦ Adobe After Effects (Personal)">
260262
</a>
261263
</div>
262264
</div>

0 commit comments

Comments
 (0)