`. Be sure to escape HTML angle brackets.
+
+{% example html %}
+For example, <section> should be wrapped as inline.
+{% endexample %}
+
+## Code blocks
+
+Use ``s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the `.pre-scrollable` class, which will set a max-height of 350px and provide a y-axis scrollbar.
+
+{% example html %}
+<p>Sample text here...</p>
+<p>And another line of sample text here...</p>
+
+{% endexample %}
+
+## Variables
+
+For indicating variables use the `` tag.
+
+{% example html %}
+y = mx + b
+{% endexample %}
+
+## User input
+
+Use the `` to indicate input that is typically entered via keyboard.
+
+{% example html %}
+To switch directories, type cd followed by the name of the directory.
+To edit settings, press ctrl + ,
+{% endexample %}
+
+## Sample output
+
+For indicating sample output from a program use the `` tag.
+
+{% example html %}
+This text is meant to be treated as sample output from a computer program.
+{% endexample %}
diff --git a/vendor/twbs/bootstrap/docs/4.0/content/figures.md b/vendor/twbs/bootstrap/docs/4.0/content/figures.md
new file mode 100644
index 0000000..31e89ed
--- /dev/null
+++ b/vendor/twbs/bootstrap/docs/4.0/content/figures.md
@@ -0,0 +1,26 @@
+---
+layout: docs
+title: Figures
+description: Documentation and examples for displaying related images and text with the figure component in Bootstrap.
+group: content
+---
+
+Anytime you need to display a piece of content—like an image with an optional caption, consider using a ``.
+
+Use the included `.figure` , `.figure-img` and `.figure-caption` classes to provide some baseline styles for the HTML5 `` and `` elements. Images in figures have no explicit size, so be sure to add the `.img-fluid` class to your `![]()
` to make it responsive.
+
+{% example html %}
+
+ ![A generic square placeholder image with rounded corners in a figure.]()
+ A caption for the above image.
+
+{% endexample %}
+
+Aligning the figure's caption is easy with our [text utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/text/#text-alignment).
+
+{% example html %}
+
+ ![A generic square placeholder image with rounded corners in a figure.]()
+ A caption for the above image.
+
+{% endexample %}
diff --git a/vendor/twbs/bootstrap/docs/4.0/content/images.md b/vendor/twbs/bootstrap/docs/4.0/content/images.md
new file mode 100644
index 0000000..066a852
--- /dev/null
+++ b/vendor/twbs/bootstrap/docs/4.0/content/images.md
@@ -0,0 +1,83 @@
+---
+layout: docs
+title: Images
+description: Documentation and examples for opting images into responsive behavior (so they never become larger than their parent elements) and add lightweight styles to them—all via classes.
+group: content
+toc: true
+---
+
+## Responsive images
+
+Images in Bootstrap are made responsive with `.img-fluid`. `max-width: 100%;` and `height: auto;` are applied to the image so that it scales with the parent element.
+
+
+
![Generic responsive image]()
+
+{% endhighlight %}
+
+{% callout warning %}
+##### SVG images and IE 10
+
+In Internet Explorer 10, SVG images with `.img-fluid` are disproportionately sized. To fix this, add `width: 100% \9;` where necessary. This fix improperly sizes other image formats, so Bootstrap doesn't apply it automatically.
+{% endcallout %}
+
+## Image thumbnails
+
+In addition to our [border-radius utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/borders/), you can use `.img-thumbnail` to give an image a rounded 1px border appearance.
+
+
+
![A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera]()
+
+
![A generic square placeholder image with rounded corners]()
+
![A generic square placeholder image with rounded corners]()
+
+
![A generic square placeholder image with rounded corners]()
+
+
+
![A generic square placeholder image with rounded corners]()
+
+
+
+
![]()
`, make sure to add the `.img-*` classes to the `![]()
` and not to the `` tag.
+
+{% highlight html %}
+
+
+
+
+{% endhighlight %}
diff --git a/vendor/twbs/bootstrap/docs/4.0/content/reboot.md b/vendor/twbs/bootstrap/docs/4.0/content/reboot.md
new file mode 100644
index 0000000..de6dc23
--- /dev/null
+++ b/vendor/twbs/bootstrap/docs/4.0/content/reboot.md
@@ -0,0 +1,366 @@
+---
+layout: docs
+title: Reboot
+description: Reboot, a collection of element-specific CSS changes in a single file, kickstart Bootstrap to provide an elegant, consistent, and simple baseline to build upon.
+group: content
+redirect_from: "/docs/4.0/content/"
+toc: true
+---
+
+## Approach
+
+Reboot builds upon Normalize, providing many HTML elements with somewhat opinionated styles using only element selectors. Additional styling is done only with classes. For example, we reboot some `` styles for a simpler baseline and later provide `.table`, `.table-bordered`, and more.
+
+Here are our guidelines and reasons for choosing what to override in Reboot:
+
+- Update some browser default values to use `rem`s instead of `em`s for scalable component spacing.
+- Avoid `margin-top`. Vertical margins can collapse, yielding unexpected results. More importantly though, a single direction of `margin` is a simpler mental model.
+- For easier scaling across device sizes, block elements should use `rem`s for `margin`s.
+- Keep declarations of `font`-related properties to a minimum, using `inherit` whenever possible.
+
+## Page defaults
+
+The `` and `` elements are updated to provide better page-wide defaults. More specifically:
+
+- The `box-sizing` is globally set on every element—including `*::before` and `*::after`, to `border-box`. This ensures that the declared width of element is never exceeded due to padding or border.
+ - No base `font-size` is declared on the ``, but `16px` is assumed (the browser default). `font-size: 1rem` is applied on the `` for easy responsive type-scaling via media queries while respecting user preferences and ensuring a more accessible approach.
+- The `` also sets a global `font-family`, `line-height`, and `text-align`. This is inherited later by some form elements to prevent font inconsistencies.
+- For safety, the `` has a declared `background-color`, defaulting to `#fff`.
+
+## Native font stack
+
+The default web fonts (Helvetica Neue, Helvetica, and Arial) have been dropped in Bootstrap 4 and replaced with a "native font stack" for optimum text rendering on every device and OS. Read more about [native font stacks in this *Smashing Magazine* article](https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/).
+
+{% highlight sass %}
+$font-family-sans-serif:
+ // Safari for OS X and iOS (San Francisco)
+ -apple-system,
+ // Chrome < 56 for OS X (San Francisco)
+ BlinkMacSystemFont,
+ // Windows
+ "Segoe UI",
+ // Android
+ "Roboto",
+ // Basic web fallback
+ "Helvetica Neue", Arial, sans-serif,
+ // Emoji fonts
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+{% endhighlight %}
+
+This `font-family` is applied to the `` and automatically inherited globally throughout Bootstrap. To switch the global `font-family`, update `$font-family-base` and recompile Bootstrap.
+
+## Headings and paragraphs
+
+All heading elements—e.g., ``—and `
` are reset to have their `margin-top` removed. Headings have `margin-bottom: .5rem` added and paragraphs `margin-bottom: 1rem` for easy spacing.
+
+
+
+
+ | Heading |
+ Example |
+
+
+
+
+ |
+ {% markdown %}``{% endmarkdown %}
+ |
+ h1. Bootstrap heading |
+
+
+ |
+ {% markdown %}``{% endmarkdown %}
+ |
+ h2. Bootstrap heading |
+
+
+ |
+ {% markdown %}``{% endmarkdown %}
+ |
+ h3. Bootstrap heading |
+
+
+ |
+ {% markdown %}``{% endmarkdown %}
+ |
+ h4. Bootstrap heading |
+
+
+ |
+ {% markdown %}``{% endmarkdown %}
+ |
+ h5. Bootstrap heading |
+
+
+ |
+ {% markdown %}``{% endmarkdown %}
+ |
+ h6. Bootstrap heading |
+
+
+
+
+## Lists
+
+All lists—``, ``, and ``—have their `margin-top` removed and a `margin-bottom: 1rem`. Nested lists have no `margin-bottom`.
+
+
+{% markdown %}
+* Lorem ipsum dolor sit amet
+* Consectetur adipiscing elit
+* Integer molestie lorem at massa
+* Facilisis in pretium nisl aliquet
+* Nulla volutpat aliquam velit
+ * Phasellus iaculis neque
+ * Purus sodales ultricies
+ * Vestibulum laoreet porttitor sem
+ * Ac tristique libero volutpat at
+* Faucibus porta lacus fringilla vel
+* Aenean sit amet erat nunc
+* Eget porttitor lorem
+
+1. Lorem ipsum dolor sit amet
+2. Consectetur adipiscing elit
+3. Integer molestie lorem at massa
+4. Facilisis in pretium nisl aliquet
+5. Nulla volutpat aliquam velit
+6. Faucibus porta lacus fringilla vel
+7. Aenean sit amet erat nunc
+8. Eget porttitor lorem
+{% endmarkdown %}
+
+
+For simpler styling, clear hierarchy, and better spacing, description lists have updated `margin`s. `- `s reset `margin-left` to `0` and add `margin-bottom: .5rem`. `
- `s are **bolded**.
+
+
+{% markdown %}
+
+ - Description lists
+ - A description list is perfect for defining terms.
+ - Euismod
+ - Vestibulum id ligula porta felis euismod semper eget lacinia odio sem.
+ - Donec id elit non mi porta gravida at eget metus.
+ - Malesuada porta
+ - Etiam porta sem malesuada magna mollis euismod.
+
+{% endmarkdown %}
+
` element is reset to remove its `margin-top` and use `rem` units for its `margin-bottom`.
+
+
+{% markdown %}
+
+.example-element {
+ margin-bottom: 1rem;
+}
+
+{% endmarkdown %}
+
+
+
+ This is an example table, and this is its caption to describe the contents.
+
+
+
+ | Table heading |
+ Table heading |
+ Table heading |
+ Table heading |
+
+
+
+
+ | Table cell |
+ Table cell |
+ Table cell |
+ Table cell |
+
+
+ | Table cell |
+ Table cell |
+ Table cell |
+ Table cell |
+
+
+ | Table cell |
+ Table cell |
+ Table cell |
+ Table cell |
+
+
+
+
`.
+
+
+
+ Twitter, Inc.
+ 1355 Market St, Suite 900
+ San Francisco, CA 94103
+ P: (123) 456-7890
+
+
+
+ Full Name
+ first.last@example.com
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
+
+
+
+ Nulla
attr vitae elit libero, a pharetra augue.
+
+
+ Some details
+ More info about the details.
+
+
+
+ Even more details
+ Here are even more details about the details.
+
+
`, then extend with custom styles or our various included modifier classes.
+
+Using the most basic table markup, here's how `.table`-based tables look in Bootstrap. **All table styles are inherited in Bootstrap 4**, meaning any nested tables will be styled in the same manner as the parent.
+
+{% example html %}
+
+
+
+ | # |
+ First |
+ Last |
+ Handle |
+
+
+
+
+ | 1 |
+ Mark |
+ Otto |
+ @mdo |
+
+
+ | 2 |
+ Jacob |
+ Thornton |
+ @fat |
+
+
+ | 3 |
+ Larry |
+ the Bird |
+ @twitter |
+
+
+
+{% endexample %}
+
+You can also invert the colors—with light text on dark backgrounds—with `.table-dark`.
+
+{% example html %}
+
+
+
+ | # |
+ First |
+ Last |
+ Handle |
+
+
+
+
+ | 1 |
+ Mark |
+ Otto |
+ @mdo |
+
+
+ | 2 |
+ Jacob |
+ Thornton |
+ @fat |
+
+
+ | 3 |
+ Larry |
+ the Bird |
+ @twitter |
+
+
+
+{% endexample %}
+
+## Table head options
+
+Similar to tables and dark tables, use the modifier classes `.thead-light` or `.thead-dark` to make ``s appear light or dark gray.
+
+{% example html %}
+
+
+
+ | # |
+ First |
+ Last |
+ Handle |
+
+
+
+
+ | 1 |
+ Mark |
+ Otto |
+ @mdo |
+
+
+ | 2 |
+ Jacob |
+ Thornton |
+ @fat |
+
+
+ | 3 |
+ Larry |
+ the Bird |
+ @twitter |
+
+
+
+
+
+
+
+ | # |
+ First |
+ Last |
+ Handle |
+
+
+
+
+ | 1 |
+ Mark |
+ Otto |
+ @mdo |
+
+
+ | 2 |
+ Jacob |
+ Thornton |
+ @fat |
+
+
+ | 3 |
+ Larry |
+ the Bird |
+ @twitter |
+
+
+
+{% endexample %}
+
+## Striped rows
+
+Use `.table-striped` to add zebra-striping to any table row within the ``.
+
+{% example html %}
+
+
+
+ | # |
+ First |
+ Last |
+ Handle |
+
+
+
+
+ | 1 |
+ Mark |
+ Otto |
+ @mdo |
+
+
+ | 2 |
+ Jacob |
+ Thornton |
+ @fat |
+
+
+ | 3 |
+ Larry |
+ the Bird |
+ @twitter |
+
+
+
+{% endexample %}
+
+{% example html %}
+
+
+
+ | # |
+ First |
+ Last |
+ Handle |
+
+
+
+
+ | 1 |
+ Mark |
+ Otto |
+ @mdo |
+
+
+ | 2 |
+ Jacob |
+ Thornton |
+ @fat |
+
+
+ | 3 |
+ Larry |
+ the Bird |
+ @twitter |
+
+
+
+{% endexample %}
+
+## Bordered table
+
+Add `.table-bordered` for borders on all sides of the table and cells.
+
+{% example html %}
+
+
+
+ | # |
+ First |
+ Last |
+ Handle |
+
+
+
+
+ | 1 |
+ Mark |
+ Otto |
+ @mdo |
+
+
+ | 2 |
+ Jacob |
+ Thornton |
+ @fat |
+
+
+ | 3 |
+ Larry the Bird |
+ @twitter |
+
+
+
+{% endexample %}
+
+{% example html %}
+
+
+
+ | # |
+ First |
+ Last |
+ Handle |
+
+
+
+
+ | 1 |
+ Mark |
+ Otto |
+ @mdo |
+
+
+ | 2 |
+ Jacob |
+ Thornton |
+ @fat |
+
+
+ | 3 |
+ Larry the Bird |
+ @twitter |
+
+
+
+{% endexample %}
+
+## Hoverable rows
+
+Add `.table-hover` to enable a hover state on table rows within a ``.
+
+{% example html %}
+
+
+
+ | # |
+ First |
+ Last |
+ Handle |
+
+
+
+
+ | 1 |
+ Mark |
+ Otto |
+ @mdo |
+
+
+ | 2 |
+ Jacob |
+ Thornton |
+ @fat |
+
+
+ | 3 |
+ Larry the Bird |
+ @twitter |
+
+
+
+{% endexample %}
+
+{% example html %}
+
+
+
+ | # |
+ First |
+ Last |
+ Handle |
+
+
+
+
+ | 1 |
+ Mark |
+ Otto |
+ @mdo |
+
+
+ | 2 |
+ Jacob |
+ Thornton |
+ @fat |
+
+
+ | 3 |
+ Larry the Bird |
+ @twitter |
+
+
+
+{% endexample %}
+
+## Small table
+
+Add `.table-sm` to make tables more compact by cutting cell padding in half.
+
+{% example html %}
+
+
+
+ | # |
+ First |
+ Last |
+ Handle |
+
+
+
+
+ | 1 |
+ Mark |
+ Otto |
+ @mdo |
+
+
+ | 2 |
+ Jacob |
+ Thornton |
+ @fat |
+
+
+ | 3 |
+ Larry the Bird |
+ @twitter |
+
+
+
+{% endexample %}
+
+{% example html %}
+
+
+
+ | # |
+ First |
+ Last |
+ Handle |
+
+
+
+
+ | 1 |
+ Mark |
+ Otto |
+ @mdo |
+
+
+ | 2 |
+ Jacob |
+ Thornton |
+ @fat |
+
+
+ | 3 |
+ Larry the Bird |
+ @twitter |
+
+
+
+{% endexample %}
+
+## Contextual classes
+
+Use contextual classes to color table rows or individual cells.
+
+
+
+
+
+ | Class |
+ Heading |
+ Heading |
+
+
+
+
+ | Active |
+ Cell |
+ Cell |
+
+
+ | Default |
+ Cell |
+ Cell |
+
+
+ {% for color in site.data.theme-colors %}
+
+ | {{ color.name | capitalize }} |
+ Cell |
+ Cell |
+
{% endfor %}
+
+
+
...
+{% for color in site.data.theme-colors %}
+...
{% endfor %}
+
+
+
+ | ... |
+ {% for color in site.data.theme-colors %}
+ ... | {% endfor %}
+
+{% endhighlight %}
+
+Regular table background variants are not available with the dark table, however, you may use [text or background utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/colors/) to achieve similar styles.
+
+
+
+
+
+ | # |
+ Heading |
+ Heading |
+
+
+
+
+ | 1 |
+ Cell |
+ Cell |
+
+
+ | 2 |
+ Cell |
+ Cell |
+
+
+ | 3 |
+ Cell |
+ Cell |
+
+
+ | 4 |
+ Cell |
+ Cell |
+
+
+ | 5 |
+ Cell |
+ Cell |
+
+
+ | 6 |
+ Cell |
+ Cell |
+
+
+ | 7 |
+ Cell |
+ Cell |
+
+
+ | 8 |
+ Cell |
+ Cell |
+
+
+ | 9 |
+ Cell |
+ Cell |
+
+
+
+
...
+...
+...
+...
+...
+
+
+
+ | ... |
+ ... |
+ ... |
+ ... |
+ ... |
+
+{% endhighlight %}
+
+{% capture callout-include %}{% include callout-warning-color-assistive-technologies.md %}{% endcapture %}
+{{ callout-include | markdownify }}
+
+Create responsive tables by wrapping any `.table` with `.table-responsive{-sm|-md|-lg|-xl}`, making the table scroll horizontally at each `max-width` breakpoint of up to (but not including) 576px, 768px, 992px, and 1120px, respectively.
+
+{% capture callout-include %}{% include callout-info-mediaqueries-breakpoints.md %}{% endcapture %}
+{{ callout-include | markdownify }}
+
+## Captions
+
+A `` functions like a heading for a table. It helps users with screen readers to find a table and understand what it's about and decide if they want to read it.
+
+{% example html %}
+
+ List of users
+
+
+ | # |
+ First |
+ Last |
+ Handle |
+
+
+
+
+ | 1 |
+ Mark |
+ Otto |
+ @mdo |
+
+
+ | 2 |
+ Jacob |
+ Thornton |
+ @fat |
+
+
+ | 3 |
+ Larry |
+ the Bird |
+ @twitter |
+
+
+
+{% endexample %}
+
+## Responsive tables
+
+Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports by wrapping a `.table` with `.table-responsive`. Or, pick a maximum breakpoint with which to have a responsive table up to by using `.table-responsive{-sm|-md|-lg|-xl}`.
+
+{% callout warning %}
+##### Vertical clipping/truncation
+
+Responsive tables make use of `overflow-y: hidden`, which clips off any content that goes beyond the bottom or top edges of the table. In particular, this can clip off dropdown menus and other third-party widgets.
+{% endcallout %}
+
+### Always responsive
+
+Across every breakpoint, use `.table-responsive` for horizontally scrolling tables.
+
+
+
+
+
+
+ | # |
+ Heading |
+ Heading |
+ Heading |
+ Heading |
+ Heading |
+ Heading |
+ Heading |
+ Heading |
+ Heading |
+
+
+
+
+ | 1 |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+
+
+ | 2 |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+
+
+ | 3 |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+
+
+
+
+
+{% for bp in site.data.breakpoints %}{% unless bp.breakpoint == "xs" %}
+
+
+
+
+ | # |
+ Heading |
+ Heading |
+ Heading |
+ Heading |
+ Heading |
+
+
+
+
+ | 1 |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+
+
+ | 2 |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+
+
+ | 3 |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+ Cell |
+
+
+
+
+{% endunless %}{% endfor %}
+
` through ``, are available.
+
+
+
+
+ | Heading |
+ Example |
+
+
+
+
+ |
+ {% markdown %}``{% endmarkdown %}
+ |
+ h1. Bootstrap heading |
+
+
+ |
+ {% markdown %}``{% endmarkdown %}
+ |
+ h2. Bootstrap heading |
+
+
+ |
+ {% markdown %}``{% endmarkdown %}
+ |
+ h3. Bootstrap heading |
+
+
+ |
+ {% markdown %}``{% endmarkdown %}
+ |
+ h4. Bootstrap heading |
+
+
+ |
+ {% markdown %}``{% endmarkdown %}
+ |
+ h5. Bootstrap heading |
+
+
+ |
+ {% markdown %}``{% endmarkdown %}
+ |
+ h6. Bootstrap heading |
+
+
+
+
+{% highlight html %}
+h1. Bootstrap heading
+h2. Bootstrap heading
+h3. Bootstrap heading
+h4. Bootstrap heading
+h5. Bootstrap heading
+h6. Bootstrap heading
+{% endhighlight %}
+
+`.h1` through `.h6` classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.
+
+{% example html %}
+h1. Bootstrap heading
+h2. Bootstrap heading
+h3. Bootstrap heading
+h4. Bootstrap heading
+h5. Bootstrap heading
+h6. Bootstrap heading
+{% endexample %}
+
+### Customizing headings
+
+Use the included utility classes to recreate the small secondary heading text from Bootstrap 3.
+
+
+
+ Fancy display heading
+ With faded secondary text
+
+
+
+{% highlight html %}
+
+ Fancy display heading
+ With faded secondary text
+
+{% endhighlight %}
+
+## Display headings
+
+Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a **display heading**—a larger, slightly more opinionated heading style.
+
+
+
+
+
+ | Display 1 |
+
+
+ | Display 2 |
+
+
+ | Display 3 |
+
+
+ | Display 4 |
+
+
+
+
Display 1
+Display 2
+Display 3
+Display 4
+{% endhighlight %}
+
+## Lead
+
+Make a paragraph stand out by adding `.lead`.
+
+{% example html %}
+
+ Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
+
+{% endexample %}
+
+## Inline text elements
+
+Styling for common inline HTML5 elements.
+
+{% example html %}
+You can use the mark tag to highlight text.
+This line of text is meant to be treated as deleted text.
+This line of text is meant to be treated as no longer accurate.
+This line of text is meant to be treated as an addition to the document.
+This line of text will render as underlined
+This line of text is meant to be treated as fine print.
+This line rendered as bold text.
+This line rendered as italicized text.
+{% endexample %}
+
+`.mark` and `.small` classes are also available to apply the same styles as `` and `` while avoiding any unwanted semantic implications that the tags would bring.
+
+While not shown above, feel free to use `` and `` in HTML5. `` is meant to highlight words or phrases without conveying additional importance while `` is mostly for voice, technical terms, etc.
+
+## Text utilities
+
+Change text alignment, transform, style, weight, and color with our [text utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/text/) and [color utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/colors/).
+
+## Abbreviations
+
+Stylized implementation of HTML's `` element for abbreviations and acronyms to show the expanded version on hover. Abbreviations have a default underline and gain a help cursor to provide additional context on hover and to users of assistive technologies.
+
+Add `.initialism` to an abbreviation for a slightly smaller font-size.
+
+{% example html %}
+attr
+HTML
+{% endexample %}
+
+## Blockquotes
+
+For quoting blocks of content from another source within your document. Wrap `` around any HTML as the quote.
+
+{% example html %}
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
+
+{% endexample %}
+
+### Naming a source
+
+Add a `
+ 
+ 
+ 
+