63 lines
2.8 KiB
HTML
63 lines
2.8 KiB
HTML
---
|
||
layout: default
|
||
title: ' Sample Project for Jekyll+BS5'
|
||
---
|
||
<div class="row">
|
||
<div class="col">
|
||
<h1>Welcome to Sample Project for Jekyll+BS5</h1>
|
||
<p>This is a test page for the root landing page.</p>
|
||
<button type="button" class="btn btn-primary">Primary</button>
|
||
<button type="button" class="btn btn-secondary">Secondary</button>
|
||
<button type="button" class="btn btn-success">Success</button>
|
||
<button type="button" class="btn btn-danger">Danger</button>
|
||
<button type="button" class="btn btn-warning">Warning</button>
|
||
<button type="button" class="btn btn-info">Info</button>
|
||
<button type="button" class="btn btn-light">Light</button>
|
||
<button type="button" class="btn btn-dark">Dark</button>
|
||
|
||
<button type="button" class="btn btn-link">Link</button>
|
||
</div>
|
||
</div>
|
||
<div class="row mt-3">
|
||
<div class="col">
|
||
<div class="card" style="width: 18rem;">
|
||
<img src="https://dummyimage.com/300" class="card-img-top" alt="...">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Card title</h5>
|
||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
|
||
card’s content.</p>
|
||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mt-3">
|
||
<div class="col">
|
||
<p class="text-primary">.text-primary</p>
|
||
<p class="text-primary-emphasis">.text-primary-emphasis</p>
|
||
<p class="text-secondary">.text-secondary</p>
|
||
<p class="text-secondary-emphasis">.text-secondary-emphasis</p>
|
||
<p class="text-success">.text-success</p>
|
||
<p class="text-success-emphasis">.text-success-emphasis</p>
|
||
<p class="text-danger">.text-danger</p>
|
||
<p class="text-danger-emphasis">.text-danger-emphasis</p>
|
||
<p class="text-warning bg-dark">.text-warning</p>
|
||
<p class="text-warning-emphasis">.text-warning-emphasis</p>
|
||
<p class="text-info bg-dark">.text-info</p>
|
||
<p class="text-info-emphasis">.text-info-emphasis</p>
|
||
<p class="text-light bg-dark">.text-light</p>
|
||
<p class="text-light-emphasis">.text-light-emphasis</p>
|
||
<p class="text-dark bg-white">.text-dark</p>
|
||
<p class="text-dark-emphasis">.text-dark-emphasis</p>
|
||
|
||
<p class="text-body">.text-body</p>
|
||
<p class="text-body-emphasis">.text-body-emphasis</p>
|
||
<p class="text-body-secondary">.text-body-secondary</p>
|
||
<p class="text-body-tertiary">.text-body-tertiary</p>
|
||
|
||
<p class="text-black bg-white">.text-black</p>
|
||
<p class="text-white bg-dark">.text-white</p>
|
||
<p class="text-black-50 bg-white">.text-black-50</p>
|
||
<p class="text-white-50 bg-dark">.text-white-50</p>
|
||
</div>
|
||
</div> |