https://github.com/codewithshahriar/architex-lab
Architex Lab is a responsive, multi-page website for showcasing architecture and design projects. Built with HTML5, CSS3, Bootstrap 5, JavaScript, and Python, it offers a modern, user-friendly experience with interactive features and a clean, minimal design.
https://github.com/codewithshahriar/architex-lab
bootstrap css html javascript python scss smptlib
Last synced: 2 months ago
JSON representation
Architex Lab is a responsive, multi-page website for showcasing architecture and design projects. Built with HTML5, CSS3, Bootstrap 5, JavaScript, and Python, it offers a modern, user-friendly experience with interactive features and a clean, minimal design.
- Host: GitHub
- URL: https://github.com/codewithshahriar/architex-lab
- Owner: CodewithShahriar
- Created: 2024-11-10T23:22:27.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-13T07:20:15.000Z (6 months ago)
- Last Synced: 2025-01-12T08:21:44.176Z (4 months ago)
- Topics: bootstrap, css, html, javascript, python, scss, smptlib
- Language: SCSS
- Homepage: https://web-production-6b38.up.railway.app/
- Size: 6.89 MB
- Stars: 1
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **architex-lab**
A beautifully designed and responsive architecture agency website built using modern technologies to showcase creative architectural solutions, personalized interior design expertise, and innovative ideas for modern living.
---
## **Features**
- 🏡 **Responsive Design**: Works seamlessly across desktops, tablets, and mobile devices.
- 🎨 **Interactive Carousel**: Showcases architectural services and interior designs with smooth animations.
- 💡 **Counter Section**: Highlights years of experience dynamically.
- 🚀 **Animation Effects**: Powered by WOW.js for engaging scroll animations.
- 📊 **Dynamic Stats**: Animated counters for displaying key metrics.
---
## **Technologies Used**
### **Frontend**
- **HTML5**, **CSS3**, **JavaScript**
- **Bootstrap 5** for responsive layout
- **Owl Carousel** for image sliders
- **WOW.js** for scroll animations
- **Font Awesome** and **Bootstrap Icons** for icons
### **Backend**
- **Flask** (Python framework for serving static files)
---
## **Installation & Setup**
1. Clone the repository:
```bash
git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name
```
2. Install required Python packages (if running Flask):
```bash
pip install flask
```
3. Run the development server:
```bash
python app.py
```
4. Open your browser and visit:
```
http://127.0.0.1:5000/
```
---
## **Project Structure**
```
📁 your-repo-name/
│
├── 📁 static/
│ ├── 📁 css/ # Custom and library stylesheets
│ ├── 📁 img/ # Images used in the website
│ ├── 📁 js/ # Custom JavaScript files
│ ├── 📁 lib/ # Libraries (OwlCarousel, WOW.js, etc.)
│
├── 📁 templates/
│ ├── index.html # Main HTML file
│
├── app.py # Flask application file
├── requirements.txt # Python dependencies
└── README.md # Project documentation
```
---
## **Demo**
Visit the live website https://web-production-6b38.up.railway.app/
---
## **Contributing**
Contributions are welcome! If you'd like to contribute:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature-name
```
3. Commit changes:
```bash
git commit -m "Add your message"
```
4. Push and open a pull request.