Zavents's Website Project

card-image
Bootstrap

On this website, I was instructed to learn Bootstrap, and I created a website that displays Bootstrap components here!

BOOTSTRAP

HTML

CSS
1
card-image
IFG

On this website, I was instructed to replicate a design built with Tailwind and then convert it into Bootstrap , ensuring the layout and styling work with the new framework.

BOOTSTRAP

HTML

CSS

JAVASCRIPT
2
card-image
Ikinglink

an office project that asked us to create a design for the office. It uses Bootstrap, but only for the base grid and responsive system; the rest of the styling is done with pure CSS. The website is hard to replicate because we're still new to JavaScript

CSS

HTML

JAVASCRIPT

BOOTSTRAP
3
card-image
Calendar

Our office project tasked us with creating a calendar scheduler in HTML, optimized for mobile view

JAVASCRIPT

HTML

CSS
4
card-image
Tailwind !

A new framework to work with! It was a bit difficult figuring out how to install and use the Tailwind CLI, but in the end, it was simple to use

TAILWIND

HTML

CSS

JAVASCRIPT
5
card-image
Fubuki

Shuffle Projects

TAILWIND

HTML

CSS

JAVASCRIPT
3
internship Timeline
Saturday, July 18th 2024
Arrow Icon
Wildan (myself) started an internship at Netviro.
Work hours: Monday to Friday, 8:30 AM - 5:00 PM, and Saturday, 8:00 AM - 5:00 PM
Monday, July 22nd 2024
Arrow Icon
My First ever Project !!! learn-bootstraps
At first, it was kind of difficult figuring out how these classes work, but in the end, it was simple and easy to understand
Tuesday, July 30th 2024
Arrow Icon
After completing the Learn Bootstrap project,
I started working on IFG. What is it for?
Honestly, I'm not sure, but I think it's for the official IFG 2024 website.
I'm replicating this website, by the way.
Tuesday, August 6th 2024
Arrow Icon
We got a new project during our internship after completing the IFG project.
The new project is "ikinglink", which seems to be a Chinese website.
It's about electronics and AI-related topics.
Friday, August 23rd 2024
Arrow Icon
Office Project...? Calendar.
This project tasked us with creating a mobile-only website for a calendar scheduler.
I’m not too familiar with how the backend works, but fortunately, they only need the front-end, so it seems pretty straightforward
Thursday, September 5th, 2024
Arrow Icon
After some time tweaking the UI of the Calendar, it’s finally done.
Now we move on to the new framework, Tailwind.
Do I find the framework difficult? Yeah, lmfao. Installing it takes some time for beginners.
|
1/1 | 0:00 / 0:00 | MUSIC-TITLE
|