mitsuo_makuda/bootstrap-fluent-design_template
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
d5acb91d85
bootstrap-fluent-design_tem.../free/components/pills.html

686 lines
46 KiB
HTML
Raw Normal View History

New Fluent Design
2021-04-15 13:11:19 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Material Design for Bootstrap</title>
<!-- MDB icon -->
<link rel="icon" href="../../img/mdb-favicon.ico" type="image/x-icon" />
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />
<!-- Google Fonts Roboto -->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
/>
<!-- MDB -->
<link rel="stylesheet" href="../../css/mdb.min.css" />
<!-- PRISM -->
<link rel="stylesheet" href="../../dev/css/new-prism.css" />
<!-- Custom styles -->
<style></style>
</head>
<body data-mdb-spy="scroll" data-mdb-target="#scrollspy" data-mdb-offset="0">
<div class="container my-5">
<!-- Navs -->
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
<!-- Overview tab -->
<li class="nav-item" role="presentation">
<a
class="nav-link active"
id="pills-overview-tab"
data-mdb-toggle="pill"
href="#pills-overview"
role="tab"
aria-controls="pills-overview"
aria-selected="true"
>Overview</a
>
</li>
<!-- Overview tab -->
<!-- Api tab -->
<li class="nav-item" role="presentation">
<a
class="nav-link"
id="pills-api-tab"
data-mdb-toggle="pill"
href="#pills-api"
role="tab"
aria-controls="pills-api"
aria-selected="false"
>API</a
>
</li>
<!-- Api tab -->
</ul>
<!-- Navs -->
<!-- Panels -->
<div class="tab-content mt-4" id="pills-tabContent">
<!-- Overview panel -->
<div
class="tab-pane fade show active"
id="pills-overview"
role="tabpanel"
aria-labelledby="pills-overview-tab"
>
<!--Grid row-->
<div class="row">
<!--Grid column-->
<div class="col-md-10 mb-4">
<!--Section: Docs content-->
<section>
<!--Section: Introduction-->
<section id="section-introduction">
<!-- Main title -->
<h2 class="h1 fw-bold">Title</h2>
<!-- Seo title -->
<h1 class="h5">Subtitle</h1>
<!-- Description -->
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere mollitia qui
aut. Molestias explicabo autem veniam doloribus doloremque numquam odit rem
sapiente natus ipsam temporibus voluptates, ab mollitia repellat! Itaque.
</p>
</section>
<!--Section: Introduction-->
<hr class="my-5" />
<!--Section: Basic example-->
<section id="section-basic">
<!-- Section title -->
<h2 class="mb-4">Basic example</h2>
<p>
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. 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. 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. 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. 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. 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. 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. 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.
</p>
</section>
<!--Section: Basic example-->
<hr class="my-5" />
<!--Section: Basic example-->
<section id="section-additional">
<!-- Section title -->
<h2 class="mb-4">Additional</h2>
<p>
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. 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. 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. 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. 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. 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. 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. 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.
</p>
</section>
<!--Section: Basic example-->
<hr class="my-5" />
<!--Section: Basic example-->
<section id="section-buttons-outline">
<!-- Section title -->
<h2 class="mb-4">Buttons outline</h2>
<p>
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. 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. 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. 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. 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. 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. 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. 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.
</p>
</section>
<!--Section: Basic example-->
<hr class="my-5" />
<!--Section: Basic example-->
<section id="section-buttons-rounded">
<!-- Section title -->
<h2 class="mb-4">Buttons rounded</h2>
<p>
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. 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. 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. 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. 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. 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. 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. 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.
</p>
</section>
<!--Section: Basic example-->
</section>
<!--Section: Docs content-->
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-md-2 mb-4">
<div class="sticky-top">
<div id="scrollspy">
<ul class="nav flex-column nav-pills menu-sidebar">
<li class="nav-item">
<a class="nav-link active" href="#section-introduction">Introduction</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section-basic">Basic examples</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section-additional">Additional buttons</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section-buttons-outline">Buttons outline</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section-buttons-rounded">Buttons rounded</a>
</li>
</ul>
</div>
</div>
</div>
<!--Grid column-->
</div>
<!--Grid row-->
</div>
<!-- Overview panel -->
<!-- API panel -->
<div
class="tab-pane fade show active"
id="pills-api"
role="tabpanel"
aria-labelledby="pills-api-tab"
>
<!--Grid row-->
<div class="row">
<!--Grid column-->
<div class="col-md-10 mb-4">
<!--Section: Docs content-->
<section>
<!--Section: Introduction-->
<section id="section-introduction">
<!-- Main title -->
<h2 class="h1 font-weight-bold">API Title</h2>
<!-- Seo title -->
<h1 class="h5">Subtitle</h1>
<!-- Description -->
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere mollitia qui
aut. Molestias explicabo autem veniam doloribus doloremque numquam odit rem
sapiente natus ipsam temporibus voluptates, ab mollitia repellat! Itaque.
</p>
</section>
<!--Section: Introduction-->
<hr class="my-5" />
<!--Section: Basic example-->
<section id="section-basic">
<!-- Section title -->
<h2 class="mb-4">Basic example</h2>
<p>
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. 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. 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. 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. 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. 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. 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. 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.
</p>
</section>
<!--Section: Basic example-->
<hr class="my-5" />
<!--Section: Basic example-->
<section id="section-additional">
<!-- Section title -->
<h2 class="mb-4">Additional</h2>
<p>
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. 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. 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. 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. 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. 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. 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. 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.
</p>
</section>
<!--Section: Basic example-->
<hr class="my-5" />
<!--Section: Basic example-->
<section id="section-buttons-outline">
<!-- Section title -->
<h2 class="mb-4">Buttons outline</h2>
<p>
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. 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. 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. 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. 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. 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. 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. 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.
</p>
</section>
<!--Section: Basic example-->
<hr class="my-5" />
<!--Section: Basic example-->
<section id="section-buttons-rounded">
<!-- Section title -->
<h2 class="mb-4">Buttons rounded</h2>
<p>
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. 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. 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. 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. 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. 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. 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. 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.
</p>
</section>
<!--Section: Basic example-->
</section>
<!--Section: Docs content-->
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-md-2 mb-4">
<div class="sticky-top">
<div id="scrollspy">
<ul class="nav flex-column nav-pills menu-sidebar">
<li class="nav-item">
<a class="nav-link active" href="#section-introduction">Introduction</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section-basic">Basic examples</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section-additional">Additional buttons</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section-buttons-outline">Buttons outline</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section-buttons-rounded">Buttons rounded</a>
</li>
</ul>
</div>
</div>
</div>
<!--Grid column-->
</div>
<!--Grid row-->
</div>
<!-- API panel -->
</div>
<!-- Panels -->
</div>
<!-- PRISM -->
<script type="text/javascript" src="../../dev/js/new-prism.js"></script>
<!-- MDB SNIPPET -->
<script type="text/javascript" src="../../dev/js/dist/mdbsnippet.min.js"></script>
<!-- MDB -->
<script type="text/javascript" src="../../js/mdb.min.js"></script>
<!-- Custom scripts -->
<script type="text/javascript">
// var header = document.getElementById('scrollspy');
// var btns = header.getElementsByClassName('nav-link');
// for (var i = 0; i < btns.length; i++) {
// btns[i].addEventListener('click', function () {
// var current = document.getElementsByClassName('active');
// current[0].className = current[0].className.replace(' active', '');
// this.className += ' active';
// });
// }
</script>
</body>
</html>
Reference in New Issue Copy Permalink