![](https://github.com/Rakibs511/homepage-bootstrap/raw/main/src/picture/preview.png)
A homepage built with HTML, CSS, JavaScript, and Bootstrap using Vite.
This project is a simple homepage created using modern web development technologies such as HTML, CSS, JavaScript, and Bootstrap. It is set up and bundled using Vite, a fast development build tool for modern web applications.
- Responsive design for optimal viewing on different devices
- Nav-Bar with Responsiveness!
- Profile Section using Bootstrap card
- Credit-Card Section
- options with the active inactive state using java-script
- carousal with 4 pictures
- Clone the repository:
git clone https://github.com/Rakibs511/homepage-bootstrap.git
- Navigate to the project directory:
cd homepage-bootstrap
- Install dependencies:
npm install
- Start the development server:
npm start
This will start the development server and open the homepage in your default browser. Any changes you make to the source code will automatically trigger a hot-reload, allowing you to see the updates in real-time.
- Customize the homepage:
- Open the project in your favorite code editor.
- Modify the HTML files in the
src
directory to update the content and structure. - Customize the CSS styles in the
src/css/* || src/scss/*
directory to match your desired design. - Add or remove sections as needed by modifying the HTML files.
- Build for production:
npm run build
This command will generate a production-ready build of your homepage in the dist directory. You can then deploy the contents of this directory to a web server or hosting platform of your choice.
- build preview (optional):
npm run preview
This command will preview this website after build for production
Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.