Skip to content

Commit 2de11e6

Browse files
shadowcodexshadowcodex
committed
added blurb circle 2
1 parent 754e02a commit 2de11e6

File tree

5 files changed

+122
-0
lines changed

5 files changed

+122
-0
lines changed

‎_data/components.json‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -103,5 +103,15 @@
103103
"title": "Blurb Product 3",
104104
"permalink": "components/blurb-product-3",
105105
"image": "imgs/blurb-product-3.png"
106+
},
107+
{
108+
"title": "Blurb 2",
109+
"permalink": "components/blurb-2",
110+
"image": "imgs/blurb-2.png"
111+
},
112+
{
113+
"title": "Blurb Circle 2",
114+
"permalink": "components/blurb-circle-2",
115+
"image": "imgs/blurb-circle-2.png"
106116
}
107117
]

‎components/blurb-2.html‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
---
2+
title: 'Blurb 2'
3+
description: 'A feature or details component. (vertical blurb)'
4+
permalink: '/components/blurb-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+
<i class="fa fa-check fa-4x mt-3" aria-hidden="true"></i>
21+
</div>
22+
</div>
23+
<div class="row">
24+
<div class="col text-center">
25+
<strong>A Catchy Title</strong><br>
26+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
27+
</div>
28+
</div>
29+
<!-- End Blurb -->
30+
</div>
31+
</div>
32+
<br>
33+
<p>Code:</p>
34+
{% highlight html %}
35+
<div class="row justify-content-md-center">
36+
<div class="col-md-3 col-lg-3 col-xl-3">
37+
<!-- Start Blurb -->
38+
<div class="row mb-2">
39+
<div class="col text-center">
40+
<i class="fa fa-check fa-4x mt-3" aria-hidden="true"></i>
41+
</div>
42+
</div>
43+
<div class="row">
44+
<div class="col text-center">
45+
<strong>A Catchy Title</strong><br>
46+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
47+
</div>
48+
</div>
49+
<!-- End Blurb -->
50+
</div>
51+
</div>
52+
{% endhighlight %}
53+
<hr>
54+
<br>

‎components/blurb-circle-2.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
---
2+
title: 'Blurb Circle 2'
3+
description: 'A feature or details component. (vertical blurb with circle icon)'
4+
permalink: '/components/blurb-circle-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>
34+
<br>
35+
<p>Code:</p>
36+
{% highlight html %}
37+
<div class="row justify-content-md-center">
38+
<div class="col-md-3 col-lg-3 col-xl-3">
39+
<!-- Start Blurb -->
40+
<div class="row mb-2">
41+
<div class="col text-center">
42+
<div class="rounded-circle bg-primary text-white d-inline-block">
43+
<i class="fa fa-check fa-4x mt-3 mb-3 ml-3 mr-3" aria-hidden="true"></i>
44+
</div>
45+
</div>
46+
</div>
47+
<div class="row">
48+
<div class="col text-center">
49+
<strong>A Catchy Title</strong><br>
50+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
51+
</div>
52+
</div>
53+
<!-- End Blurb -->
54+
</div>
55+
</div>
56+
{% endhighlight %}
57+
<hr>
58+
<br>

‎imgs/blurb-2.png‎

3.94 KB
Loading

‎imgs/blurb-circle-2.png‎

4.96 KB
Loading

0 commit comments

Comments
 (0)