text:
<!DOCTYPE (doctype)>

    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.min.css?ckcachebust=531511220" integrity="sha256-QUyqZrt5vIjBumoqQV0jM8CgGqscFfdGhN+nVCqX0vc=" crossorigin="anonymous"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css?ckcachebust=531511220" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous"/>
    <link rel="stylesheet" href="css/styleguide-styles.css?ckcachebust=fc74f70ba52dc45fc889bfbd728f2f2b"/>

      <button class="btn btn-outline-secondary btn-lg mr-2" type="button" data-toggle="sg-offcanvas"> Sidebar</button>Atomic Boot Pug
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarStyleGuide" aria-controls="navbarStyleGuide" aria-expanded="false" aria-label="Toggle navigation"></button>

About

Foundation

Basics

Buttons

Forms

Layout

Components

Bootstrap GitHub

About

FoundationColor SwatchFont Stacks

BasicsHeadingsText ElementsAddressBlockquoteCodeListsTablesImagesFiguresProgress Bars

ButtonsButtons

FormsForms

LayoutGridMedia Object

ComponentsAlertsBadgeBreadcrumbsCardsCarouselDropdownsForms AdvancedJumbotronList GroupsNavbarNavs (& Tabs)ModalPaginationPopoversScrollspyTooltips

About

This is the place to introduce your project style guide. But in the meantime, I'm using it for this intro.

Inspired by Brad Frost's Atomic Design, Atomic Boot Pug is comprised of a set of Bootstrap 4 demo snippets (tranformed into Pug mixins) – essentially as coped from http://getbootstrap.com. You will find these in the pug/bootstrap-4/ folder.

The style guide sections (wrapping the demos and adding a header and a place for your notes) are in the pug/styleguide/ folder.

In addition to the demos you see in index.html, many more mixins can be found on the Pug partials in the pug/styleguide/ folder. Swap them into your style guide any way you need. And feel totally free to modify the Bootstrap 4 Pug mixins to make them more relevant for your own style guide.

Create new sections/ partials/ mixins for demos of your added CSS, scripts and plugins you are including in your project.

              Also, create your own webpage templates and partial templates. For rapid prototyping, you may temporarily include some of the Bootstrap Pug snippets before duplicating and swapping in your own actual content.

Kick off your project with Atomic Boot Pug – and then make your website look less like Bootstrap...!

Foundation

Color Swatch

Font Stacks

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;

Basics

Headings

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading

h6. Bootstrap heading

Inline Text Elements

You can use the mark tag to
                      highlight text.

                      This line of text is meant to be treated as deleted text.

                      <s>This line of text is meant to be treated as no longer accurate.</s>

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.

Address

                <address>Twitter, Inc.
      795 Folsom Ave, Suite 600
      San Francisco, CA 94107
P: (123) 456-7890</address>
                <address>Full Name
first.last@example.com</address>

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                      Someone famous in
                        Source Title

Code

For example, <section> should be wrapped as inline.

<p>Sample text here...</p>
<p>And another line of sample text here...</p>

Lists

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

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

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.

Tables

                          #
                          First Name
                          Last Name
                          Username

                          1
                          Mark
                          Otto
                          @mdo

                          2
                          Jacob
                          Thornton
                          @fat

                          3
                          Larry
                          the Bird
                          @twitter

                          #
                          First Name
                          Last Name
                          Username

                          1
                          Mark
                          Otto
                          @mdo

                          2
                          Mark
                          Otto
                          @TwBootstrap

                          3
                          Jacob
                          Thornton
                          @fat

                          4
                          Larry the Bird
                          @twitter

Images

Figures

A caption for the above image.

Progress bars

