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,151 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
title: Blog
|
|
4
|
+
permalink: /blog/
|
|
5
|
+
date: 2018-01-01 00:00:00 -0600
|
|
6
|
+
tags: blog template business
|
|
7
|
+
---
|
|
8
|
+
<!-- Page Content -->
|
|
9
|
+
<div class="container">
|
|
10
|
+
|
|
11
|
+
<div class="row">
|
|
12
|
+
|
|
13
|
+
<!-- Blog Entries Column -->
|
|
14
|
+
<div class="col-md-8">
|
|
15
|
+
|
|
16
|
+
<h1 class="my-4">Page Heading
|
|
17
|
+
<small>Secondary Text</small>
|
|
18
|
+
</h1>
|
|
19
|
+
|
|
20
|
+
<!-- Blog Post -->
|
|
21
|
+
<div class="card mb-4">
|
|
22
|
+
<img class="card-img-top" src="http://placehold.it/750x300" alt="Card image cap">
|
|
23
|
+
<div class="card-body">
|
|
24
|
+
<h2 class="card-title">Post Title</h2>
|
|
25
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid
|
|
26
|
+
atque, nulla? Quos cum ex quis soluta, a laboriosam. Dicta expedita corporis animi vero
|
|
27
|
+
voluptate voluptatibus possimus, veniam magni quis!</p>
|
|
28
|
+
<a href="#" class="btn btn-primary">Read More →</a>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="card-footer text-muted">
|
|
31
|
+
Posted on January 1, 2017 by
|
|
32
|
+
<a href="#">Start Bootstrap</a>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
|
|
36
|
+
<!-- Blog Post -->
|
|
37
|
+
<div class="card mb-4">
|
|
38
|
+
<img class="card-img-top" src="http://placehold.it/750x300" alt="Card image cap">
|
|
39
|
+
<div class="card-body">
|
|
40
|
+
<h2 class="card-title">Post Title</h2>
|
|
41
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid
|
|
42
|
+
atque, nulla? Quos cum ex quis soluta, a laboriosam. Dicta expedita corporis animi vero
|
|
43
|
+
voluptate voluptatibus possimus, veniam magni quis!</p>
|
|
44
|
+
<a href="#" class="btn btn-primary">Read More →</a>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="card-footer text-muted">
|
|
47
|
+
Posted on January 1, 2017 by
|
|
48
|
+
<a href="#">Start Bootstrap</a>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
|
|
52
|
+
<!-- Blog Post -->
|
|
53
|
+
<div class="card mb-4">
|
|
54
|
+
<img class="card-img-top" src="http://placehold.it/750x300" alt="Card image cap">
|
|
55
|
+
<div class="card-body">
|
|
56
|
+
<h2 class="card-title">Post Title</h2>
|
|
57
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid
|
|
58
|
+
atque, nulla? Quos cum ex quis soluta, a laboriosam. Dicta expedita corporis animi vero
|
|
59
|
+
voluptate voluptatibus possimus, veniam magni quis!</p>
|
|
60
|
+
<a href="#" class="btn btn-primary">Read More →</a>
|
|
61
|
+
</div>
|
|
62
|
+
<div class="card-footer text-muted">
|
|
63
|
+
Posted on January 1, 2017 by
|
|
64
|
+
<a href="#">Start Bootstrap</a>
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
|
|
68
|
+
<!-- Pagination -->
|
|
69
|
+
<ul class="pagination justify-content-center mb-4">
|
|
70
|
+
<li class="page-item">
|
|
71
|
+
<a class="page-link" href="#">← Older</a>
|
|
72
|
+
</li>
|
|
73
|
+
<li class="page-item disabled">
|
|
74
|
+
<a class="page-link" href="#">Newer →</a>
|
|
75
|
+
</li>
|
|
76
|
+
</ul>
|
|
77
|
+
|
|
78
|
+
</div>
|
|
79
|
+
|
|
80
|
+
<!-- Sidebar Widgets Column -->
|
|
81
|
+
<div class="col-md-4">
|
|
82
|
+
|
|
83
|
+
<!-- Search Widget -->
|
|
84
|
+
<div class="card my-4">
|
|
85
|
+
<h5 class="card-header">Search</h5>
|
|
86
|
+
<div class="card-body">
|
|
87
|
+
<div class="input-group">
|
|
88
|
+
<input type="text" id="search-input" class="form-control" placeholder="Search for posts...">
|
|
89
|
+
</div>
|
|
90
|
+
<div style="padding-top: 15px">
|
|
91
|
+
<ul id="results-container"></ul>
|
|
92
|
+
</div>
|
|
93
|
+
|
|
94
|
+
</div>
|
|
95
|
+
</div>
|
|
96
|
+
|
|
97
|
+
<!-- Tags Widget -->
|
|
98
|
+
<!--<div class="card my-4">
|
|
99
|
+
<h5 class="card-header">Tags</h5>
|
|
100
|
+
<div class="card-body">
|
|
101
|
+
<div class="row">
|
|
102
|
+
<div class="col-lg-6">
|
|
103
|
+
<ul class="list-unstyled mb-0">
|
|
104
|
+
<li>
|
|
105
|
+
<a href="#">Web Design</a>
|
|
106
|
+
</li>
|
|
107
|
+
<li>
|
|
108
|
+
<a href="#">HTML</a>
|
|
109
|
+
</li>
|
|
110
|
+
<li>
|
|
111
|
+
<a href="#">Freebies</a>
|
|
112
|
+
</li>
|
|
113
|
+
</ul>
|
|
114
|
+
</div>
|
|
115
|
+
<div class="col-lg-6">
|
|
116
|
+
<ul class="list-unstyled mb-0">
|
|
117
|
+
<li>
|
|
118
|
+
<a href="#">JavaScript</a>
|
|
119
|
+
</li>
|
|
120
|
+
<li>
|
|
121
|
+
<a href="#">CSS</a>
|
|
122
|
+
</li>
|
|
123
|
+
<li>
|
|
124
|
+
<a href="#">Tutorials</a>
|
|
125
|
+
</li>
|
|
126
|
+
</ul>
|
|
127
|
+
</div>
|
|
128
|
+
</div>
|
|
129
|
+
</div>
|
|
130
|
+
</div>-->
|
|
131
|
+
<!-- Side Widget -->
|
|
132
|
+
<div class="card my-4">
|
|
133
|
+
<h5 class="card-header">Recent Posts</h5>
|
|
134
|
+
<div class="card-body">
|
|
135
|
+
<ul>
|
|
136
|
+
{% for post in site.posts limit:5 %}
|
|
137
|
+
<li>
|
|
138
|
+
<a href="{{ post.url }}">{{ post.title }}</a>
|
|
139
|
+
<!--{{ post.excerpt }}-->
|
|
140
|
+
</li>
|
|
141
|
+
{% endfor %}
|
|
142
|
+
</ul>
|
|
143
|
+
</div>
|
|
144
|
+
</div>
|
|
145
|
+
</div>
|
|
146
|
+
|
|
147
|
+
</div>
|
|
148
|
+
<!-- /.row -->
|
|
149
|
+
|
|
150
|
+
</div>
|
|
151
|
+
<!-- /.container -->
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: cover
|
|
3
|
+
title: Cover
|
|
4
|
+
permalink: /cover/
|
|
5
|
+
date: 2018-01-01 00:00:00 -0600
|
|
6
|
+
tags: cover template business
|
|
7
|
+
---
|
|
8
|
+
<header role="main" class="inner cover">
|
|
9
|
+
<h1 class="cover-heading">Cover Page.</h1>
|
|
10
|
+
<p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text,
|
|
11
|
+
and add your own fullscreen background photo to make it your own.</p>
|
|
12
|
+
<p class="lead">
|
|
13
|
+
<a href="#" class="btn btn-lg btn-secondary">Learn more</a>
|
|
14
|
+
</p>
|
|
15
|
+
</header>
|
|
@@ -0,0 +1,216 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
title: Frontpage
|
|
4
|
+
permalink: /frontpage/
|
|
5
|
+
date: 2018-01-01 00:00:00 -0600
|
|
6
|
+
tags: frontpage template business
|
|
7
|
+
---
|
|
8
|
+
<header>
|
|
9
|
+
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
|
|
10
|
+
<ol class="carousel-indicators">
|
|
11
|
+
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
|
|
12
|
+
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
|
|
13
|
+
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
|
|
14
|
+
</ol>
|
|
15
|
+
<div class="carousel-inner" role="listbox">
|
|
16
|
+
<!-- Slide One - Set the background image for this slide in the line below -->
|
|
17
|
+
<div class="carousel-item active" style="background-image: url('http://placehold.it/1900x1080')">
|
|
18
|
+
<div class="carousel-caption d-none d-md-block">
|
|
19
|
+
<h3>First Slide</h3>
|
|
20
|
+
<p>This is a description for the first slide.</p>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
<!-- Slide Two - Set the background image for this slide in the line below -->
|
|
24
|
+
<div class="carousel-item" style="background-image: url('http://placehold.it/1900x1080')">
|
|
25
|
+
<div class="carousel-caption d-none d-md-block">
|
|
26
|
+
<h3>Second Slide</h3>
|
|
27
|
+
<p>This is a description for the second slide.</p>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
<!-- Slide Three - Set the background image for this slide in the line below -->
|
|
31
|
+
<div class="carousel-item" style="background-image: url('http://placehold.it/1900x1080')">
|
|
32
|
+
<div class="carousel-caption d-none d-md-block">
|
|
33
|
+
<h3>Third Slide</h3>
|
|
34
|
+
<p>This is a description for the third slide.</p>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
|
|
39
|
+
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
40
|
+
<span class="sr-only">Previous</span>
|
|
41
|
+
</a>
|
|
42
|
+
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
|
|
43
|
+
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
44
|
+
<span class="sr-only">Next</span>
|
|
45
|
+
</a>
|
|
46
|
+
</div>
|
|
47
|
+
</header>
|
|
48
|
+
|
|
49
|
+
<!-- Page Content -->
|
|
50
|
+
<div class="container">
|
|
51
|
+
|
|
52
|
+
<h1 class="my-4">Welcome to Modern Business</h1>
|
|
53
|
+
|
|
54
|
+
<!-- Marketing Icons Section -->
|
|
55
|
+
<div class="row">
|
|
56
|
+
<div class="col-lg-4 mb-4">
|
|
57
|
+
<div class="card h-100">
|
|
58
|
+
<h4 class="card-header">Card Title</h4>
|
|
59
|
+
<div class="card-body">
|
|
60
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse
|
|
61
|
+
necessitatibus neque.</p>
|
|
62
|
+
</div>
|
|
63
|
+
<div class="card-footer">
|
|
64
|
+
<a href="#" class="btn btn-primary">Learn More</a>
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
<div class="col-lg-4 mb-4">
|
|
69
|
+
<div class="card h-100">
|
|
70
|
+
<h4 class="card-header">Card Title</h4>
|
|
71
|
+
<div class="card-body">
|
|
72
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis ipsam
|
|
73
|
+
eos, nam perspiciatis natus commodi similique totam consectetur praesentium molestiae atque
|
|
74
|
+
exercitationem ut consequuntur, sed eveniet, magni nostrum sint fuga.</p>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="card-footer">
|
|
77
|
+
<a href="#" class="btn btn-primary">Learn More</a>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
<div class="col-lg-4 mb-4">
|
|
82
|
+
<div class="card h-100">
|
|
83
|
+
<h4 class="card-header">Card Title</h4>
|
|
84
|
+
<div class="card-body">
|
|
85
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse
|
|
86
|
+
necessitatibus neque.</p>
|
|
87
|
+
</div>
|
|
88
|
+
<div class="card-footer">
|
|
89
|
+
<a href="#" class="btn btn-primary">Learn More</a>
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
</div>
|
|
94
|
+
<!-- /.row -->
|
|
95
|
+
|
|
96
|
+
<!-- Portfolio Section -->
|
|
97
|
+
<h2>Portfolio Heading</h2>
|
|
98
|
+
|
|
99
|
+
<div class="row">
|
|
100
|
+
<div class="col-lg-4 col-sm-6 portfolio-item">
|
|
101
|
+
<div class="card h-100">
|
|
102
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
103
|
+
<div class="card-body">
|
|
104
|
+
<h4 class="card-title">
|
|
105
|
+
<a href="#">Project One</a>
|
|
106
|
+
</h4>
|
|
107
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam
|
|
108
|
+
aspernatur eum quasi sapiente nesciunt? Voluptatibus sit, repellat sequi itaque deserunt,
|
|
109
|
+
dolores in, nesciunt, illum tempora ex quae? Nihil, dolorem!</p>
|
|
110
|
+
</div>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
<div class="col-lg-4 col-sm-6 portfolio-item">
|
|
114
|
+
<div class="card h-100">
|
|
115
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
116
|
+
<div class="card-body">
|
|
117
|
+
<h4 class="card-title">
|
|
118
|
+
<a href="#">Project Two</a>
|
|
119
|
+
</h4>
|
|
120
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod
|
|
121
|
+
odio, gravida pellentesque urna varius vitae.</p>
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
</div>
|
|
125
|
+
<div class="col-lg-4 col-sm-6 portfolio-item">
|
|
126
|
+
<div class="card h-100">
|
|
127
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
128
|
+
<div class="card-body">
|
|
129
|
+
<h4 class="card-title">
|
|
130
|
+
<a href="#">Project Three</a>
|
|
131
|
+
</h4>
|
|
132
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos quisquam, error
|
|
133
|
+
quod sed cumque, odio distinctio velit nostrum temporibus necessitatibus et facere atque iure
|
|
134
|
+
perspiciatis mollitia recusandae vero vel quam!</p>
|
|
135
|
+
</div>
|
|
136
|
+
</div>
|
|
137
|
+
</div>
|
|
138
|
+
<div class="col-lg-4 col-sm-6 portfolio-item">
|
|
139
|
+
<div class="card h-100">
|
|
140
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
141
|
+
<div class="card-body">
|
|
142
|
+
<h4 class="card-title">
|
|
143
|
+
<a href="#">Project Four</a>
|
|
144
|
+
</h4>
|
|
145
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod
|
|
146
|
+
odio, gravida pellentesque urna varius vitae.</p>
|
|
147
|
+
</div>
|
|
148
|
+
</div>
|
|
149
|
+
</div>
|
|
150
|
+
<div class="col-lg-4 col-sm-6 portfolio-item">
|
|
151
|
+
<div class="card h-100">
|
|
152
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
153
|
+
<div class="card-body">
|
|
154
|
+
<h4 class="card-title">
|
|
155
|
+
<a href="#">Project Five</a>
|
|
156
|
+
</h4>
|
|
157
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod
|
|
158
|
+
odio, gravida pellentesque urna varius vitae.</p>
|
|
159
|
+
</div>
|
|
160
|
+
</div>
|
|
161
|
+
</div>
|
|
162
|
+
<div class="col-lg-4 col-sm-6 portfolio-item">
|
|
163
|
+
<div class="card h-100">
|
|
164
|
+
<a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
|
|
165
|
+
<div class="card-body">
|
|
166
|
+
<h4 class="card-title">
|
|
167
|
+
<a href="#">Project Six</a>
|
|
168
|
+
</h4>
|
|
169
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque earum nostrum
|
|
170
|
+
suscipit ducimus nihil provident, perferendis rem illo, voluptate atque, sit eius in
|
|
171
|
+
voluptates, nemo repellat fugiat excepturi! Nemo, esse.</p>
|
|
172
|
+
</div>
|
|
173
|
+
</div>
|
|
174
|
+
</div>
|
|
175
|
+
</div>
|
|
176
|
+
<!-- /.row -->
|
|
177
|
+
|
|
178
|
+
<!-- Features Section -->
|
|
179
|
+
<div class="row">
|
|
180
|
+
<div class="col-lg-6">
|
|
181
|
+
<h2>Modern Business Features</h2>
|
|
182
|
+
<p>The Modern Business template by Start Bootstrap includes:</p>
|
|
183
|
+
<ul>
|
|
184
|
+
<li>
|
|
185
|
+
<strong>Bootstrap v4</strong>
|
|
186
|
+
</li>
|
|
187
|
+
<li>jQuery</li>
|
|
188
|
+
<li>Font Awesome</li>
|
|
189
|
+
<li>Working contact form with validation</li>
|
|
190
|
+
<li>Unstyled page elements for easy customization</li>
|
|
191
|
+
</ul>
|
|
192
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, omnis doloremque non cum id
|
|
193
|
+
reprehenderit, quisquam totam aspernatur tempora minima unde aliquid ea culpa sunt. Reiciendis quia
|
|
194
|
+
dolorum ducimus unde.</p>
|
|
195
|
+
</div>
|
|
196
|
+
<div class="col-lg-6">
|
|
197
|
+
<img class="img-fluid rounded" src="http://placehold.it/700x450" alt="">
|
|
198
|
+
</div>
|
|
199
|
+
</div>
|
|
200
|
+
<!-- /.row -->
|
|
201
|
+
|
|
202
|
+
<hr>
|
|
203
|
+
|
|
204
|
+
<!-- Call to Action Section -->
|
|
205
|
+
<div class="row mb-4">
|
|
206
|
+
<div class="col-md-8">
|
|
207
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, expedita, saepe, vero rerum
|
|
208
|
+
deleniti beatae veniam harum neque nemo praesentium cum alias asperiores commodi.</p>
|
|
209
|
+
</div>
|
|
210
|
+
<div class="col-md-4">
|
|
211
|
+
<a class="btn btn-lg btn-secondary btn-block" href="#">Call to Action</a>
|
|
212
|
+
</div>
|
|
213
|
+
</div>
|
|
214
|
+
|
|
215
|
+
</div>
|
|
216
|
+
<!-- /.container -->
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
title: Fullwidth
|
|
4
|
+
permalink: /fullwidth/
|
|
5
|
+
date: 2018-01-01 00:00:00 -0600
|
|
6
|
+
tags: fullwidth template business
|
|
7
|
+
---
|
|
8
|
+
<!-- Page Content -->
|
|
9
|
+
<!-- Header - set the background image for the header in the line below -->
|
|
10
|
+
<header class="py-5 bg-image-full" style="background-image: url('https://unsplash.it/1900/1080?image=1076');">
|
|
11
|
+
<img class="img-fluid d-block mx-auto" src="http://placehold.it/200x200&text=Logo" alt="">
|
|
12
|
+
</header>
|
|
13
|
+
|
|
14
|
+
<!-- Content section -->
|
|
15
|
+
<section class="py-5">
|
|
16
|
+
<div class="container">
|
|
17
|
+
<h1>Section Heading</h1>
|
|
18
|
+
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
|
19
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat
|
|
20
|
+
architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.</p>
|
|
21
|
+
</div>
|
|
22
|
+
</section>
|
|
23
|
+
|
|
24
|
+
<!-- Image Section - set the background image for the header in the line below -->
|
|
25
|
+
<section class="py-5 bg-image-full" style="background-image: url('https://unsplash.it/1900/1080?image=1081');">
|
|
26
|
+
<!-- Put anything you want here! There is just a spacer below for demo purposes! -->
|
|
27
|
+
<div style="height: 200px;"></div>
|
|
28
|
+
</section>
|
|
29
|
+
|
|
30
|
+
<!-- Content section -->
|
|
31
|
+
<section class="py-5">
|
|
32
|
+
<div class="container">
|
|
33
|
+
<h1>Section Heading</h1>
|
|
34
|
+
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
|
35
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat
|
|
36
|
+
architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.</p>
|
|
37
|
+
</div>
|
|
38
|
+
</section>
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
title: Landing
|
|
4
|
+
permalink: /landing/
|
|
5
|
+
date: 2018-01-01 00:00:00 -0600
|
|
6
|
+
tags: landing template business
|
|
7
|
+
---
|
|
8
|
+
<!-- Page Content -->
|
|
9
|
+
<div class="container">
|
|
10
|
+
|
|
11
|
+
<!-- Heading Row -->
|
|
12
|
+
<div class="row my-4">
|
|
13
|
+
<div class="col-lg-8">
|
|
14
|
+
<img class="img-fluid rounded" src="http://placehold.it/900x400" alt="">
|
|
15
|
+
</div>
|
|
16
|
+
<!-- /.col-lg-8 -->
|
|
17
|
+
<div class="col-lg-4">
|
|
18
|
+
<h1>Business Name or Tagline</h1>
|
|
19
|
+
<p>This is a template that is great for small businesses. It doesn't have too much fancy flare to it, but
|
|
20
|
+
it makes a great use of the standard Bootstrap core components. Feel free to use this template for any
|
|
21
|
+
project you want!</p>
|
|
22
|
+
<a class="btn btn-primary btn-lg" href="#">Call to Action!</a>
|
|
23
|
+
</div>
|
|
24
|
+
<!-- /.col-md-4 -->
|
|
25
|
+
</div>
|
|
26
|
+
<!-- /.row -->
|
|
27
|
+
|
|
28
|
+
<!-- Call to Action Well -->
|
|
29
|
+
<div class="card text-white bg-secondary my-4 text-center">
|
|
30
|
+
<div class="card-body">
|
|
31
|
+
<p class="text-white m-0">This call to action card is a great place to showcase some important information
|
|
32
|
+
or display a clever tagline!</p>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
|
|
36
|
+
<!-- Content Row -->
|
|
37
|
+
<div class="row">
|
|
38
|
+
<div class="col-md-4 mb-4">
|
|
39
|
+
<div class="card h-100">
|
|
40
|
+
<div class="card-body">
|
|
41
|
+
<h2 class="card-title">Card One</h2>
|
|
42
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem magni quas ex
|
|
43
|
+
numquam, maxime minus quam molestias corporis quod, ea minima accusamus.</p>
|
|
44
|
+
</div>
|
|
45
|
+
<div class="card-footer">
|
|
46
|
+
<a href="#" class="btn btn-primary">More Info</a>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
<!-- /.col-md-4 -->
|
|
51
|
+
<div class="col-md-4 mb-4">
|
|
52
|
+
<div class="card h-100">
|
|
53
|
+
<div class="card-body">
|
|
54
|
+
<h2 class="card-title">Card Two</h2>
|
|
55
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod tenetur ex
|
|
56
|
+
natus at dolorem enim! Nesciunt pariatur voluptatem sunt quam eaque, vel, non in id dolore
|
|
57
|
+
voluptates quos eligendi labore.</p>
|
|
58
|
+
</div>
|
|
59
|
+
<div class="card-footer">
|
|
60
|
+
<a href="#" class="btn btn-primary">More Info</a>
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
<!-- /.col-md-4 -->
|
|
65
|
+
<div class="col-md-4 mb-4">
|
|
66
|
+
<div class="card h-100">
|
|
67
|
+
<div class="card-body">
|
|
68
|
+
<h2 class="card-title">Card Three</h2>
|
|
69
|
+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem magni quas ex
|
|
70
|
+
numquam, maxime minus quam molestias corporis quod, ea minima accusamus.</p>
|
|
71
|
+
</div>
|
|
72
|
+
<div class="card-footer">
|
|
73
|
+
<a href="#" class="btn btn-primary">More Info</a>
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
<!-- /.col-md-4 -->
|
|
78
|
+
|
|
79
|
+
</div>
|
|
80
|
+
<!-- /.row -->
|
|
81
|
+
|
|
82
|
+
</div>
|
|
83
|
+
<!-- /.container -->
|