Skip to content

Commit 754e02a

Browse files
shadowcodexshadowcodex
committed
added blurb product list left and dual sides
1 parent ce7e2f6 commit 754e02a

File tree

5 files changed

+435
-0
lines changed

5 files changed

+435
-0
lines changed

‎_data/components.json‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,5 +93,15 @@
9393
"title": "Blurb Product",
9494
"permalink": "components/blurb-product",
9595
"image": "imgs/blurb-product.png"
96+
},
97+
{
98+
"title": "Blurb Product 2",
99+
"permalink": "components/blurb-product-2",
100+
"image": "imgs/blurb-product-2.png"
101+
},
102+
{
103+
"title": "Blurb Product 3",
104+
"permalink": "components/blurb-product-3",
105+
"image": "imgs/blurb-product-3.png"
96106
}
97107
]

‎components/blurb-product-2.html‎

Lines changed: 176 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
1+
---
2+
title: 'Blurb Product 2'
3+
description: 'A list of features or detail components for a project. (horizontal blurb left list)'
4+
permalink: '/components/blurb-product-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-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>Feature #2</strong><br>
36+
In sollicitudin mauris posuere nulla accumsan ullamcorper.
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>Some Other Feature</strong><br>
48+
Curabitur sodales elit at eleifend hendrerit.
49+
</div>
50+
</div>
51+
<!-- End Blurb -->
52+
<br>
53+
<!-- Start Blurb -->
54+
<div class="row">
55+
<div class="col-2">
56+
<i class="fa fa-check fa-2x mt-3" aria-hidden="true"></i>
57+
</div>
58+
<div class="col-10">
59+
<strong>Some Strange Thing</strong><br>
60+
Nunc nec enim elementum, sagittis nisl vel, dignissim tellus.
61+
</div>
62+
</div>
63+
<!-- End Blurb -->
64+
<br>
65+
<!-- Start Blurb -->
66+
<div class="row">
67+
<div class="col-2">
68+
<i class="fa fa-check fa-2x mt-3" aria-hidden="true"></i>
69+
</div>
70+
<div class="col-10">
71+
<strong>A Exhilarating Title</strong><br>
72+
Vivamus quis est vel arcu scelerisque tempor.
73+
</div>
74+
</div>
75+
<!-- End Blurb -->
76+
<br>
77+
<!-- Start Blurb -->
78+
<div class="row">
79+
<div class="col-2">
80+
<i class="fa fa-check fa-2x mt-3" aria-hidden="true"></i>
81+
</div>
82+
<div class="col-10">
83+
<strong>An Awesome Feature</strong><br>
84+
Pellentesque placerat enim a magna blandit, eu finibus lacus hendrerit.
85+
</div>
86+
</div>
87+
<!-- End Blurb -->
88+
</div>
89+
<div class="col-md-6 col-lg-6 col-xl-6">
90+
<img src="http://placekitten.com/g/600/600" alt="" class="img-fluid border border-dark mb-4">
91+
</div>
92+
</div>
93+
<br>
94+
<p>Code:</p>
95+
{% highlight html %}
96+
<div class="row justify-content-md-center">
97+
<div class="col-md-4 col-lg-4 col-xl-4">
98+
<!-- Start Blurb -->
99+
<div class="row">
100+
<div class="col-2">
101+
<i class="fa fa-check fa-2x mt-3" aria-hidden="true"></i>
102+
</div>
103+
<div class="col-10">
104+
<strong>A Catchy Title</strong><br>
105+
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
106+
</div>
107+
</div>
108+
<!-- End Blurb -->
109+
<br>
110+
<!-- Start Blurb -->
111+
<div class="row">
112+
<div class="col-2">
113+
<i class="fa fa-lock fa-2x mt-3" aria-hidden="true"></i>
114+
</div>
115+
<div class="col-10">
116+
<strong>Feature #2</strong><br>
117+
In sollicitudin mauris posuere nulla accumsan ullamcorper.
118+
</div>
119+
</div>
120+
<!-- End Blurb -->
121+
<br>
122+
<!-- Start Blurb -->
123+
<div class="row">
124+
<div class="col-2">
125+
<i class="fa fa-users fa-2x mt-3" aria-hidden="true"></i>
126+
</div>
127+
<div class="col-10">
128+
<strong>Some Other Feature</strong><br>
129+
Curabitur sodales elit at eleifend hendrerit.
130+
</div>
131+
</div>
132+
<!-- End Blurb -->
133+
<br>
134+
<!-- Start Blurb -->
135+
<div class="row">
136+
<div class="col-2">
137+
<i class="fa fa-check fa-2x mt-3" aria-hidden="true"></i>
138+
</div>
139+
<div class="col-10">
140+
<strong>Some Strange Thing</strong><br>
141+
Nunc nec enim elementum, sagittis nisl vel, dignissim tellus.
142+
</div>
143+
</div>
144+
<!-- End Blurb -->
145+
<br>
146+
<!-- Start Blurb -->
147+
<div class="row">
148+
<div class="col-2">
149+
<i class="fa fa-check fa-2x mt-3" aria-hidden="true"></i>
150+
</div>
151+
<div class="col-10">
152+
<strong>A Exhilarating Title</strong><br>
153+
Vivamus quis est vel arcu scelerisque tempor.
154+
</div>
155+
</div>
156+
<!-- End Blurb -->
157+
<br>
158+
<!-- Start Blurb -->
159+
<div class="row">
160+
<div class="col-2">
161+
<i class="fa fa-check fa-2x mt-3" aria-hidden="true"></i>
162+
</div>
163+
<div class="col-10">
164+
<strong>An Awesome Feature</strong><br>
165+
Pellentesque placerat enim a magna blandit, eu finibus lacus hendrerit.
166+
</div>
167+
</div>
168+
<!-- End Blurb -->
169+
</div>
170+
<div class="col-md-6 col-lg-6 col-xl-6">
171+
<img src="http://placekitten.com/g/600/600" alt="" class="img-fluid border border-dark mb-4">
172+
</div>
173+
</div>
174+
{% endhighlight %}
175+
<hr>
176+
<br>

0 commit comments

Comments
 (0)