Scribd
Upload
5 views1 page

Bootstrap Example.html

This document is an HTML template for a simple responsive webpage using Bootstrap 5. It features a centered title and lead paragraph, along with two cards side by side, each containing a title, text, and a button. The layout is structured using Bootstrap's grid system for responsiveness.

Uploaded by

Madhuri Belgundkar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views1 page

Bootstrap Example.html

This document is an HTML template for a simple responsive webpage using Bootstrap 5. It features a centered title and lead paragraph, along with two cards side by side, each containing a title, text, and a button. The layout is structured using Bootstrap's grid system for responsiveness.

Uploaded by

Madhuri Belgundkar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap Example</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet">
</head>
<body>

<div class="container mt-5">


<h1 class="text-center">Welcome to Bootstrap</h1>
<p class="lead text-center">This is a simple responsive page using Bootstrap 5.</p>

<div class="row mt-4">


<div class="col-md-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">Left Card</h5>
<p class="card-text">This is some content in the left card.</p>
<a href="#" class="btn btn-primary">Click Me</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">Right Card</h5>
<p class="card-text">This is some content in the right card.</p>
<a href="#" class="btn btn-success">Click Me</a>
</div>
</div>
</div>
</div>
</div>

</body>
</html>

You might also like