dot-hugo/exampleSite/content/elements/_index.fr.md
2019-01-06 16:40:05 +06:00

68 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
![image example](../../../../images/img-7.jpg "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>