https://github.com/omid2831/gallery
Welcome to my Gallery art
https://github.com/omid2831/gallery
css gallery-viewer html html-css-javascript javasscript mit-license
Last synced: about 1 year ago
JSON representation
Welcome to my Gallery art
- Host: GitHub
- URL: https://github.com/omid2831/gallery
- Owner: Omid2831
- License: mit
- Created: 2024-11-05T19:03:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-14T11:21:43.000Z (about 1 year ago)
- Last Synced: 2025-03-14T11:30:32.643Z (about 1 year ago)
- Topics: css, gallery-viewer, html, html-css-javascript, javasscript, mit-license
- Language: CSS
- Homepage: https://omid2831.github.io/Gallery/src/index.html
- Size: 17.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🖼️ Gallery Web
An interactive and modern gallery website featuring 3D effects, parallax scrolling, and a beautiful user interface.
Created and maintained by Omid Mehrabi (Omid_mhr).
## ✨ Features
- 🎨 3D Interactive Gallery
- 🎵 Background Music Integration
- 📱 Fully Responsive Design
- 🔄 Smooth Scroll Animations
- 💫 Interactive UI Elements
- 📊 Progress Indicator
- 📱 Mobile-Friendly Interface
## 🛠️ Technologies Used
- HTML5
- CSS3 (with Modern Features)
- Vanilla JavaScript
- Font Awesome Icons
- Modern CSS Animations
## 🚀 Getting Started
### Prerequisites
- A modern web browser
- Basic understanding of web development
- Git installed on your machine
### Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/gallery-web.git
```
2. Navigate to the project directory:
```bash
cd gallery-web
```
3. Open the project:
- Use a live server extension in VS Code, or
- Open `src/index.html` in your browser
## 📁 Project Structure
```
gallery-web/
├── src/
│ ├── assets/
│ │ ├── css/
│ │ ├── js/
│ │ ├── img/
│ │ └── songs/
│ └── index.html
├── .gitignore
├── LICENSE
└── README.md
```
## 🤝 Contributing
1. Fork the repository
2. Create your feature branch:
```bash
git checkout -b feature/AmazingFeature
```
3. Make your changes
4. Commit your changes:
```bash
git commit -m 'Add some AmazingFeature'
```
5. Push to the branch:
```bash
git push origin feature/AmazingFeature
```
6. Open a Pull Request
## 📝 Development Guidelines
- Follow the existing code style
- Test all changes in multiple browsers
- Ensure responsive design works on all screen sizes
- Keep the code clean and well-documented
- Test all interactive features thoroughly
## 🔒 Security
- Personal images are excluded from the repository
- Sensitive information should not be committed
- Follow security best practices when contributing
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🙏 Acknowledgments
- Font Awesome for the icons
- Contributors and maintainers
- Open source community
## 📞 Contact
Created by Omid Mehrabi (Omid_mhr). For questions or collaboration:
- GitHub: [@Omid2831](https://github.com/Omid2831)
- Instagram: [@omid82mhrdeveloper](https://www.instagram.com/omid82mhrdeveloper)
- LinkedIn: [Omid Mehrabi](https://www.linkedin.com/in/omid-mehrabi-2638792a5/)
Or open an issue in the repository.
---