The Nexus Blog is a blog website created using Bootstrap, HTML, and CSS. It provides a platform for users to explore and read articles related to various topics like technology, artificial intelligence, gaming, web development, and more. The website features a clean, responsive design, with a sticky navigation bar, a carousel, and modals for login and signup.
- Responsive Design: The website is built with Bootstrap to ensure it works across different devices and screen sizes.
- Navigation Bar: A sticky navbar for easy navigation between Home, About, Blogs, and Contact pages.
- Carousel: A dynamic carousel to showcase featured blog categories.
- Modal Forms: Login and signup forms implemented as modals for smooth user interaction.
- Blog Display: A grid layout for displaying blog articles with titles, short descriptions, and thumbnail images.
- Footer: A footer section with useful links and a subscription form for newsletters.
- HTML: For the structure of the webpage.
- CSS: For styling the website.
- Bootstrap 5: For responsive design and UI components like the navbar, carousel, modals, and forms.
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/vaibhavguptahere/NexusBlog-Website
-
Open the
index.htmlfile in your browser to view the website:open index.html
- The homepage includes a carousel to showcase featured blog categories.
- The
Blogssection displays various blog posts, each with a title, description, and a link to continue reading. - Users can log in or sign up through modals that are accessible via the navbar.
index.html: The main homepage of the website.about.html: About page.blog.html: Blog posts listing page.contact.html: Contact page with a contact form.images/: Directory containing images used in the carousel and blog thumbnails.
Blog post section with categories and blog thumbnails.