forked from TrueCloudLab/dot-hugo
69 lines
1.7 KiB
Markdown
69 lines
1.7 KiB
Markdown
|
---
|
||
|
|
title: "Elements"
|
||
|
|
date: 2018-12-27T09:10:27+06:00
|
||
|
|
---
|
||
|
|
|
||
|
|
### Alarts
|
||
|
|
|
||
|
|
<div class="alert rounded-0 alert-primary">
|
||
|
|
A simple primary alert—check it out!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="alert rounded-0 alert-secondary">
|
||
|
|
A simple secondary alert—check it out!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="alert rounded-0 alert-success">
|
||
|
|
A simple success alert—check it out!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="alert rounded-0 alert-danger">
|
||
|
|
A simple danger alert—check it out!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="alert rounded-0 alert-warning">
|
||
|
|
A simple warning alert—check it out!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="alert rounded-0 alert-info">
|
||
|
|
A simple info alert—check it out!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="alert rounded-0 alert-light">
|
||
|
|
A simple light alert—check it out!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="alert rounded-0 alert-dark">
|
||
|
|
A simple dark alert—check it out!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
### Syntax Highlight
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<link rel="stylesheet" href="/assets/css/main.css">
|
||
|
|
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
|
||
|
|
<script src="/assets/js/main.js"></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
### Blockquote
|
||
|
|
|
||
|
|
> This is a simple blockquote.
|
||
|
|
|
||
|
|
### Image
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
### Buttons
|
||
|
|
|
||
|
|
<button class="btn btn-primary">Primary Button</button>
|
||
|
|
<button class="btn btn-secondary">secondary Button</button>
|
||
|
|
<button class="btn btn-success">success Button</button>
|
||
|
|
<button class="btn btn-info">info Button</button>
|
||
|
|
<button class="btn btn-danger">danger Button</button>
|
||
|
|
<button class="btn btn-warning">warning Button</button>
|
||
|
|
<button class="btn btn-light">light Button</button>
|
||
|
|
<button class="btn btn-dark">danger Button</button>
|