Skip to content

Commit 9b9829d

Browse files
shadowcodexshadowcodex
committed
added blurb list 2
1 parent 2de11e6 commit 9b9829d

File tree

3 files changed

+131
-0
lines changed

3 files changed

+131
-0
lines changed

‎_data/components.json‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,5 +113,10 @@
113113
"title": "Blurb Circle 2",
114114
"permalink": "components/blurb-circle-2",
115115
"image": "imgs/blurb-circle-2.png"
116+
},
117+
{
118+
"title": "Blurb List 2",
119+
"permalink": "components/blurb-list-2",
120+
"image": "imgs/blurb-list-2.png"
116121
}
117122
]

‎components/blurb-list-2.html‎

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
---
2+
title: 'Blurb List 2'
3+
description: 'A list of features or detail components. (vertical blurb with circle icon list)'
4+
permalink: '/components/blurb-list-2/'
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-3 col-lg-3 col-xl-3">
17+
<!-- Start Blurb -->
18+
<div class="row mb-2">
19+
<div class="col text-center">
20+
<div class="rounded-circle bg-primary text-white d-inline-block">
21+
<i class="fa fa-check fa-4x mt-3 mb-3 ml-3 mr-3" aria-hidden="true"></i>
22+
</div>
23+
</div>
24+
</div>
25+
<div class="row">
26+
<div class="col text-center">
27+
<strong>A Catchy Title</strong><br>
28+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
29+
</div>
30+
</div>
31+
<!-- End Blurb -->
32+
</div>
33+
<div class="col-md-3 col-lg-3 col-xl-3">
34+
<!-- Start Blurb -->
35+
<div class="row mb-2">
36+
<div class="col text-center">
37+
<div class="rounded-circle bg-primary text-white d-inline-block">
38+
<i class="fa fa-check fa-4x mt-3 mb-3 ml-3 mr-3" aria-hidden="true"></i>
39+
</div>
40+
</div>
41+
</div>
42+
<div class="row">
43+
<div class="col text-center">
44+
<strong>A Catchy Title</strong><br>
45+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
46+
</div>
47+
</div>
48+
<!-- End Blurb -->
49+
</div>
50+
<div class="col-md-3 col-lg-3 col-xl-3">
51+
<!-- Start Blurb -->
52+
<div class="row mb-2">
53+
<div class="col text-center">
54+
<div class="rounded-circle bg-primary text-white d-inline-block">
55+
<i class="fa fa-check fa-4x mt-3 mb-3 ml-3 mr-3" aria-hidden="true"></i>
56+
</div>
57+
</div>
58+
</div>
59+
<div class="row">
60+
<div class="col text-center">
61+
<strong>A Catchy Title</strong><br>
62+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
63+
</div>
64+
</div>
65+
<!-- End Blurb -->
66+
</div>
67+
</div>
68+
<br>
69+
<p>Code:</p>
70+
{% highlight html %}
71+
<div class="row justify-content-md-center">
72+
<div class="col-md-3 col-lg-3 col-xl-3">
73+
<!-- Start Blurb -->
74+
<div class="row mb-2">
75+
<div class="col text-center">
76+
<div class="rounded-circle bg-primary text-white d-inline-block">
77+
<i class="fa fa-check fa-4x mt-3 mb-3 ml-3 mr-3" aria-hidden="true"></i>
78+
</div>
79+
</div>
80+
</div>
81+
<div class="row">
82+
<div class="col text-center">
83+
<strong>A Catchy Title</strong><br>
84+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
85+
</div>
86+
</div>
87+
<!-- End Blurb -->
88+
</div>
89+
<div class="col-md-3 col-lg-3 col-xl-3">
90+
<!-- Start Blurb -->
91+
<div class="row mb-2">
92+
<div class="col text-center">
93+
<div class="rounded-circle bg-primary text-white d-inline-block">
94+
<i class="fa fa-check fa-4x mt-3 mb-3 ml-3 mr-3" aria-hidden="true"></i>
95+
</div>
96+
</div>
97+
</div>
98+
<div class="row">
99+
<div class="col text-center">
100+
<strong>A Catchy Title</strong><br>
101+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
102+
</div>
103+
</div>
104+
<!-- End Blurb -->
105+
</div>
106+
<div class="col-md-3 col-lg-3 col-xl-3">
107+
<!-- Start Blurb -->
108+
<div class="row mb-2">
109+
<div class="col text-center">
110+
<div class="rounded-circle bg-primary text-white d-inline-block">
111+
<i class="fa fa-check fa-4x mt-3 mb-3 ml-3 mr-3" aria-hidden="true"></i>
112+
</div>
113+
</div>
114+
</div>
115+
<div class="row">
116+
<div class="col text-center">
117+
<strong>A Catchy Title</strong><br>
118+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
119+
</div>
120+
</div>
121+
<!-- End Blurb -->
122+
</div>
123+
</div>
124+
{% endhighlight %}
125+
<hr>
126+
<br>

‎imgs/blurb-list-2.png‎

5.49 KB
Loading

0 commit comments

Comments
 (0)