https://github.com/kmohamedalie/web-components-layouts

website layouts and components 🧱
https://github.com/kmohamedalie/web-components-layouts

Last synced: 8 months ago
JSON representation

website layouts and components 🧱

• Host: GitHub
• URL: https://github.com/kmohamedalie/web-components-layouts
• Owner: Kmohamedalie
• Created: 2024-02-18T03:24:54.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-02-18T16:42:11.000Z (over 1 year ago)
• Last Synced: 2025-01-02T15:31:53.139Z (9 months ago)
• Homepage: https://kmohamedalie.github.io/web-components-layouts/
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Web components layouts patterns 🧱

Build [Responsive Real-World Websites with HTML and CSS](https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/learn/lecture/27512178#overview) project for learning components layouts patterns.

### [Components](https://kmohamedalie.github.io/web-components-layouts/):  

[Hero layout](https://hero-layout.netlify.app/), [Carousel](https://carousel-design.netlify.app/) ,  [Accordion](https://accordion-dc.netlify.app/), [Styling-tables](https://styling-tables.netlify.app/), [Pagination dots](https://pagination-dots.netlify.app/)

[Hero layout](https://hero-layout.netlify.app/):

![image](https://github.com/Kmohamedalie/web-components-layouts/assets/63104472/d7899ca6-825b-497f-9548-4dba1ba74c19)

[Carousel](https://carousel-design.netlify.app/):

![image](https://github.com/Kmohamedalie/web-components-layouts/assets/63104472/5303e99c-fd08-4d95-a48c-c53463669dd3)

[Pagination dots](https://pagination-dots.netlify.app/)

![image](https://github.com/Kmohamedalie/web-components-layouts/assets/63104472/46f79180-590c-4bbe-abf4-0fbc042bbda6)