Skip to content

This site make as interior design with HTML CSS JavaScript and Tailwind CSS

Notifications You must be signed in to change notification settings

Mehedi-irfan/interno

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Home Interior Design - Landing Page

Overview

This is a static landing page for a Home Interior Design project, showcasing creative and modern interior design services. The website is built using:

  • HTML for structure
  • CSS for styling
  • JavaScript for interactivity
  • Tailwind CSS for responsive and modern UI design
  • ScrollReveal.js for smooth scroll-based animations
  • Swiper.js for interactive image carousels/sliders

Features

  • Responsive Design: Adapts beautifully to different screen sizes (desktop, tablet, and mobile).
  • Smooth Animations: Elements are revealed dynamically as you scroll.
  • Interactive Sliders: Highlight various design projects with an engaging image carousel.
  • Modern Aesthetic: Sleek and minimal design using Tailwind CSS.

Technologies Used

  1. HTML
  2. CSS
  3. JavaScript
  4. Tailwind CSS
  5. ScrollReveal.js
  6. Swiper.js

Installation

To view the project locally:

  1. Clone the repository:

    git clone https://github.com/Mehedi-irfan/interno.git
  2. Navigate to the project directory:

    cd interno
  3. Open the index.html file in your browser:

    start index.html

Usage

  • Scroll through the landing page to explore smooth animations.
  • Swipe through the carousel to view different design samples.
  • The website is fully responsive; try resizing your browser or viewing it on different devices.

File Structure

home-interior-design/
|-- index.html        # Main HTML file
|-- css/
|   |-- styles.css    # Custom CSS styles
|-- js/
|   |-- app.js        # Main JavaScript file for interactivity
|   |-- scrollreveal.js # Library for scroll animations
|   |-- swiper-bundle.min.js # Swiper library for carousels
|-- images/           # Folder containing all design images

Demo

A live demo is available at:[(https://mehedi-irfan.github.io/interno/)
(Replace this link with your deployed site link if hosted.)

Contributing

If you want to contribute to this project:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature/your-feature-name
  3. Commit your changes:
    git commit -m "Added your feature"
  4. Push to the branch:
    git push origin feature/your-feature-name
  5. Open a pull request.

Author


Thank you for exploring the Home Interior Design project! Feel free to reach out for suggestions or collaborations.

Releases

No releases published

Packages

No packages published