https://github.com/saddamarbaa/leon-agency-website

==> Agency Website from scratch a responsive layout "Mobile First Design" built with HTML5/CSS and a bit of JS for the menu. in this project, I learned more about modern CSS features and techniques including CSS grid, flexbox, and responsive media queries .....
https://github.com/saddamarbaa/leon-agency-website

css-grid eventlistener flexbox-css html-css-javascript leon-agency-website media-query

Last synced: 3 months ago
JSON representation

==> Agency Website from scratch a responsive layout "Mobile First Design" built with HTML5/CSS and a bit of JS for the menu. in this project, I learned more about modern CSS features and techniques including CSS grid, flexbox, and responsive media queries .....

• Host: GitHub
• URL: https://github.com/saddamarbaa/leon-agency-website
• Owner: saddamarbaa
• Created: 2021-04-02T04:26:07.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-04-30T17:05:44.000Z (about 4 years ago)
• Last Synced: 2025-02-03T18:02:54.960Z (5 months ago)
• Topics: css-grid, eventlistener, flexbox-css, html-css-javascript, leon-agency-website, media-query
• Language: CSS
• Homepage: https://agency-website-template.netlify.app/
• Size: 1.64 MB
• Stars: 1
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# leon-agency-template ( HTML5/CSS)

This is a code repository for building:Léon Agency Website from scratch a responsive 

layout "Mobile First Design" using HTML5/CSS and a bit of JS for the menu.

in this project, I Learned more about modern CSS features and techniques including CSS grid, flexbox, and responsive media queries

### LIVE DEMO

### GitHub Pages DEMO

### responsive on large screens

![image](https://user-images.githubusercontent.com/51326421/113509527-53402f80-9580-11eb-8981-9c2b47a0fdd1.png)

### responsive on mobile and tablet screens

![image](https://user-images.githubusercontent.com/51326421/113509561-900c2680-9580-11eb-9d15-eb14d58468b8.png)

### responsive on small mobile screens

![image](https://user-images.githubusercontent.com/51326421/113509605-b0d47c00-9580-11eb-95ef-220fe5a23ccd.png)