WEB DEVELOPMENT INTERNSHIP
Task 8: Create a Simple Blog Layout Using Bootstrap 5.
Objective: Use Bootstrap 5 CDN to create a blog page with navbar, cards, and footer.
Tools: VS Code, Bootstrap CDN, Browser.
Deliverables: Responsive blog page using Bootstrap components.
Hints/Mini Guide:
1. Include Bootstrap CSS and JS CDN links in [Link].
2. Add navbar with brand and links using Bootstrap classes.
3. Create a container with several cards representing blog posts.
4. Each card should have an image, title, description, and read more button.
5. Use Bootstrap grid to arrange cards responsively.
6. Add a footer with social icons.
7. Customize spacing and colors using Bootstrap utility classes.
8. Test responsiveness on different screen sizes.
Outcome: : Learn Bootstrap usage for rapid UI development and responsive layouts.
Interview Questions:
1. What is Bootstrap?
2. How to include Bootstrap in a project?
3. What is the grid system?
4. What are utility classes?
5. How do you customize Bootstrap?
6. Difference between container, container-fluid?
7. What are Bootstrap cards?
8. How to make responsive navigation?
9. What is a CDN?
10. How to override Bootstrap styles?
Key Concepts: Bootstrap 5, CDN, Grid System, Components, Utility Classes.
📤 Submit Here:
After completing the task, paste your GitHub repo link and submit it using the link below:
👉 [Submission Link ]
📌 Task Submission Guidelines
⏰ Time Window:
You can complete the task anytime between 10:00 AM to 10:00 PM on the given day. Submission link closes at
10 :00 PM
🔍 Self-Research Allowed:
You are free to explore, Google, or refer to tutorials to understand concepts and complete the task effectively.
🛠 Debug Yourself:
Try to resolve all errors by yourself. This helps you learn problem-solving and ensures you don’t face the same
issues in future tasks.
💸 No Paid Tools:
If the task involves any paid software/tools, do not purchase anything. Just learn the process or find free
alternatives.
📁 GitHub Submission:
Create a new GitHub repository for each task.
Add everything you used for the task — code, datasets, screenshots (if any), and a short [Link] explaining
what you did.
📤 Submit Here:
After completing the task, paste your GitHub repo link and submit it using the link below:
👉 [Submission Link ]
