Skip to content

KaruzG/MonCafe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 

Repository files navigation

MonCafe

image

This repository contains the code for a simple Coffee Shop website, designed as a school task. The website is built using HTML and CSS, and it follows a mobile-first design approach with a media query for desktop screens. Flexbox and Grid are utilized for layout, and the design incorporates Font Awesome icons and Google Fonts.

Styles and Layout

  • CSS Files:
    • desktop.css: Contains styles for desktop screens.
    • index.css: Holds styles for the main index page.
    • normalize.css: A CSS reset for consistent styling across browsers.
    • var.css: Defines variables for colors, text shadows, and background shadows.

Fonts

  • ButterChicken.otf: Local font used in the project.
  • Agbalumo: Google Fonts.
  • Solway: Google Fonts.
  • Spectral: Google Fonts.

How to Use

  1. Clone the repository to your local machine:

    git clone https://github.com/KaruG/MonCafe.git
  2. Open the index.html file in your web browser to view the Coffee Shop website.

Images

Desktop

image image image

Mobile

image image image