Collection

<div align="center"> <img src="https://raw.githubusercontent.com/farzadasgari/collection/main/assets/images/collection/logo.png" width=50px> <h1>Collection</h1> </div>

Overview

This project is a responsive and interactive web template designed to showcase various elements, including a chat interface, user comments, and download buttons for mobile apps. The template is built using HTML, CSS, and JavaScript, with a focus on clean design and user experience.

Features

• Interactive Chat Interface: A fully functional chat window that can be toggled on and off.
• User Comments Section: A comment section that displays user feedback in a visually appealing format.
• Download Buttons: Buttons for downloading the app from the App Store and Google Play.
• Responsive Design: The template is designed to look great on both desktop and mobile devices.

Installation

To get started with this template, simply clone the repository and open the index.html file in your preferred web browser.

git clone https://github.com/farzadasgari/collection
cd collection

Usage

1. Customize the Content: Update the HTML, CSS, and JavaScript files to customize the content and appearance according to your needs.
2. Add Your Links: Replace the placeholders in the download buttons with your actual app store links.
3. Deploy: Once you've customized the template, you can deploy it to your web server or host it using services like GitHub Pages.

Screenshots

<div align="center"> <table align="center"> <tr align="center"> <td align="center"> <h3>Desktop View</h3> <a href="https://github.com/farzadasgari/collection/blob/main/assets/images/screenshots/desktop.png"> <img src="https://raw.githubusercontent.com/farzadasgari/collection/main/assets/images/screenshots/desktop.png" height=200px> </a> </td> <td align="center"> <h3>Mobile View</h3> <a href="https://github.com/farzadasgari/collection/blob/main/assets/images/screenshots/mobile.png"> <img src="https://raw.githubusercontent.com/farzadasgari/collection/main/assets/images/screenshots/mobile.png" height=200px> </a> </td> <tr> </table> </div>

Special Thanks

Special thanks to Armita Zangeneh for her valuable contributions to this project.

<div align="center"> <h3>Sketch</h3> <a href="https://github.com/farzadasgari/collection/blob/main/assets/images/sketch/sketch.jpg"> <img src="https://raw.githubusercontent.com/farzadasgari/collection/main/assets/images/sketch/sketch.jpg" height=200px> </a> </div>

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any inquiries, please contact:

• std_farzad.asgari@alumni.khu.ac.ir
• khufarzadasgari@gmail.com

Links

Farzad Asgari