https://github.com/doaaosamak/cards-frontend

This project showcases a collection of profile cards using a swiper slider for smooth navigation. Each card represents a person with a brief description and a link to view more details. The page is fully responsive and includes swiper.js for the carousel functionality.
https://github.com/doaaosamak/cards-frontend

cards css html5 javascript project swipper

Last synced: 1 day ago
JSON representation

This project showcases a collection of profile cards using a swiper slider for smooth navigation. Each card represents a person with a brief description and a link to view more details. The page is fully responsive and includes swiper.js for the carousel functionality.

• Host: GitHub
• URL: https://github.com/doaaosamak/cards-frontend
• Owner: DoaaOsamaK
• Created: 2024-06-03T18:04:15.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-06-05T09:07:58.000Z (5 months ago)
• Last Synced: 2024-06-05T11:50:10.705Z (5 months ago)
• Topics: cards, css, html5, javascript, project, swipper
• Language: HTML
• Homepage: https://doaaosamak.github.io/Cards-Frontend/
• Size: 264 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🌟 Augalassia's Cards

This project showcases a collection of profile cards using a swiper slider for smooth navigation. Each card represents a person with a brief description and a link to view more details. The page is fully responsive and includes swiper.js for the carousel functionality.

![Macbook-Air-doaaosamak github io (1)](https://github.com/DoaaOsamaK/Cards-Frontend/assets/147305995/312ca230-0ca8-47e7-b8b4-f96cfc1de8eb)

## 📋 Table of Contents

- [Demo](#demo)

- [Features](#features)

- [Technologies Used](#technologies-used)

- [Contact](#contact)

## 🌐 Demo

You can view a live demo of the cards [here](https://doaaosamak.github.io/Cards-Frontend/).

## ✨ Features

- Responsive design that works on various screen sizes.

- Swiper slider for smooth navigation through the cards.

- Profile cards with images, names, descriptions, and links to more details.

- Navigation buttons and pagination for the swiper.

## 💻 Technologies Used

- HTML5

- CSS3

- JavaScript

- [Remix Icons](https://remixicon.com/)

- [Swiper.js](https://swiperjs.com/)

## 📬 Contact

For any questions or feedback, please contact

Email: [email protected]