Finish Cards section

- add the section
- include some left out items
parent 3918f026
Pipeline #1054 passed with stage
in 58 seconds
......@@ -1347,6 +1347,18 @@
<div class="row">
<div class="col-lg-4">
<div class="bs-component">
<div class="card" style="width: 20rem;">
<img class="card-img-top" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22318%22%20height%3D%22180%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20318%20180%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_158bd1d28ef%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A16pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_158bd1d28ef%22%3E%3Crect%20width%3D%22318%22%20height%3D%22180%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22129.359375%22%20y%3D%2297.35%22%3EImage%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
alt="Card image">
<div class="card-block">
<h4 class="card-title">Card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>
<div class="bs-component">
<div class="card card-inverse card-primary text-xs-center">
<div class="card-block">
<blockquote class="card-blockquote">
......@@ -1442,6 +1454,26 @@
</div>
</div>
</div>
<div class="bs-component">
<div class="rounded card">
<div class="card-block">
<h4 class="card-title">Card title</h4>
<h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="card-link">Card link</a>
<a href="#" class="card-link">Another link</a>
</div>
</div>
</div>
<div class="bs-component">
<div class="card">
<div class="card-block">
This is some text within a card block.
</div>
</div>
</div>
</div>
<div class="col-lg-4">
......@@ -1460,7 +1492,7 @@
<a href="#" class="card-link">Card link</a>
<a href="#" class="card-link">Another link</a>
</div>
<div class="card-footer text-muted text-xs-center">
<div class="card-footer text-xs-center">
2 days ago
</div>
</div>
......@@ -1470,10 +1502,8 @@
</div>
</div>
<!-- Dialogs
================================================== -->
<!-- Dialogs ================================================== -->
<div class="bs-docs-section">
<div class="row">
<div class="col-lg-12">
<div class="page-header">
......@@ -1483,6 +1513,7 @@
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<h2>Modals</h2>
......@@ -1508,6 +1539,7 @@
</div>
</div>
</div>
<div class="col-lg-6">
<h2>Popovers</h2>
<div class="bs-component" style="margin-bottom: 3em;">
......@@ -1560,17 +1592,8 @@
<footer id="footer">
<div class="row">
<div class="col-lg-12">
<ul class="list-unstyled">
<li class="float-lg-right"><a href="#top">Back to top</a></li>
<li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li>
<li><a href="http://feeds.feedburner.com/bootswatch">RSS</a></li>
<li><a href="https://twitter.com/bootswatch">Twitter</a></li>
<li><a href="https://github.com/thomaspark/bootswatch/">GitHub</a></li>
<li><a href="../help/#api">API</a></li>
<li><a href="../help/#support">Support</a></li>
</ul>
<p>Made by me.</p>
<p>Code released under DWTFYW license</p>
<p>A project of <a href="http://srct.gmu.edu/">GMU<strong> SRCT</strong></a>.</p>
<p>Code released under MIT license</p>
<p>Based on bootswatch wich is based on bootstrap which ...</p>
</div>
</div>
......
......@@ -315,7 +315,9 @@ label,
// Containers ==================================================================
.card-footer {
color: $bg-classic;
}
// Custom ==================================================================
.rounded {
......
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