Get Bootstrap Plus — Free Bootstrap Components for Beginners
CodeShikhi (কোড শিখি) is a curated Bootstrap library — copy-paste ready Bootstrap 5 sections including headers, heroes, pricing and footers. Preview live, then drop the bootstrap code straight into your project.
Bootstrap 5.3.8 boilerplate
Copy, paste into index.html, then drop any CodeShikhi component inside the container.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap demo</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<!-- Content here -->
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Browse by section
Pick a section type, copy what you need.
Header & Navbar
Top navigation bars for any kind of site.
Button
Hero Sections
Eye-catching intro sections with a clear call to action.
Carousel
How it works The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators. For performance reasons, carousels must be manually initialized using the carousel constructor method. Without initialization, some of the event listeners (specifically, the events needed touch/swipe support) will not be registered until a user has explicitly activated a control or indicator. The only exception are autoplaying carousels with the data-bs-ride="carousel" attribute as these are initialized automatically on page load. If you’re using autoplaying carousels with the data attribute, don’t explicitly initialize the same carousels with the constructor method. Nested carousels are not supported. You should also be aware that carousels in general can often cause usability and accessibility challenges.
Cards
A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. If you’re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards.
Services
Showcase what you offer in a clean grid.
Team Members
Introduce your people with photo cards.
History Section
Statistics JS counters Section
Notices
Flash Sale
Limited-time offers with countdowns.
Pricing
Plan comparison tables and cards.
Testimonials
Customer quotes and reviews.
Table Section
Form
Calendar Section
Login & Signup
Auth forms ready to drop in.
Contact
Contact forms and info blocks.
FAQ
Collapsible question lists.
Footer & BigFooter
Site footers from minimal to feature-rich.
Newsletter
Email capture sections.
Reviews
Video Cards
YouTube video card designs — grids, featured players, playlists and thumbnails, all built on Bootstrap 5.
Home Page Full Component
Full Page Component
Any Page Full Page Component Ready, just copy & Past
See it live, copy in one click
A taste of what's inside — hand-picked components rendered right here.
New to coding? Start with VS Code
Download VS Code for Windows, macOS or Linux, install the Live Server extension, and preview your first HTML page in minutes.
Stuck? Ask in Bangla, English or Banglish
A friendly beginner tutor that explains VS Code, HTML, CSS and Bootstrap step by step — in the same language you write in.
- code.visualstudio.com theke download koro
- Installer double-click kore install koro
- Open kore File → Open Folder select koro
About CodeShikhi
CodeShikhi is a free online learning platform founded on June 24, 2026 by MD RAKIB HASAN (a Frontend Developer from Lalmonirhat, Rangpur Division) to help people learn programming, web development, and coding skills through easy tutorials.
Platform Focus
- Free Education: Open-access resources, custom Bootstrap components, and tutorials for aspiring programmers.
- Skill Building: Fundamental programming languages (C, Python, JavaScript), frontend tools, and modern web development concepts.
- Community: Active via the official CodeShikhi channels for updates and real-time community engagement.
If you want, I can help you with:
- → Writing basic code in languages like C, Python, or JavaScript.
- → Explaining programming concepts and Bootstrap alignment in simple terms.
- → Finding free source codes and web resources for specific frontend topics.
Why CodeShikhi?
Copy & paste ready
Every section is clean Bootstrap HTML you can drop straight into any project.
Live preview
See exactly what you'll get before you copy. Toggle desktop and mobile views.
Beginner-friendly
No build tools. No frameworks to learn. Just include the Bootstrap CDN and you're done.