Buttons

                    <button class="btn btn-primary" type="button">Primary</button>
                    <button class="btn btn-secondary" type="button">Secondary</button>
                    <button class="btn btn-success" type="button">Success</button>
                    <button class="btn btn-danger" type="button">Danger</button>
                    <button class="btn btn-warning" type="button">Warning</button>
                    <button class="btn btn-info" type="button">Info</button>
                    <button class="btn btn-light" type="button">Light</button>
                    <button class="btn btn-dark" type="button">Dark</button>
                    <button class="btn btn-link" type="button">Link</button>

                    <button class="btn btn-outline-primary" type="button">Primary</button>
                    <button class="btn btn-outline-secondary" type="button">Secondary</button>
                    <button class="btn btn-outline-success" type="button">Success</button>
                    <button class="btn btn-outline-danger" type="button">Danger</button>
                    <button class="btn btn-outline-warning" type="button">Warning</button>
                    <button class="btn btn-outline-info" type="button">Info</button>
                    <button class="btn btn-outline-light" type="button">Light</button>
                    <button class="btn btn-outline-dark" type="button">Dark</button>
                    <button class="btn btn-outline-link" type="button">Link</button>

                      <button class="btn btn-primary btn-lg" type="button">Large button</button>
                      <button class="btn btn-secondary btn-lg" type="button">Large button</button>

                      <button class="btn btn-primary btn-sm" type="button">Small button</button>
                      <button class="btn btn-secondary btn-sm" type="button">Small button</button>

Primary link Link
                    <button class="btn btn-primary" type="button" disabled="">Primary button</button>
                    <button class="btn btn-secondary" type="button" disabled="">Secondary button</button>

                      <button class="btn btn-secondary" type="button">Left</button>
                      <button class="btn btn-secondary" type="button">Middle</button>
                      <button class="btn btn-secondary" type="button">Right</button>

                        <button class="btn btn-secondary" type="button">1</button>
                        <button class="btn btn-secondary" type="button">2</button>
                        <button class="btn btn-secondary" type="button">3</button>
                        <button class="btn btn-secondary" type="button">4</button>

                        <button class="btn btn-secondary" type="button">5</button>
                        <button class="btn btn-secondary" type="button">6</button>
                        <button class="btn btn-secondary" type="button">7</button>

                        <button class="btn btn-secondary" type="button">8</button>

Forms

                    <form>

                        Email address
                        <input class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email" type="email"/>We'll never share your email with anyone else.

                        Password
                        <input class="form-control" id="exampleInputPassword1" placeholder="Password" type="password"/>

                        Example select
                        <select class="form-control" id="exampleSelect1">
                          <option>1</option>
                          <option>2</option>
                          <option>3</option>
                          <option>4</option>
                          <option>5</option>
                        </select>

                        Example multiple select
                        <select class="form-control" id="exampleSelect2" multiple="">
                          <option>1</option>
                          <option>2</option>
                          <option>3</option>
                          <option>4</option>
                          <option>5</option>
                        </select>

                        Example textarea
                        <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>

                      <fieldset class="form-group">
                        <legend>Radio buttons</legend>

                            <input class="form-check-input" id="optionsRadios1" name="optionsRadios" value="option1" checked="" type="radio"/>        Option one is this and that—be sure to include why it's great

                            <input class="form-check-input" id="optionsRadios2" name="optionsRadios" value="option2" type="radio"/>        Option two can be something else and selecting it will deselect option one

                            <input class="form-check-input" id="optionsRadios3" name="optionsRadios" value="option3" disabled="" type="radio"/>        Option three is disabled

                      </fieldset>

                          <input class="form-check-input" type="checkbox"/>      Check me out

                      <button class="btn btn-primary" type="submit">Submit</button>
                    </form>

                      <input class="custom-file-input" id="file" type="file"/>

                      Input with success
                      <input class="form-control form-control-success" id="inputSuccess1" type="text"/>

Success! You've done it.
Example help text that remains unchanged.

                      Input with warning
                      <input class="form-control form-control-warning" id="inputWarning1" type="text"/>

Shucks, check the formatting of that and try again.
Example help text that remains unchanged.

                      Input with danger
                      <input class="form-control form-control-danger" id="inputDanger1" type="text"/>

Sorry, that username's taken. Try another?
Example help text that remains unchanged.

Layout

12-column flexbox grid

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-9

.col-md-3

.col-md-4

.col-md-4

.col-md-4

.col-md-6

.col-md-6

Media Objects

Media object
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Media object
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Media object
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Media object
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Components

Alerts

This is a primary alert—check it out!

This is a secondary alert—check it out!

This is a success alert—check it out!

This is a danger alert—check it out!

This is a warning alert—check it out!

This is an info alert—check it out!

This is a light alert—check it out!

This is a dark alert—check it out!

Badge

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Primary Secondary Success Danger Warning Info Light Dark

