Skip to content

Instantly share code, notes, and snippets.

@adarsh-gupta101

adarsh-gupta101/Bootstrap.html

Created May 13, 2025 13:36
Show Gist options
  • Save adarsh-gupta101/6ac0374b13e975eb2de7fb08c6a62850 to your computer and use it in GitHub Desktop.
Save adarsh-gupta101/6ac0374b13e975eb2de7fb08c6a62850 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Bootstrap.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
crossorigin="anonymous"
/>
</head>
<body>
<section class="py-12 py-sm-24 py-md-32 bg-info-light p-3">
<div class="container small">
<div class="mw-3xl mx-auto text-center">
<h3 class="mb-5">Performance Report</h3>
<p class="mw-2xl mx-auto mb-16 fs-7 text-secondary">
Along with testing the website's responsiveness, you can now test
your website performance statistics across 50+ pre-installed device
viewports using LT Browser.
</p>
<img
src="https://www.lambdatest.com/support/assets/images/k11-1024x539-478e4c0f3b9999ffa996babd43095e07.webp"
class="img-fluid"
alt="..."
/>
<div
class="mw-sm mw-md-none mx-auto py-10 bg-white rounded-5 shadow-lg"
>
<div class="row position-relative p-3">
<div
class="d-none d-md-block p-0 bg-secondary-light opacity-50 position-absolute top-50 start-50 translate-middle"
style="width: 1px; height: 56px"
></div>
<div class="col-12 col-md-6">
<div>
<span class="fw-bold text-primary">Total Devices</span>
<h6 class="h2 mt-4 mb-4">3,020</h6>
<span class="fs-9 text-secondary-dark"
>19% better than last month</span
>
</div>
</div>
<div class="col-12 d-md-none py-12">
<div
class="mx-auto bg-secondary-light opacity-50"
style="height: 1px; width: 56px"
></div>
</div>
<div class="col-12 col-md-6">
<div>
<span class="fw-bold text-primary">Content Painting</span>
<h6 class="h2 mt-4 mb-4">0.90 ms</h6>
<span class="fs-9 text-secondary-dark"
>33% better than other websites</span
>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment