html-css-project

There are 118 repositories under html-css-project topic.

  • accordion

    Language:HTML1

  • email-signup-form

    Language:CSS1

  • google-logo

    Language:CSS1

  • video-background-landing-page

    Language:CSS1

  • profile-card

    Language:HTML1

  • leno

    Language:HTML

  • product-preview-card-component

    Frontend Mentor - Product preview card component using HTML and CSS

    Language:CSS1

  • Web-practice-bikerz-zone

    WPH-Bikers Zone demo landing page

    Language:HTML1

  • AD_Search-WebDev

    [ First Project: First Website ]

    Language:HTML

  • Youtube-Clone

    A fully responsive and pixel-perfect clone of the YouTube homepage built using HTML5 and CSS3. Includes a fixed header, collapsible sidebar, video grid layout, and interactive UI elements like tooltips and notification badges. Perfect for practicing layout design with Flexbox, CSS Grid, and media queries.

    Language:HTML

  • fem-social-proof-section-master

    This is a responsive layout that showcases customer ratings and user testimonials for a product. It uses a clean, modern design with flexbox and CSS grid to display a main heading, rating blocks, and individual user cards.

    Language:HTML

  • fem-single-price-grid-component

    This project is a responsive pricing card layout that promotes a subscription plan and highlights the benefits of joining a coding community. It includes a heading section, a pricing column, and a feature list—all styled with clean utility-based CSS and flexbox.

    Language:HTML

  • frontendmentor-stats-preview-card-component-main

    This is a great small challenge to help get you used to building to a design. There's no JS in this project, so you'll be able to focus on your HTML & CSS skills.

    Language:CSS

  • frontendmentor-results-summary-component

    It’s a HTML and CSS only project.

    Language:CSS

  • frontendmentor-3-column-preview-card

    This challenge is perfect if you're just getting started. The shift between the layouts will be a nice test if you're new to building responsive projects.

    Language:CSS

  • frontendmentor-Meet-landing-page

    This HTML & CSS only challenge is perfect if you're starting to get a bit comfortable with your layout skills. The responsive layout shifts will also be a great test!

    Language:CSS

  • frontendmentor-testimonials-grid

    This challenge will be perfect practice for anyone wanting to test their CSS Grid skills. Grid is such a powerful addition to CSS, so it's worth getting to grips with it!

    Language:HTML

  • frontendmentor-four-card-feature-section

    A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.

    Language:CSS

  • frontendmentor-Recipe-page

    This challenge will help you focus on writing semantic HTML. Ensure you think through what HTML elements are most appropriate for each piece of content.

    Language:CSS

  • portfolio

    Portfolio project to learn css.

    Language:HTML

  • tutor

    Tutor website project. HTML and Css

    Language:HTML

  • frontendmentor-social-links-profile

    In this small project, you'll build out your social link-sharing profile. You can even personalize it and use it to share all your social profiles!

    Language:CSS

  • frontendmentor-qr-code-component

    A perfect first challenge if you're new to HTML and CSS. The card layout doesn't shift, so it's ideal if you haven't learned about building responsive layouts yet.

    Language:CSS

  • frontendmentor-blog-preview-card

    This HTML & CSS-only challenge is a perfect project for beginners getting up to speed with HTML and CSS fundamentals, like HTML structure and the box model.

    Language:CSS

  • responsive-layouts-challenge

    CONQUERING RESPONSIVE LAYOUTS 21-DAY CHALLENGE

    Language:HTML

  • card-section

    This project is a modern, responsive product card UI built using HTML and TailwindCSS. The card design showcases a product image, title, description, rating system with star icons, and two action buttons: Add to Cart and Buy Now. 🌐 **Live Demo**: Check out the live demo of this card Section: **https://itzrahul-ai.github.io/card-section/

    Language:HTML
  • GoGrubz-Clone

    GoGrubz-Clone

    A responsive front-end clone of the GoGrubz website built with HTML and CSS. Designed for learning and showcasing clean UI replication with mobile-first responsiveness.

    Language:CSS

  • Pet_Care_Center-website

    In the 2nd year of my degree, I made this website for the mid-assignment of the Web Architecture module in the 2nd semester.

    Language:HTML

  • img-hover-effects_css

    Composants UI animés en HTML et CSS, avec effets de survol fluides et design responsive. Idéal pour sublimer visuellement vos interfaces web, portfolios, galeries ou pages de présentation.

    Language:CSS

  • milestone4-module2-assignment

    Milestone 4: HTML CSS Projects and Assignments > Module 2: HTML & CSS Assignments

    Language:CSS

  • HTML_And_CSS_Template_04

    HTML And CSS Design 04

    Language:HTML

  • HTML_And_CSS_Template_03

    HTML And CSS Design 03

    Language:CSS

  • HTML_And_CSS_Template_02

    HTML And CSS Design 02

    Language:CSS

  • HTML_And_CSS_Template_01

    HTML And CSS Design 01

    Language:HTML

  • JAVASCRIPT_Digital_Clock

    The Digital Clock project is a sleek, real-time clock built using HTML, CSS, and JavaScript. It displays the current time in both 12-hour and 24-hour formats with seconds and a dynamic AM/PM indicator. This project showcases how to create an interactive and visually appealing time display, suitable for personal or professional use.

    Language:CSS

  • Sidebar-using-CSS

    Created this sidebar navigation with social media links, utilizing pure HTML and CSS with nice hover effects.

    Language:HTML