Welcome to the Ebook Website! This project is built using Bootstrap 5 and SASS, designed to provide users with a seamless experience for downloading free e-books. It incorporates modern web design principles and responsive design for optimal viewing across devices.
- Modern Layout: Custom colors, styles, and backgrounds to enhance user experience.
- Responsive Design: Ensures the site looks great on desktops, tablets, and mobile devices.
- Sticky Navbar: A stylish sticky navigation bar that changes on scroll for easy access.
- Bootstrap Modals: User-friendly modals for displaying additional content without navigating away from the page.
- Form & Input Styles: Clean and styled forms for user interactions.
- Testimonials Section: Showcases user feedback to build trust and engagement.
- Functional Form: Form is integrated with formspree online service.
Feel free to explore the website, download free e-books, and interact with the features. You can also modify the styles and contents as needed to make it your own.
In order to customize this website, you need to install Node.js. Then, clone this repository and run:
- Clone the repository :
git clone https://github.com/Harsh-v3/ebook-website.git
- Navigate to the project directory :
cd ebook-website
- Install dependencies : This will install Bootstrap, Sass and Font Awesome. To build your CSS files from Sass.
npm install
- Run :
npm run compile:sass
You can add Bootstrap variables to the bootstrap.scss
file. You can look at the file node_modules/bootstrap/dist/scss/_variables.scss
for a list of all the variables. Do NOT edit the variables.scss
file directly, as it will be overwritten when you update Bootstrap.
To add your own custom styles, use the styles.scss
file.
- HTML
- CSS (SASS)
- Bootstrap 5
- FontAwesome (installed via npm)
- Formspree (with forms)
Contributions are welcome! If you have suggestions for improvements or features, please fork the repository and submit a pull request.
This website was developed during the Bootstrap 5 course taught by Brad Traversy. I created this project to enhance my understanding of Bootstrap and SASS. The course offered valuable insights and techniques that significantly shaped my approach to this project.
Special thanks to the Bootstrap team for their robust framework and to the FontAwesome team for providing an impressive icon library that added to the site's visual appeal.