Breadcrumb

Home

Library

Data

Cards

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere

Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Card title

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Last updated 3 mins ago

Carousel

PreviousNext

Dropdowns

                      <button class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown button</button>

ActionAnother actionSomething else here

                      <button class="btn btn-secondary" type="button">Secondary</button>
                      <button class="btn btn-secondary dropdown-toggle dropdown-toggle-split" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Toggle Dropdown</button>

ActionAnother actionSomething else here

Separated link

                      <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropup</button>

ActionAnother actionSomething else here

Separated link

                      <button class="btn btn-secondary" type="button">Split dropup</button>
                      <button class="btn btn-secondary dropdown-toggle dropdown-toggle-split" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Toggle Dropdown</button>

ActionAnother actionSomething else here

Separated link

                      <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">This dropdown's menu is right-aligned</button>

                        <button class="dropdown-item" type="button">Action</button>
                        <button class="dropdown-item" type="button">Another action</button>
                        <button class="dropdown-item" type="button">Something else here</button>

Jumbotron

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

It uses utility classes for typography and spacing to space content out within the larger container.

Learn more

List groups

Cras justo odio

Dapibus ac facilisis in

Morbi leo risus

Porta ac consectetur ac

Vestibulum at eros

Dapibus ac facilisis inDapibus ac facilisis inCras sit amet nibh liberoPorta ac consectetur acVestibulum at eros

Navbars

                    Navbar
                      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarExample01" aria-controls="navbarExample01" aria-expanded="false" aria-label="Toggle navigation"></button>

Home(current)

Link

Disabled

                        <form class="form-inline my-2 my-lg-0">
                          <input class="form-control mr-sm-2" placeholder="Search" type="text"/>
                          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
                        </form>

                    Navbar
                      <button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"></button>

Home(current)

Features

Pricing

Dropdown link

ActionAnother actionSomething else here

Navs (& Tabs)

Active

Link

Link

Disabled

Active

Dropdown

ActionAnother actionSomething else here

Separated link

Link

Disabled

Home

Profile

Dropdown

@fat@mdo

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.

Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.

Active

Dropdown

ActionAnother actionSomething else here

Separated link

Link

Disabled

Modal

Modal title

                            <button class="close" type="button" data-dismiss="modal" aria-label="Close">×</button>

Woohoo, you're reading this text in a modal!

                            <button class="btn btn-secondary" type="button" data-dismiss="modal">Close</button>
                            <button class="btn btn-primary" type="button">Save changes</button>

                    <button class="btn btn-primary" type="button" data-toggle="modal" data-target="#exampleModalLive">Launch demo modal</button>

Modal title

                            <button class="close" type="button" data-dismiss="modal" aria-label="Close">×</button>

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

                            <button class="btn btn-secondary" type="button" data-dismiss="modal">Close</button>
                            <button class="btn btn-primary" type="button">Save changes</button>

                    <button class="btn btn-primary" type="button" data-toggle="modal" data-target="#exampleModalLong">Launch modal with long scrolling content</button>

Pagination

«Previous

1

2

3

»Next

Popovers

                    <button class="btn btn-lg btn-danger" type="button" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. Right?" data-original-title="Popover title">Click to toggle popover</button>

                    <button class="btn btn-secondary" type="button" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">Popover on top</button>
                    <button class="btn btn-secondary" type="button" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">Popover on right</button>
                    <button class="btn btn-secondary" type="button" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">Popover on bottom</button>
                    <button class="btn btn-secondary" type="button" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">Popover on left</button>

Scrollspy

                    Navbar

@fat

@mdo

Dropdown

onetwo

three

@fat

Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

@mdo

Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.

one

Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.

two

In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.

three

Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats.

Tooltips

                      <button class="btn btn-secondary" type="button" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
                      <button class="btn btn-secondary" type="button" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
                      <button class="btn btn-secondary" type="button" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
                      <button class="btn btn-secondary" type="button" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
                      <button class="btn btn-secondary" type="button" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">Tooltip with HTML</button>


text:
module MenuOptionsHelper
end

redpajama_set_name: RedPajamaGithub


text:
namespace Nubot.Plugins.Samples.Stash.Models
{
    public class Link
    {
        public string Url { get; set; }
        public string Rel { get; set; }
    }
}