[go: up one dir, main page]

Skip to content

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.

Notifications You must be signed in to change notification settings

CodewithShahriar/architex-lab

Repository files navigation

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:

    git clone https://github.com/your-username/your-repo-name.git
    cd your-repo-name
  2. Install required Python packages (if running Flask):

    pip install flask
  3. Run the development server:

    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:
    git checkout -b feature-name
  3. Commit changes:
    git commit -m "Add your message"
  4. Push and open a pull request.

About

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.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published