It's all about Leon

Hello, I'm Leonard

(Leon)

I am a proactive and enthusiastic individual with the ability to work well both independently and in a team. I have high level of professionalism and very organized person with excellent oral and written communication skills as well as creative and proactive type with outstanding networking skills. I am also fond of Software Enginnering and still gaining skills in Frontend Technologies, such as HTML, CSS, and JavaScript to have experiences in creating inovative and interactive web applications. I'm always looking for new opportunities to grow and challenge myself, and i am excited to see where life will take me next.

About Me

I graduated from Bandung Institute of Technology, class of 2004. I also already have experiences working in the Technology and Banking fields as below:

Company Name	Tenure	Role
PT DBSI	2019 - 2023	Global Transaction Services, Project manager.
HSBC	2008 - 2018	Cash Management manager, Project manager.
Accenture	2005 - 2008	Java & SAP consultant.

Recently, I have spent time turning coffee into responsive, user-centric web applications. My toolkit is built on the "Holy Trinity" of front-end development and to sharpen my skills on:

HTML: Building the semantic bones of the internet.
CSS: Making sure those bones look incredible (and stay responsive).
JavaScript: Bringing everything to life with logic and interactivity.

I’m passionate about the intersection of design and engineering—ensuring that every site I build isn't just a pretty face, but a fast, functional tool for the user. When I’m not debugging a tricky CSS layout, you can find me exploring new web standards and optimizing load times.

My Projects

HTML Semantic Projects

...

This project focuses on complex content hierarchy. It demonstrates how to handle multiple articles, sections, and nested navigation without falling into the "div soup" trap.

Key Semantic Features:
1. article & section: : Used to encapsulate independent stories and thematic groupings.
2. aside: For related links, advertisements, or "quick facts" that supplement the main content.
3. figure & figcaption: To provide context to images, making them more than just visual fluff.

The Result: A high-performance news site that SEO crawlers love because they can instantly identify the most important headlines.

Portfolio Projects

...

The goal is to develop a high-performance, single-page (or multi-page) website that serves as a central repository for your work, biography, and contact information.

The Tech stack is using HTML5 and CSS

Before coding, it's vital to visualize how the elements sit on the page. Using a "Box Model" approach ensures the layout doesn't break when content is added.

portfolio-image — This is the Portfolio project website

Contact Me

I’m always open to discussing new opportunities. Please use the form below to get in touch.