Skip to content

Commit 44fda7c

Browse files
shadowcodexshadowcodex
committed
added blurb list
1 parent a42745c commit 44fda7c

File tree

3 files changed

+103
-0
lines changed

3 files changed

+103
-0
lines changed

‎_data/components.json‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -78,5 +78,10 @@
7878
"title": "Blurb",
7979
"permalink": "components/blurb",
8080
"image": "imgs/blurb.png"
81+
},
82+
{
83+
"title": "Blurb List",
84+
"permalink": "components/blurb-list",
85+
"image": "imgs/blurb-list.png"
8186
}
8287
]

‎components/blurb-list.html‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
---
2+
title: 'Blurb List'
3+
description: 'A list of features or detail components. (horizontal blurb)'
4+
permalink: '/components/blurb-list/'
5+
layout: component
6+
---
7+
<p>Font Awesome Required for icons in form</p>
8+
<p>Code:</p>
9+
{% highlight html %}
10+
<link rel="stylesheet" href="../../css/font-awesome.min.css">
11+
{% endhighlight %}
12+
<hr>
13+
<br>
14+
<link rel="stylesheet" href="../../css/font-awesome.min.css">
15+
<div class="row justify-content-md-center">
16+
<div class="col-md-4 col-lg-4 col-xl-4">
17+
<!-- Start Blurb -->
18+
<div class="row">
19+
<div class="col-2">
20+
<i class="fa fa-check fa-2x mt-3" aria-hidden="true"></i>
21+
</div>
22+
<div class="col-10">
23+
<strong>A Catchy Title</strong><br>
24+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
25+
</div>
26+
</div>
27+
<!-- End Blurb -->
28+
<br>
29+
<!-- Start Blurb -->
30+
<div class="row">
31+
<div class="col-2">
32+
<i class="fa fa-lock fa-2x mt-3" aria-hidden="true"></i>
33+
</div>
34+
<div class="col-10">
35+
<strong>A Catchy Title</strong><br>
36+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
37+
</div>
38+
</div>
39+
<!-- End Blurb -->
40+
<br>
41+
<!-- Start Blurb -->
42+
<div class="row">
43+
<div class="col-2">
44+
<i class="fa fa-users fa-2x mt-3" aria-hidden="true"></i>
45+
</div>
46+
<div class="col-10">
47+
<strong>A Catchy Title</strong><br>
48+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
49+
</div>
50+
</div>
51+
<!-- End Blurb -->
52+
</div>
53+
</div>
54+
<br>
55+
<p>Code:</p>
56+
{% highlight html %}
57+
<div class="row justify-content-md-center">
58+
<div class="col-md-4 col-lg-4 col-xl-4">
59+
<!-- Start Blurb -->
60+
<div class="row">
61+
<div class="col-2">
62+
<i class="fa fa-check fa-2x mt-3" aria-hidden="true"></i>
63+
</div>
64+
<div class="col-10">
65+
<strong>A Catchy Title</strong><br>
66+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
67+
</div>
68+
</div>
69+
<!-- End Blurb -->
70+
<br>
71+
<!-- Start Blurb -->
72+
<div class="row">
73+
<div class="col-2">
74+
<i class="fa fa-lock fa-2x mt-3" aria-hidden="true"></i>
75+
</div>
76+
<div class="col-10">
77+
<strong>A Catchy Title</strong><br>
78+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
79+
</div>
80+
</div>
81+
<!-- End Blurb -->
82+
<br>
83+
<!-- Start Blurb -->
84+
<div class="row">
85+
<div class="col-2">
86+
<i class="fa fa-users fa-2x mt-3" aria-hidden="true"></i>
87+
</div>
88+
<div class="col-10">
89+
<strong>A Catchy Title</strong><br>
90+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
91+
</div>
92+
</div>
93+
<!-- End Blurb -->
94+
</div>
95+
</div>
96+
{% endhighlight %}
97+
<hr>
98+
<br>

‎imgs/blurb-list.png‎

9.11 KB
Loading

0 commit comments

Comments
 (0)