3-column-preview-card

A simple column preview card using grid to create 2 different layouts for desktop and mobile viewports

aboutme

(Old Version) About me webpage made with bootstrap and animeOnScroll

advice-generator

A Simple Webpage that generates a random advice fetching from Advice Slip API

animated-toast

A simple web page showing an animated toast notification

article-preview-component

A simple responsive and animated article preview UI using CSS Grid and Flexbox

barber-studio

A modern business landing page for a barber studio made with CSS animations, responsive design, HTML SEO, and modern UI/UX

base-apparel

A simple apparel promotion page using CSS grid to create 2 different layouts for desktop and mobile viewports

calculator-app

A simple calculator webApp with theme switcher

car-showcase

A simple web page utilizing Next.js 13

center-div

3 ways to center a div: classic way, grid way, and flexbox way

cholis04

My Personal Repository

coding-bootcamp-testimonials-slider

A Webpage that shows user testimonials with animated text and slider

color-palette

A simple color palette maker using an uploaded image

country-search

A simple web app where users can search information about countries

cryptoez

A landing webpage made with vanilla HTML, CSS and JavaScript, using responsive web design

digital-clock

A simple RGB digital clock that shows time, current date, and can switch between 12-hour and 24-hour format

dropdown-menu

A simple animated dropdown menu

e-commerce-product-page

A simple interactive product page where users can buy and view details about shoes

easybank

A Modern Bank Landing Page featuring sections, navigations, footers, and responsive design

expenses-chart

A Modern Design Chart, showing expenses and summary of other financial details, fetching data from a JSON file

express-ts-mongo

express JS using Typescript with MongoDB

express1

faq-accordion-card

A modern accordion card design with overlaying images using CSS grid and flexbox to create different layouts

floating-action-menu

An animated user menu

flower-shop

four-card-feature

Frontend Mentor IO - Challenge [8] HTML & CSS

four-card-feature-section

A Feature Page showcasing 4 cards with a complex layout using CSS flexbox

fylo-dark-page

A simple modern landing page

fylo-data-storage

A Modern Design Webpage showing storage space information

fylo-landing-page

A Modern Landing Page featuring sections, navigations, footers, responsive design