752 lines
29 KiB
HTML
752 lines
29 KiB
HTML
|
<!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>
|
||
|
|
<div class="container my-5">
|
||
|
|
<h2 class="mb-4">Navs / Tabs / Pills</h2>
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<ul class="nav">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link active" aria-current="page" href="#">Active</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<nav class="nav">
|
||
|
|
<a class="nav-link active" aria-current="page" href="#">Active</a>
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<ul class="nav justify-content-center">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link active" aria-current="page" href="#">Active</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<ul class="nav justify-content-end">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link active" aria-current="page" href="#">Active</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<ul class="nav flex-column">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link active" aria-current="page" href="#">Active</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Material tabs -->
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<ul class="nav nav-tabs">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link active" aria-current="page" href="#">Active</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Material tabs -->
|
||
|
|
|
||
|
|
<!-- Material tabs -->
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<ul class="nav nav-tabs nav-fill">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link active" aria-current="page" href="#">Active</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Material tabs -->
|
||
|
|
|
||
|
|
<!-- Material pills -->
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<ul class="nav nav-pills">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link active" aria-current="page" href="#">Active</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Material pills -->
|
||
|
|
|
||
|
|
<!-- Material pills -->
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<ul class="nav nav-pills nav-fill">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link active" aria-current="page" href="#">Active</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Much longer nav link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Material pills -->
|
||
|
|
|
||
|
|
<!-- Material pills -->
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<nav class="nav nav-pills nav-fill">
|
||
|
|
<a class="nav-item nav-link active" aria-current="page" href="#">Active</a>
|
||
|
|
<a class="nav-item nav-link" href="#">Much longer nav link</a>
|
||
|
|
<a class="nav-item nav-link" href="#">Link</a>
|
||
|
|
<a class="nav-item nav-link disabled" href="#" tabindex="-1" aria-disabled="true"
|
||
|
|
>Disabled</a
|
||
|
|
>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Material pills -->
|
||
|
|
|
||
|
|
<!-- Material pills -->
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<ul class="nav nav-pills nav-justified">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link active" aria-current="page" href="#">Active</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Much longer nav link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Material pills -->
|
||
|
|
|
||
|
|
<!-- Material pills -->
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<nav class="nav nav-pills flex-column flex-sm-row">
|
||
|
|
<a class="flex-sm-fill text-sm-center nav-link active" aria-current="page" href="#"
|
||
|
|
>Active</a
|
||
|
|
>
|
||
|
|
<a class="flex-sm-fill text-sm-center nav-link" href="#">Longer nav link</a>
|
||
|
|
<a class="flex-sm-fill text-sm-center nav-link" href="#">Link</a>
|
||
|
|
<a
|
||
|
|
class="flex-sm-fill text-sm-center nav-link disabled"
|
||
|
|
href="#"
|
||
|
|
tabindex="-1"
|
||
|
|
aria-disabled="true"
|
||
|
|
>Disabled</a
|
||
|
|
>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Material pills -->
|
||
|
|
|
||
|
|
<!-- Material tabs -->
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<ul class="nav nav-tabs">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link active" aria-current="page" href="#">Active</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item dropdown">
|
||
|
|
<a
|
||
|
|
class="nav-link dropdown-toggle"
|
||
|
|
data-mdb-toggle="dropdown"
|
||
|
|
href="#"
|
||
|
|
role="button"
|
||
|
|
aria-expanded="false"
|
||
|
|
>Dropdown</a
|
||
|
|
>
|
||
|
|
<ul class="dropdown-menu">
|
||
|
|
<li><a class="dropdown-item" href="#">Action</a></li>
|
||
|
|
<li><a class="dropdown-item" href="#">Another action</a></li>
|
||
|
|
<li><a class="dropdown-item" href="#">Something else here</a></li>
|
||
|
|
<li>
|
||
|
|
<hr class="dropdown-divider" />
|
||
|
|
</li>
|
||
|
|
<li><a class="dropdown-item" href="#">Separated link</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Material tabs -->
|
||
|
|
|
||
|
|
<!-- Material pills -->
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<ul class="nav nav-pills">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link active" aria-current="page" href="#">Active</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item dropdown">
|
||
|
|
<a
|
||
|
|
class="nav-link dropdown-toggle"
|
||
|
|
data-mdb-toggle="dropdown"
|
||
|
|
href="#"
|
||
|
|
role="button"
|
||
|
|
aria-expanded="false"
|
||
|
|
>Dropdown</a
|
||
|
|
>
|
||
|
|
<ul class="dropdown-menu">
|
||
|
|
<li><a class="dropdown-item" href="#">Action</a></li>
|
||
|
|
<li><a class="dropdown-item" href="#">Another action</a></li>
|
||
|
|
<li><a class="dropdown-item" href="#">Something else here</a></li>
|
||
|
|
<li>
|
||
|
|
<hr class="dropdown-divider" />
|
||
|
|
</li>
|
||
|
|
<li><a class="dropdown-item" href="#">Separated link</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Material pills -->
|
||
|
|
|
||
|
|
<!-- Material tabs -->
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<h2 class="my-4">PRZYKŁADy Z AKTYWNYMI LINKAMI</h2>
|
||
|
|
|
||
|
|
<ul class="nav nav-tabs mb-3" id="myTab" role="tablist">
|
||
|
|
<li class="nav-item" role="presentation">
|
||
|
|
<a
|
||
|
|
class="nav-link active"
|
||
|
|
id="home-tab"
|
||
|
|
data-mdb-toggle="tab"
|
||
|
|
href="#home"
|
||
|
|
role="tab"
|
||
|
|
aria-controls="home"
|
||
|
|
aria-selected="true"
|
||
|
|
>Home</a
|
||
|
|
>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item" role="presentation">
|
||
|
|
<a
|
||
|
|
class="nav-link"
|
||
|
|
id="profile-tab"
|
||
|
|
data-mdb-toggle="tab"
|
||
|
|
href="#profile"
|
||
|
|
role="tab"
|
||
|
|
aria-controls="profile"
|
||
|
|
aria-selected="false"
|
||
|
|
>Profile</a
|
||
|
|
>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item" role="presentation">
|
||
|
|
<a
|
||
|
|
class="nav-link"
|
||
|
|
id="contact-tab"
|
||
|
|
data-mdb-toggle="tab"
|
||
|
|
href="#contact"
|
||
|
|
role="tab"
|
||
|
|
aria-controls="contact"
|
||
|
|
aria-selected="false"
|
||
|
|
>Contact</a
|
||
|
|
>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<div class="tab-content" id="myTabContent">
|
||
|
|
<div
|
||
|
|
class="tab-pane fade show active"
|
||
|
|
id="home"
|
||
|
|
role="tabpanel"
|
||
|
|
aria-labelledby="home-tab"
|
||
|
|
>
|
||
|
|
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.
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
|
||
|
|
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.
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
|
||
|
|
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.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Material tabs -->
|
||
|
|
|
||
|
|
<!-- Material tabs -->
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<nav>
|
||
|
|
<div class="nav nav-tabs mb-3" id="nav-tab" role="tablist">
|
||
|
|
<a
|
||
|
|
class="nav-item nav-link active"
|
||
|
|
id="nav-home-tab"
|
||
|
|
data-mdb-toggle="tab"
|
||
|
|
href="#nav-home"
|
||
|
|
role="tab"
|
||
|
|
aria-controls="nav-home"
|
||
|
|
aria-selected="true"
|
||
|
|
>Home</a
|
||
|
|
>
|
||
|
|
<a
|
||
|
|
class="nav-item nav-link"
|
||
|
|
id="nav-profile-tab"
|
||
|
|
data-mdb-toggle="tab"
|
||
|
|
href="#nav-profile"
|
||
|
|
role="tab"
|
||
|
|
aria-controls="nav-profile"
|
||
|
|
aria-selected="false"
|
||
|
|
>Profile</a
|
||
|
|
>
|
||
|
|
<a
|
||
|
|
class="nav-item nav-link"
|
||
|
|
id="nav-contact-tab"
|
||
|
|
data-mdb-toggle="tab"
|
||
|
|
href="#nav-contact"
|
||
|
|
role="tab"
|
||
|
|
aria-controls="nav-contact"
|
||
|
|
aria-selected="false"
|
||
|
|
>Contact</a
|
||
|
|
>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<div class="tab-content" id="nav-tabContent">
|
||
|
|
<div
|
||
|
|
class="tab-pane fade show active"
|
||
|
|
id="nav-home"
|
||
|
|
role="tabpanel"
|
||
|
|
aria-labelledby="nav-home-tab"
|
||
|
|
>
|
||
|
|
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.
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="tab-pane fade"
|
||
|
|
id="nav-profile"
|
||
|
|
role="tabpanel"
|
||
|
|
aria-labelledby="nav-profile-tab"
|
||
|
|
>
|
||
|
|
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.
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="tab-pane fade"
|
||
|
|
id="nav-contact"
|
||
|
|
role="tabpanel"
|
||
|
|
aria-labelledby="nav-contact-tab"
|
||
|
|
>
|
||
|
|
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.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Material tabs -->
|
||
|
|
|
||
|
|
<!-- Material pills -->
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
|
||
|
|
<li class="nav-item" role="presentation">
|
||
|
|
<a
|
||
|
|
class="nav-link active"
|
||
|
|
id="pills-home-tab"
|
||
|
|
data-mdb-toggle="pill"
|
||
|
|
href="#pills-home"
|
||
|
|
role="tab"
|
||
|
|
aria-controls="pills-home"
|
||
|
|
aria-selected="true"
|
||
|
|
>Home</a
|
||
|
|
>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item" role="presentation">
|
||
|
|
<a
|
||
|
|
class="nav-link"
|
||
|
|
id="pills-profile-tab"
|
||
|
|
data-mdb-toggle="pill"
|
||
|
|
href="#pills-profile"
|
||
|
|
role="tab"
|
||
|
|
aria-controls="pills-profile"
|
||
|
|
aria-selected="false"
|
||
|
|
>Profile</a
|
||
|
|
>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item" role="presentation">
|
||
|
|
<a
|
||
|
|
class="nav-link"
|
||
|
|
id="pills-contact-tab"
|
||
|
|
data-mdb-toggle="pill"
|
||
|
|
href="#pills-contact"
|
||
|
|
role="tab"
|
||
|
|
aria-controls="pills-contact"
|
||
|
|
aria-selected="false"
|
||
|
|
>Contact</a
|
||
|
|
>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<div class="tab-content" id="pills-tabContent">
|
||
|
|
<div
|
||
|
|
class="tab-pane fade show active"
|
||
|
|
id="pills-home"
|
||
|
|
role="tabpanel"
|
||
|
|
aria-labelledby="pills-home-tab"
|
||
|
|
>
|
||
|
|
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.
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="tab-pane fade"
|
||
|
|
id="pills-profile"
|
||
|
|
role="tabpanel"
|
||
|
|
aria-labelledby="pills-profile-tab"
|
||
|
|
>
|
||
|
|
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.
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="tab-pane fade"
|
||
|
|
id="pills-contact"
|
||
|
|
role="tabpanel"
|
||
|
|
aria-labelledby="pills-contact-tab"
|
||
|
|
>
|
||
|
|
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.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Material pills -->
|
||
|
|
|
||
|
|
<!-- Material pills -->
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-3">
|
||
|
|
<div
|
||
|
|
class="nav flex-column nav-pills"
|
||
|
|
id="v-pills-tab"
|
||
|
|
role="tablist"
|
||
|
|
aria-orientation="vertical"
|
||
|
|
>
|
||
|
|
<a
|
||
|
|
class="nav-link active"
|
||
|
|
id="v-pills-home-tab"
|
||
|
|
data-mdb-toggle="pill"
|
||
|
|
href="#v-pills-home"
|
||
|
|
role="tab"
|
||
|
|
aria-controls="v-pills-home"
|
||
|
|
aria-selected="true"
|
||
|
|
>Home</a
|
||
|
|
>
|
||
|
|
<a
|
||
|
|
class="nav-link"
|
||
|
|
id="v-pills-profile-tab"
|
||
|
|
data-mdb-toggle="pill"
|
||
|
|
href="#v-pills-profile"
|
||
|
|
role="tab"
|
||
|
|
aria-controls="v-pills-profile"
|
||
|
|
aria-selected="false"
|
||
|
|
>Profile</a
|
||
|
|
>
|
||
|
|
<a
|
||
|
|
class="nav-link"
|
||
|
|
id="v-pills-messages-tab"
|
||
|
|
data-mdb-toggle="pill"
|
||
|
|
href="#v-pills-messages"
|
||
|
|
role="tab"
|
||
|
|
aria-controls="v-pills-messages"
|
||
|
|
aria-selected="false"
|
||
|
|
>Messages</a
|
||
|
|
>
|
||
|
|
<a
|
||
|
|
class="nav-link"
|
||
|
|
id="v-pills-settings-tab"
|
||
|
|
data-mdb-toggle="pill"
|
||
|
|
href="#v-pills-settings"
|
||
|
|
role="tab"
|
||
|
|
aria-controls="v-pills-settings"
|
||
|
|
aria-selected="false"
|
||
|
|
>Settings</a
|
||
|
|
>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-9">
|
||
|
|
<div class="tab-content" id="v-pills-tabContent">
|
||
|
|
<div
|
||
|
|
class="tab-pane fade show active"
|
||
|
|
id="v-pills-home"
|
||
|
|
role="tabpanel"
|
||
|
|
aria-labelledby="v-pills-home-tab"
|
||
|
|
>
|
||
|
|
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.
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="tab-pane fade"
|
||
|
|
id="v-pills-profile"
|
||
|
|
role="tabpanel"
|
||
|
|
aria-labelledby="v-pills-profile-tab"
|
||
|
|
>
|
||
|
|
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.
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="tab-pane fade"
|
||
|
|
id="v-pills-messages"
|
||
|
|
role="tabpanel"
|
||
|
|
aria-labelledby="v-pills-messages-tab"
|
||
|
|
>
|
||
|
|
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.
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="tab-pane fade"
|
||
|
|
id="v-pills-settings"
|
||
|
|
role="tabpanel"
|
||
|
|
aria-labelledby="v-pills-settings-tab"
|
||
|
|
>
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||
|
|
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
||
|
|
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||
|
|
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
||
|
|
officia deserunt mollit anim id est laborum.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Material pills -->
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
<!-- MDB -->
|
||
|
|
<script type="text/javascript" src="../../js/mdb.min.js"></script>
|
||
|
|
<!-- 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>
|
||
|
|
<!-- Custom scripts -->
|
||
|
|
<script type="text/javascript"></script>
|
||
|
|
</html>
|