Modern Bootstrap 5 Landing Page

A responsive and modern landing page built with Bootstrap 5 and SASS. This project showcases various Bootstrap components and custom styling to create a professional business website template.

Live Demo

Features

• 📱 Fully Responsive Design
• 🎨 Custom SASS/SCSS Styling
• 🎬 Video Lightbox Integration
• 📊 Interactive Components
• 🔄 Carousel Testimonials
• 💼 Portfolio Gallery
• 📝 Contact Form
• 🎯 Animated Elements

Technologies Used

• Bootstrap 5
• SASS/SCSS
• Font Awesome Icons
• GLightbox
• Google Fonts

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm (Node Package Manager)

Installation

1. Clone the repository

git clone https://github.com/yourusername/Bootstrap-Project-4.git

2. Navigate to project directory

cd Bootstrap-Project-4

3. Install dependencies

npm install

4. Run the SASS compiler

npm run sass

Project Structure

Bootstrap-Project-4/
├── dist/
│   ├── css/
│   │   └── style.css
│   └── js/
├── scss/
│   └── style.scss
├── images/
├── index.html
└── package.json

Sections

1. Navigation Bar: Responsive navbar with custom styling
2. Hero Section: Introduction with video lightbox
3. Companies: Trusted companies showcase
4. Services: Service offerings with icons and descriptions
5. Testimonials: Customer testimonials carousel
6. FAQ: Frequently asked questions accordion
7. Portfolio: Project showcase with filtering
8. Contact: Contact form with modern design
9. Footer: Social media links and company information

Customization

You can customize the theme by modifying the SCSS variables in scss/style.scss:

// Example customization
$primary: #your-color;
$enable-shadows: true;
$enable-gradients: true;

Deployment

This project can be deployed on any static hosting service. For Netlify deployment:

1. Push your code to GitHub
2. Connect your GitHub repository to Netlify
3. Configure build settings:
   • Build command: npm run build
   • Publish directory: dist

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details

Acknowledgments

• Bootstrap Team for the amazing framework
• Font Awesome for the icons
• GLightbox for the video lightbox functionality
• All images are from [source-name]

👨‍💻 Developer

Sirac

Contact

• 📧 Email: siracalaks@gmail.com
• 💼 LinkedIn: https://www.linkedin.com/in/sirac-alakus-64a29917a/

---

⭐️ If you enjoyed this project, don’t forget to give it a star!