Finish commenting navabar content

- also add section dedicated for cards
parent 01ef9af3
Pipeline #1009 passed with stage
in 1 minute and 8 seconds
......@@ -43,28 +43,23 @@
Div contains elements that get collapsed when responsive mode kicks in
-->
<div class="collapse navbar-collapse" id="navbarResponsive">
<!-- Brand logo + name -->
<a class="navbar-brand" href="/">
<img src="/assets/img/SRCT_square.svg" width="24" height="24" alt="">&nbsp;&nbsp;Masonstrap
</a>
<!-- main navbar content (left side) -->
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="themes">Example Dropdown&nbsp;<span class="caret"></span></a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Example Item 1</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Example Item 1</a>
<a class="dropdown-item" href="#">Example Item 2</a>
<a class="dropdown-item" href="#">Example Item 3</a>
<a class="dropdown-item" href="#">Example Item 4</a>
<a class="dropdown-item" href="#">Example Item 5</a>
</div>
</li>
<!-- Example nav-item -->
<li class="nav-item">
<a class="nav-link" href="">Example nav-link</a>
</li>
<!-- Example dropdown including links to source files -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="download">Masonstrap source files&nbsp;<span class="caret"></span></a>
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="download">Source files&nbsp;<span class="caret"></span></a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Open in JSFiddle</a>
<div class="dropdown-divider"></div>
......@@ -76,34 +71,32 @@
</div>
</li>
</ul>
<!-- use flexbox to push elements to the end (margin-left: auto) -->
<ul class="nav navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#">Right justified nav-item</a>
<a class="nav-link" href="#">Right justified nav-link</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="page-header" id="banner">
<div class="row">
<div class="col-lg-8 col-md-7 col-sm-6">
<h1>Masonstrap</h1>
<h4>4.0.0-alpha.6</h4>
<br />
<p class="lead">Easily provide any web project with Mason branding.</p>
</div>
<div class="col-lg-4 col-md-5 col-sm-6">
<div class="sponsor">
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=bootswatchcom" id="_carbonads_js"></script>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-4">
<div class="list-group table-of-contents">
......@@ -116,10 +109,12 @@
<a class="list-group-item list-group-item-action" href="#indicators">Indicators</a>
<a class="list-group-item list-group-item-action" href="#progress">Progress</a>
<a class="list-group-item list-group-item-action" href="#containers">Containers</a>
<a class="list-group-item list-group-item-action" href="#cards">Cards</a>
<a class="list-group-item list-group-item-action" href="#dialogs">Dialogs</a>
</div>
</div>
</div>
</div>
<!-- Navbar
......@@ -1101,9 +1096,11 @@
</div>
</div>
<!-- Cards
================================================== -->
<div class="row">
<div class="col-lg-12">
<h2>Cards</h2>
<h1 id="cards">Cards</h1>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment