Your documentation template can look like this. Check it out.

Typography

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt rerum minima a possimus, amet perferendis, temporibus obcaecati pariatur. Reprehenderit magnam necessitatibus vel culpa provident quas nesciunt sunt aut cupiditate fugiat!

New

Open Sans

Open Sans Bold

Colors

Blue

#064CDB

Green

#28a745

File Tree

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet adipisci non similique quia maxime molestias id, laboriosam cumque doloribus reprehenderit eaque minus quisquam eius a perferendis ut. Ipsum, dignissimos laboriosam.

Images description
CSS description
- file name description
- file name description
HTML description
- PAGES description
  - file name description
  - file name description
  - file name description
- file name description
- file name description
index.html description
components.html description

Table

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Accordion

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Video

Code

To switch directories, type cd followed by the name of the directory. To edit settings, press ctrl + ,

HTML
CSS

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Hello World</title>

    <!-- css -->
    <link rel="stylesheet" href="assets/css/vendor.css" />
    <link rel="stylesheet" href="assets/css/style.css" />
  </head>
  <body>


    <!-- js -->
    <script src="assets/js/vendor.js"></script>
    <script src="assets/js/app.js"></script>
  </body>
</html>

body {
  > section,
  > footer {
    position: relative;
    margin: 0 auto;
    padding: $section-padding 0;
    overflow: hidden;
  }
}

Alert

Tip

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos minus, qui error eveniet! Et consequuntur fugit nulla nam

List

Cras justo odio New
Dapibus ac facilisis in

Cras justo odio
Dapibus ac facilisis in

Carousel

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam sed, voluptatibus repudiandae facere aperiam nemo fugit iusto eaque voluptatem delectus ea similique excepturi exercitationem iure, possimus minus fugiat. Eaque, hic.