darkmatter-theme 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/LICENSE.txt +151 -0
- data/README.md +52 -0
- data/_includes/foot.html +0 -0
- data/_includes/footer.html +54 -0
- data/_includes/head.html +48 -0
- data/_includes/header.html +62 -0
- data/_layouts/cover.html +20 -0
- data/_layouts/default.html +34 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +5 -0
- data/_layouts/scroll.html +39 -0
- data/_layouts/slide.html +230 -0
- data/_pages/about/index.html +99 -0
- data/_pages/album/index.html +185 -0
- data/_pages/blog/index.html +151 -0
- data/_pages/cover/index.html +15 -0
- data/_pages/frontpage/index.html +216 -0
- data/_pages/fullwidth/index.html +38 -0
- data/_pages/landing/index.html +83 -0
- data/_pages/portfolio-1/index.html +119 -0
- data/_pages/portfolio-2/index.html +121 -0
- data/_pages/portfolio-3/index.html +121 -0
- data/_pages/portfolio-item/index.html +73 -0
- data/_pages/post/index.html +196 -0
- data/_pages/pricing/index.html +61 -0
- data/_pages/product/index.html +49 -0
- data/_pages/scroll/index.html +59 -0
- data/_pages/search/index.html +24 -0
- data/_pages/team/index.html +69 -0
- data/_pages/theme/index.html +1225 -0
- data/_pages/welcome/index.html +83 -0
- data/_posts/2018-01-01-what-is-bacon-ipsum-pt1.md +39 -0
- data/_posts/2018-02-01-what-is-bacon-ipsum-pt2.md +39 -0
- data/_posts/2018-03-01-what-is-bacon-ipsum-pt3.md +39 -0
- data/_slides/sample-presentation.md +115 -0
- data/assets/images/css/bg-pattern.png +0 -0
- data/assets/images/darkmatter.png +0 -0
- data/assets/scripts/jquery-easing.min.js +1 -0
- data/assets/scripts/scrolling-nav.js +29 -0
- data/assets/styles/darkmatter-cover.css +134 -0
- data/assets/styles/darkmatter-scroll.css +20 -0
- data/assets/styles/darkmatter.css +70 -0
- metadata +128 -0
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
title: Portfolio-1
|
|
4
|
+
permalink: /portfolio-1/
|
|
5
|
+
date: 2018-01-01 00:00:00 -0600
|
|
6
|
+
tags: portfolio template business
|
|
7
|
+
---
|
|
8
|
+
<!-- Page Content -->
|
|
9
|
+
<div class="container">
|
|
10
|
+
|
|
11
|
+
<!-- Page Heading -->
|
|
12
|
+
<h1 class="my-4">Page Heading
|
|
13
|
+
<small>Secondary Text</small>
|
|
14
|
+
</h1>
|
|
15
|
+
|
|
16
|
+
<!-- Project One -->
|
|
17
|
+
<div class="row">
|
|
18
|
+
<div class="col-md-7">
|
|
19
|
+
<a href="#">
|
|
20
|
+
<img class="img-fluid rounded mb-3 mb-md-0" src="http://placehold.it/700x300" alt="">
|
|
21
|
+
</a>
|
|
22
|
+
</div>
|
|
23
|
+
<div class="col-md-5">
|
|
24
|
+
<h3>Project One</h3>
|
|
25
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium veniam exercitationem expedita
|
|
26
|
+
laborum at voluptate. Labore, voluptates totam at aut nemo deserunt rem magni pariatur quos
|
|
27
|
+
perspiciatis atque eveniet unde.</p>
|
|
28
|
+
<a class="btn btn-primary" href="#">View Project</a>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
<!-- /.row -->
|
|
32
|
+
|
|
33
|
+
<hr>
|
|
34
|
+
|
|
35
|
+
<!-- Project Two -->
|
|
36
|
+
<div class="row">
|
|
37
|
+
<div class="col-md-7">
|
|
38
|
+
<a href="#">
|
|
39
|
+
<img class="img-fluid rounded mb-3 mb-md-0" src="http://placehold.it/700x300" alt="">
|
|
40
|
+
</a>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="col-md-5">
|
|
43
|
+
<h3>Project Two</h3>
|
|
44
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, odit velit cumque vero doloremque
|
|
45
|
+
repellendus distinctio maiores rem expedita a nam vitae modi quidem similique ducimus! Velit, esse
|
|
46
|
+
totam tempore.</p>
|
|
47
|
+
<a class="btn btn-primary" href="#">View Project</a>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
<!-- /.row -->
|
|
51
|
+
|
|
52
|
+
<hr>
|
|
53
|
+
|
|
54
|
+
<!-- Project Three -->
|
|
55
|
+
<div class="row">
|
|
56
|
+
<div class="col-md-7">
|
|
57
|
+
<a href="#">
|
|
58
|
+
<img class="img-fluid rounded mb-3 mb-md-0" src="http://placehold.it/700x300" alt="">
|
|
59
|
+
</a>
|
|
60
|
+
</div>
|
|
61
|
+
<div class="col-md-5">
|
|
62
|
+
<h3>Project Three</h3>
|
|
63
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, temporibus, dolores, at, praesentium ut
|
|
64
|
+
unde repudiandae voluptatum sit ab debitis suscipit fugiat natus velit excepturi amet commodi deleniti
|
|
65
|
+
alias possimus!</p>
|
|
66
|
+
<a class="btn btn-primary" href="#">View Project</a>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
<!-- /.row -->
|
|
70
|
+
|
|
71
|
+
<hr>
|
|
72
|
+
|
|
73
|
+
<!-- Project Four -->
|
|
74
|
+
<div class="row">
|
|
75
|
+
|
|
76
|
+
<div class="col-md-7">
|
|
77
|
+
<a href="#">
|
|
78
|
+
<img class="img-fluid rounded mb-3 mb-md-0" src="http://placehold.it/700x300" alt="">
|
|
79
|
+
</a>
|
|
80
|
+
</div>
|
|
81
|
+
<div class="col-md-5">
|
|
82
|
+
<h3>Project Four</h3>
|
|
83
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, quidem, consectetur, officia rem
|
|
84
|
+
officiis illum aliquam perspiciatis aspernatur quod modi hic nemo qui soluta aut eius fugit quam in
|
|
85
|
+
suscipit?</p>
|
|
86
|
+
<a class="btn btn-primary" href="#">View Project</a>
|
|
87
|
+
</div>
|
|
88
|
+
</div>
|
|
89
|
+
<!-- /.row -->
|
|
90
|
+
|
|
91
|
+
<hr>
|
|
92
|
+
|
|
93
|
+
<!-- Pagination -->
|
|
94
|
+
<ul class="pagination justify-content-center">
|
|
95
|
+
<li class="page-item">
|
|
96
|
+
<a class="page-link" href="#" aria-label="Previous">
|
|
97
|
+
<span aria-hidden="true">«</span>
|
|
98
|
+
<span class="sr-only">Previous</span>
|
|
99
|
+
</a>
|
|
100
|
+
</li>
|
|
101
|
+
<li class="page-item">
|
|
102
|
+
<a class="page-link" href="#">1</a>
|
|
103
|
+
</li>
|
|
104
|
+
<li class="page-item">
|
|
105
|
+
<a class="page-link" href="#">2</a>
|
|
106
|
+
</li>
|
|
107
|
+
<li class="page-item">
|
|
108
|
+
<a class="page-link" href="#">3</a>
|
|
109
|
+
</li>
|
|
110
|
+
<li class="page-item">
|
|
111
|
+
<a class="page-link" href="#" aria-label="Next">
|
|
112
|
+
<span aria-hidden="true">»</span>
|
|
113
|
+
<span class="sr-only">Next</span>
|
|
114
|
+
</a>
|
|
115
|
+
</li>
|
|
116
|
+
</ul>
|
|
117
|
+
|
|
118
|
+
</div>
|
|
119
|
+
<!-- /.container -->
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
title: Portfolio-2
|
|
4
|
+
permalink: /portfolio-2/
|
|
5
|
+
date: 2018-01-01 00:00:00 -0600
|
|
6
|
+
tags: portfolio template business
|
|
7
|
+
---
|
|
8
|
+
<!-- Page Content -->
|
|
9
|
+
<div class="container">
|
|
10
|
+
|
|
11
|
+
<!-- Page Heading -->
|
|
12
|
+
<h1 class="my-4">Page Heading
|
|
13
|
+
<small>Secondary Text</small>
|
|
14
|
+
</h1>
|
|
15
|
+
|
|
16
|
+
<div class="row">
|
|
17
|
+
<div class="col-lg-6 portfolio-item">
|
|
18
|
+
<div class="card h-100">
|
|
19
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
20
|
+
<div class="card-body">
|
|
21
|
+
<h4 class="card-title">
|
|
22
|
+
<a href="#">Project One</a>
|
|
23
|
+
</h4>
|
|
24
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod
|
|
25
|
+
odio, gravida pellentesque urna varius vitae.</p>
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="col-lg-6 portfolio-item">
|
|
30
|
+
<div class="card h-100">
|
|
31
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
32
|
+
<div class="card-body">
|
|
33
|
+
<h4 class="card-title">
|
|
34
|
+
<a href="#">Project Two</a>
|
|
35
|
+
</h4>
|
|
36
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit aliquam
|
|
37
|
+
aperiam nulla perferendis dolor nobis numquam, rem expedita, aliquid optio, alias illum eaque.
|
|
38
|
+
Non magni, voluptates quae, necessitatibus unde temporibus.</p>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="col-lg-6 portfolio-item">
|
|
43
|
+
<div class="card h-100">
|
|
44
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
45
|
+
<div class="card-body">
|
|
46
|
+
<h4 class="card-title">
|
|
47
|
+
<a href="#">Project Three</a>
|
|
48
|
+
</h4>
|
|
49
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod
|
|
50
|
+
odio, gravida pellentesque urna varius vitae.</p>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
<div class="col-lg-6 portfolio-item">
|
|
55
|
+
<div class="card h-100">
|
|
56
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
57
|
+
<div class="card-body">
|
|
58
|
+
<h4 class="card-title">
|
|
59
|
+
<a href="#">Project Four</a>
|
|
60
|
+
</h4>
|
|
61
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit aliquam
|
|
62
|
+
aperiam nulla perferendis dolor nobis numquam, rem expedita, aliquid optio, alias illum eaque.
|
|
63
|
+
Non magni, voluptates quae, necessitatibus unde temporibus.</p>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
<div class="col-lg-6 portfolio-item">
|
|
68
|
+
<div class="card h-100">
|
|
69
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
70
|
+
<div class="card-body">
|
|
71
|
+
<h4 class="card-title">
|
|
72
|
+
<a href="#">Project Five</a>
|
|
73
|
+
</h4>
|
|
74
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod
|
|
75
|
+
odio, gravida pellentesque urna varius vitae.</p>
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
<div class="col-lg-6 portfolio-item">
|
|
80
|
+
<div class="card h-100">
|
|
81
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
82
|
+
<div class="card-body">
|
|
83
|
+
<h4 class="card-title">
|
|
84
|
+
<a href="#">Project Six</a>
|
|
85
|
+
</h4>
|
|
86
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit aliquam
|
|
87
|
+
aperiam nulla perferendis dolor nobis numquam, rem expedita, aliquid optio, alias illum eaque.
|
|
88
|
+
Non magni, voluptates quae, necessitatibus unde temporibus.</p>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
<!-- /.row -->
|
|
94
|
+
|
|
95
|
+
<!-- Pagination -->
|
|
96
|
+
<ul class="pagination justify-content-center">
|
|
97
|
+
<li class="page-item">
|
|
98
|
+
<a class="page-link" href="#" aria-label="Previous">
|
|
99
|
+
<span aria-hidden="true">«</span>
|
|
100
|
+
<span class="sr-only">Previous</span>
|
|
101
|
+
</a>
|
|
102
|
+
</li>
|
|
103
|
+
<li class="page-item">
|
|
104
|
+
<a class="page-link" href="#">1</a>
|
|
105
|
+
</li>
|
|
106
|
+
<li class="page-item">
|
|
107
|
+
<a class="page-link" href="#">2</a>
|
|
108
|
+
</li>
|
|
109
|
+
<li class="page-item">
|
|
110
|
+
<a class="page-link" href="#">3</a>
|
|
111
|
+
</li>
|
|
112
|
+
<li class="page-item">
|
|
113
|
+
<a class="page-link" href="#" aria-label="Next">
|
|
114
|
+
<span aria-hidden="true">»</span>
|
|
115
|
+
<span class="sr-only">Next</span>
|
|
116
|
+
</a>
|
|
117
|
+
</li>
|
|
118
|
+
</ul>
|
|
119
|
+
|
|
120
|
+
</div>
|
|
121
|
+
<!-- /.container -->
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
title: Portfolio-3
|
|
4
|
+
permalink: /portfolio-3/
|
|
5
|
+
date: 2018-01-01 00:00:00 -0600
|
|
6
|
+
tags: portfolio template business
|
|
7
|
+
---
|
|
8
|
+
<!-- Page Content -->
|
|
9
|
+
<div class="container">
|
|
10
|
+
|
|
11
|
+
<!-- Page Heading -->
|
|
12
|
+
<h1 class="my-4">Page Heading
|
|
13
|
+
<small>Secondary Text</small>
|
|
14
|
+
</h1>
|
|
15
|
+
|
|
16
|
+
<div class="row">
|
|
17
|
+
<div class="col-lg-4 col-sm-6 portfolio-item">
|
|
18
|
+
<div class="card h-100">
|
|
19
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
20
|
+
<div class="card-body">
|
|
21
|
+
<h4 class="card-title">
|
|
22
|
+
<a href="#">Project One</a>
|
|
23
|
+
</h4>
|
|
24
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam
|
|
25
|
+
aspernatur eum quasi sapiente nesciunt? Voluptatibus sit, repellat sequi itaque deserunt,
|
|
26
|
+
dolores in, nesciunt, illum tempora ex quae? Nihil, dolorem!</p>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="col-lg-4 col-sm-6 portfolio-item">
|
|
31
|
+
<div class="card h-100">
|
|
32
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
33
|
+
<div class="card-body">
|
|
34
|
+
<h4 class="card-title">
|
|
35
|
+
<a href="#">Project Two</a>
|
|
36
|
+
</h4>
|
|
37
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod
|
|
38
|
+
odio, gravida pellentesque urna varius vitae.</p>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="col-lg-4 col-sm-6 portfolio-item">
|
|
43
|
+
<div class="card h-100">
|
|
44
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
45
|
+
<div class="card-body">
|
|
46
|
+
<h4 class="card-title">
|
|
47
|
+
<a href="#">Project Three</a>
|
|
48
|
+
</h4>
|
|
49
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos quisquam, error
|
|
50
|
+
quod sed cumque, odio distinctio velit nostrum temporibus necessitatibus et facere atque iure
|
|
51
|
+
perspiciatis mollitia recusandae vero vel quam!</p>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
<div class="col-lg-4 col-sm-6 portfolio-item">
|
|
56
|
+
<div class="card h-100">
|
|
57
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
58
|
+
<div class="card-body">
|
|
59
|
+
<h4 class="card-title">
|
|
60
|
+
<a href="#">Project Four</a>
|
|
61
|
+
</h4>
|
|
62
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod
|
|
63
|
+
odio, gravida pellentesque urna varius vitae.</p>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
<div class="col-lg-4 col-sm-6 portfolio-item">
|
|
68
|
+
<div class="card h-100">
|
|
69
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
70
|
+
<div class="card-body">
|
|
71
|
+
<h4 class="card-title">
|
|
72
|
+
<a href="#">Project Five</a>
|
|
73
|
+
</h4>
|
|
74
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod
|
|
75
|
+
odio, gravida pellentesque urna varius vitae.</p>
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
<div class="col-lg-4 col-sm-6 portfolio-item">
|
|
80
|
+
<div class="card h-100">
|
|
81
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
82
|
+
<div class="card-body">
|
|
83
|
+
<h4 class="card-title">
|
|
84
|
+
<a href="#">Project Six</a>
|
|
85
|
+
</h4>
|
|
86
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque earum nostrum
|
|
87
|
+
suscipit ducimus nihil provident, perferendis rem illo, voluptate atque, sit eius in
|
|
88
|
+
voluptates, nemo repellat fugiat excepturi! Nemo, esse.</p>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
<!-- /.row -->
|
|
94
|
+
|
|
95
|
+
<!-- Pagination -->
|
|
96
|
+
<ul class="pagination justify-content-center">
|
|
97
|
+
<li class="page-item">
|
|
98
|
+
<a class="page-link" href="#" aria-label="Previous">
|
|
99
|
+
<span aria-hidden="true">«</span>
|
|
100
|
+
<span class="sr-only">Previous</span>
|
|
101
|
+
</a>
|
|
102
|
+
</li>
|
|
103
|
+
<li class="page-item">
|
|
104
|
+
<a class="page-link" href="#">1</a>
|
|
105
|
+
</li>
|
|
106
|
+
<li class="page-item">
|
|
107
|
+
<a class="page-link" href="#">2</a>
|
|
108
|
+
</li>
|
|
109
|
+
<li class="page-item">
|
|
110
|
+
<a class="page-link" href="#">3</a>
|
|
111
|
+
</li>
|
|
112
|
+
<li class="page-item">
|
|
113
|
+
<a class="page-link" href="#" aria-label="Next">
|
|
114
|
+
<span aria-hidden="true">»</span>
|
|
115
|
+
<span class="sr-only">Next</span>
|
|
116
|
+
</a>
|
|
117
|
+
</li>
|
|
118
|
+
</ul>
|
|
119
|
+
|
|
120
|
+
</div>
|
|
121
|
+
<!-- /.container -->
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
title: Portfolio-Item
|
|
4
|
+
permalink: /portfolio-item/
|
|
5
|
+
date: 2018-01-01 00:00:00 -0600
|
|
6
|
+
tags: portfolio template business
|
|
7
|
+
---
|
|
8
|
+
<!-- Page Content -->
|
|
9
|
+
<div class="container">
|
|
10
|
+
|
|
11
|
+
<!-- Portfolio Item Heading -->
|
|
12
|
+
<h1 class="my-4">Page Heading
|
|
13
|
+
<small>Secondary Text</small>
|
|
14
|
+
</h1>
|
|
15
|
+
|
|
16
|
+
<!-- Portfolio Item Row -->
|
|
17
|
+
<div class="row">
|
|
18
|
+
|
|
19
|
+
<div class="col-md-8">
|
|
20
|
+
<img class="img-fluid" src="http://placehold.it/750x500" alt="">
|
|
21
|
+
</div>
|
|
22
|
+
|
|
23
|
+
<div class="col-md-4">
|
|
24
|
+
<h3 class="my-3">Project Description</h3>
|
|
25
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque
|
|
26
|
+
urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies,
|
|
27
|
+
justo eu convallis placerat, felis enim.</p>
|
|
28
|
+
<h3 class="my-3">Project Details</h3>
|
|
29
|
+
<ul>
|
|
30
|
+
<li>Lorem Ipsum</li>
|
|
31
|
+
<li>Dolor Sit Amet</li>
|
|
32
|
+
<li>Consectetur</li>
|
|
33
|
+
<li>Adipiscing Elit</li>
|
|
34
|
+
</ul>
|
|
35
|
+
</div>
|
|
36
|
+
|
|
37
|
+
</div>
|
|
38
|
+
<!-- /.row -->
|
|
39
|
+
|
|
40
|
+
<!-- Related Projects Row -->
|
|
41
|
+
<h3 class="my-4">Related Projects</h3>
|
|
42
|
+
|
|
43
|
+
<div class="row">
|
|
44
|
+
|
|
45
|
+
<div class="col-md-3 col-sm-6 mb-4">
|
|
46
|
+
<a href="#">
|
|
47
|
+
<img class="img-fluid" src="http://placehold.it/500x300" alt="">
|
|
48
|
+
</a>
|
|
49
|
+
</div>
|
|
50
|
+
|
|
51
|
+
<div class="col-md-3 col-sm-6 mb-4">
|
|
52
|
+
<a href="#">
|
|
53
|
+
<img class="img-fluid" src="http://placehold.it/500x300" alt="">
|
|
54
|
+
</a>
|
|
55
|
+
</div>
|
|
56
|
+
|
|
57
|
+
<div class="col-md-3 col-sm-6 mb-4">
|
|
58
|
+
<a href="#">
|
|
59
|
+
<img class="img-fluid" src="http://placehold.it/500x300" alt="">
|
|
60
|
+
</a>
|
|
61
|
+
</div>
|
|
62
|
+
|
|
63
|
+
<div class="col-md-3 col-sm-6 mb-4">
|
|
64
|
+
<a href="#">
|
|
65
|
+
<img class="img-fluid" src="http://placehold.it/500x300" alt="">
|
|
66
|
+
</a>
|
|
67
|
+
</div>
|
|
68
|
+
|
|
69
|
+
</div>
|
|
70
|
+
<!-- /.row -->
|
|
71
|
+
|
|
72
|
+
</div>
|
|
73
|
+
<!-- /.container -->
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
title: Post
|
|
4
|
+
permalink: /post/
|
|
5
|
+
date: 2018-01-01 00:00:00 -0600
|
|
6
|
+
tags: blog post template business
|
|
7
|
+
---
|
|
8
|
+
<!-- Page Content -->
|
|
9
|
+
<div class="container">
|
|
10
|
+
|
|
11
|
+
<div class="row">
|
|
12
|
+
|
|
13
|
+
<!-- Post Content Column -->
|
|
14
|
+
<div class="col-lg-8">
|
|
15
|
+
|
|
16
|
+
<!-- Title -->
|
|
17
|
+
<h1 class="mt-4">Post Title</h1>
|
|
18
|
+
|
|
19
|
+
<!-- Author -->
|
|
20
|
+
<p class="lead">
|
|
21
|
+
by
|
|
22
|
+
<a href="#">Start Bootstrap</a>
|
|
23
|
+
</p>
|
|
24
|
+
|
|
25
|
+
<hr>
|
|
26
|
+
|
|
27
|
+
<!-- Date/Time -->
|
|
28
|
+
<p>Posted on January 1, 2018 at 12:00 PM</p>
|
|
29
|
+
|
|
30
|
+
<hr>
|
|
31
|
+
|
|
32
|
+
<!-- Preview Image -->
|
|
33
|
+
<img class="img-fluid rounded" src="http://placehold.it/900x300" alt="">
|
|
34
|
+
|
|
35
|
+
<hr>
|
|
36
|
+
|
|
37
|
+
<!-- Post Content -->
|
|
38
|
+
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus, vero, obcaecati, aut,
|
|
39
|
+
error quam sapiente nemo saepe quibusdam sit excepturi nam quia corporis eligendi eos magni recusandae
|
|
40
|
+
laborum minus inventore?</p>
|
|
41
|
+
|
|
42
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, tenetur natus doloremque laborum quos iste
|
|
43
|
+
ipsum rerum obcaecati impedit odit illo dolorum ab tempora nihil dicta earum fugiat. Temporibus,
|
|
44
|
+
voluptatibus.</p>
|
|
45
|
+
|
|
46
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, doloribus, dolorem iusto blanditiis unde
|
|
47
|
+
eius illum consequuntur neque dicta incidunt ullam ea hic porro optio ratione repellat perspiciatis.
|
|
48
|
+
Enim, iure!</p>
|
|
49
|
+
|
|
50
|
+
<blockquote class="blockquote">
|
|
51
|
+
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
|
52
|
+
<footer class="blockquote-footer">Someone famous in
|
|
53
|
+
<cite title="Source Title">Source Title</cite>
|
|
54
|
+
</footer>
|
|
55
|
+
</blockquote>
|
|
56
|
+
|
|
57
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, nostrum, aliquid, animi, ut quas
|
|
58
|
+
placeat totam sunt tempora commodi nihil ullam alias modi dicta saepe minima ab quo voluptatem
|
|
59
|
+
obcaecati?</p>
|
|
60
|
+
|
|
61
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, dolor quis. Sunt, ut, explicabo,
|
|
62
|
+
aliquam tenetur ratione tempore quidem voluptates cupiditate voluptas illo saepe quaerat numquam
|
|
63
|
+
recusandae? Qui, necessitatibus, est!</p>
|
|
64
|
+
|
|
65
|
+
<hr>
|
|
66
|
+
|
|
67
|
+
<!-- Comments Form -->
|
|
68
|
+
<div class="card my-4">
|
|
69
|
+
<h5 class="card-header">Leave a Comment:</h5>
|
|
70
|
+
<div class="card-body">
|
|
71
|
+
<form>
|
|
72
|
+
<div class="form-group">
|
|
73
|
+
<textarea class="form-control" rows="3"></textarea>
|
|
74
|
+
</div>
|
|
75
|
+
<button type="submit" class="btn btn-primary">Submit</button>
|
|
76
|
+
</form>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
|
|
80
|
+
<!-- Single Comment -->
|
|
81
|
+
<div class="media mb-4">
|
|
82
|
+
<img class="d-flex mr-3 rounded-circle" src="http://placehold.it/50x50" alt="">
|
|
83
|
+
<div class="media-body">
|
|
84
|
+
<h5 class="mt-0">Commenter Name</h5>
|
|
85
|
+
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras
|
|
86
|
+
purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi
|
|
87
|
+
vulputate fringilla. Donec lacinia congue felis in faucibus.
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
|
|
91
|
+
<!-- Comment with nested comments -->
|
|
92
|
+
<div class="media mb-4">
|
|
93
|
+
<img class="d-flex mr-3 rounded-circle" src="http://placehold.it/50x50" alt="">
|
|
94
|
+
<div class="media-body">
|
|
95
|
+
<h5 class="mt-0">Commenter Name</h5>
|
|
96
|
+
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras
|
|
97
|
+
purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi
|
|
98
|
+
vulputate fringilla. Donec lacinia congue felis in faucibus.
|
|
99
|
+
|
|
100
|
+
<div class="media mt-4">
|
|
101
|
+
<img class="d-flex mr-3 rounded-circle" src="http://placehold.it/50x50" alt="">
|
|
102
|
+
<div class="media-body">
|
|
103
|
+
<h5 class="mt-0">Commenter Name</h5>
|
|
104
|
+
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.
|
|
105
|
+
Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc
|
|
106
|
+
ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
|
|
107
|
+
</div>
|
|
108
|
+
</div>
|
|
109
|
+
|
|
110
|
+
<div class="media mt-4">
|
|
111
|
+
<img class="d-flex mr-3 rounded-circle" src="http://placehold.it/50x50" alt="">
|
|
112
|
+
<div class="media-body">
|
|
113
|
+
<h5 class="mt-0">Commenter Name</h5>
|
|
114
|
+
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.
|
|
115
|
+
Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc
|
|
116
|
+
ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
|
|
117
|
+
</div>
|
|
118
|
+
</div>
|
|
119
|
+
|
|
120
|
+
</div>
|
|
121
|
+
</div>
|
|
122
|
+
|
|
123
|
+
</div>
|
|
124
|
+
|
|
125
|
+
<!-- Sidebar Widgets Column -->
|
|
126
|
+
<div class="col-md-4">
|
|
127
|
+
|
|
128
|
+
<!-- Search Widget -->
|
|
129
|
+
<div class="card my-4">
|
|
130
|
+
<h5 class="card-header">Search</h5>
|
|
131
|
+
<div class="card-body">
|
|
132
|
+
<div class="input-group">
|
|
133
|
+
<input type="text" id="search-input" class="form-control" placeholder="Search for posts...">
|
|
134
|
+
</div>
|
|
135
|
+
<div style="padding-top: 15px">
|
|
136
|
+
<ul id="results-container"></ul>
|
|
137
|
+
</div>
|
|
138
|
+
|
|
139
|
+
</div>
|
|
140
|
+
</div>
|
|
141
|
+
|
|
142
|
+
<!-- Tags Widget -->
|
|
143
|
+
<!--<div class="card my-4">
|
|
144
|
+
<h5 class="card-header">Tags</h5>
|
|
145
|
+
<div class="card-body">
|
|
146
|
+
<div class="row">
|
|
147
|
+
<div class="col-lg-6">
|
|
148
|
+
<ul class="list-unstyled mb-0">
|
|
149
|
+
<li>
|
|
150
|
+
<a href="#">Web Design</a>
|
|
151
|
+
</li>
|
|
152
|
+
<li>
|
|
153
|
+
<a href="#">HTML</a>
|
|
154
|
+
</li>
|
|
155
|
+
<li>
|
|
156
|
+
<a href="#">Freebies</a>
|
|
157
|
+
</li>
|
|
158
|
+
</ul>
|
|
159
|
+
</div>
|
|
160
|
+
<div class="col-lg-6">
|
|
161
|
+
<ul class="list-unstyled mb-0">
|
|
162
|
+
<li>
|
|
163
|
+
<a href="#">JavaScript</a>
|
|
164
|
+
</li>
|
|
165
|
+
<li>
|
|
166
|
+
<a href="#">CSS</a>
|
|
167
|
+
</li>
|
|
168
|
+
<li>
|
|
169
|
+
<a href="#">Tutorials</a>
|
|
170
|
+
</li>
|
|
171
|
+
</ul>
|
|
172
|
+
</div>
|
|
173
|
+
</div>
|
|
174
|
+
</div>
|
|
175
|
+
</div>-->
|
|
176
|
+
<!-- Side Widget -->
|
|
177
|
+
<div class="card my-4">
|
|
178
|
+
<h5 class="card-header">Recent Posts</h5>
|
|
179
|
+
<div class="card-body">
|
|
180
|
+
<ul>
|
|
181
|
+
{% for post in site.posts limit:5 %}
|
|
182
|
+
<li>
|
|
183
|
+
<a href="{{ post.url }}">{{ post.title }}</a>
|
|
184
|
+
<!--{{ post.excerpt }}-->
|
|
185
|
+
</li>
|
|
186
|
+
{% endfor %}
|
|
187
|
+
</ul>
|
|
188
|
+
</div>
|
|
189
|
+
</div>
|
|
190
|
+
</div>
|
|
191
|
+
|
|
192
|
+
</div>
|
|
193
|
+
<!-- /.row -->
|
|
194
|
+
|
|
195
|
+
</div>
|
|
196
|
+
<!-- /.container -->
|