Skip to content

Commit 8285147

Browse files
philwarehamphilwareham
committed
More placeholder modules
To be Textpattern-ified later.
1 parent 1c302ba commit 8285147

File tree

5 files changed

+161
-3
lines changed

5 files changed

+161
-3
lines changed

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
"stylelint-scss": "3.18.0"
4949
},
5050
"dependencies": {
51-
"hive-framework": "0.18.3"
51+
"hive-framework": "0.18.4"
5252
},
5353
"optionalDependencies": {
5454
"fibers": "5.0.0"

‎templates/forms/misc/homepage-content.txp‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,10 @@
1010

1111
</div>
1212

13+
1314
<txp:output_form form="gallery--grid-3-col-no-gaps" />
1415

16+
1517
<div class="container">
1618
<div class="align-center py-2">
1719
<h2>Here’s just a little of what we do</h2>
@@ -51,10 +53,86 @@
5153
<p><a class="button button-large">This way please</a></p>
5254
</div>
5355

56+
<div class="align-center my-4">
57+
<h2>Pricing grid</h2>
58+
<div class="layout-container gap-2">
59+
60+
<aside class="layout-3col card align-center">
61+
<header class="card-header background--information">
62+
<p class="text-uppercase"><strong>OPTION 1: BASIC</strong></p>
63+
</header>
64+
<div class="card-body">
65+
<h1 class="mb-0">$3<sup>.99</sup></h1>
66+
<h3 class="mt-0">per month</h3>
67+
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
68+
</div>
69+
<footer class="card-footer">
70+
<p><a href="#" class="button button-primary" itemprop="url">Choose this plan</a></p>
71+
</footer>
72+
</aside>
73+
<aside class="layout-3col card align-center">
74+
<small class="alert-block alert-pill success"><strong>MOST POPULAR</strong></small>
75+
<header class="card-header background--success">
76+
<p class="text-uppercase"><strong>OPTION 2: PROFESSIONAL</strong></p>
77+
</header>
78+
<div class="card-body">
79+
<h1 class="mb-0">$9<sup>.99</sup></h1>
80+
<h3 class="mt-0">per month</h3>
81+
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
82+
</div>
83+
<footer class="card-footer">
84+
<p><a href="#" class="button button-primary" itemprop="url">Choose this plan</a></p>
85+
</footer>
86+
</aside>
87+
<aside class="layout-3col card align-center">
88+
<header class="card-header background--warning">
89+
<p class="text-uppercase"><strong>OPTION 3: ENTERPRISE</strong></p>
90+
</header>
91+
<div class="card-body">
92+
<h1 class="mb-0">$49<sup>.99</sup></h1>
93+
<h3 class="mt-0">per month</h3>
94+
<p>Laboris nisi ut aliquip ex ea commodo consequat. Sed do eiusmod tempor incididunt.</p>
95+
</div>
96+
<footer class="card-footer">
97+
<p><a href="#" class="button button-primary" itemprop="url">Choose this plan</a></p>
98+
</footer>
99+
</aside>
100+
</div>
101+
</div>
102+
54103
</div>
55104
</div>
56105

106+
57107
<div class="wrapper zebra--subtle">
108+
<div class="container">
109+
110+
<div class="align-center py-1">
111+
<h2>Testimonials</h2>
112+
<div class="layout-container">
113+
<div class="layout-2col">
114+
<blockquote cite="https://example.com/">
115+
<p>“Here is an example of a block quote. Lorem ipsum dolor sit amet, consectetuer adipiscing.”</p>
116+
<footer>
117+
<p><img class="img--circular" src="<txp:page_url type="theme_path" />/assets/img/placeholders/img-320x320-1.png" width="46" height="46" alt="Placeholder Image 1" itemprop="image"></p>
118+
<p>This person said this</p>
119+
</footer>
120+
</blockquote>
121+
</div>
122+
<div class="layout-2col">
123+
<blockquote cite="https://example.com/">
124+
<p>“Here is another example of a block quote. Laboris nisi ut aliquip ex ea commodo consequat. Sed do eiusmod tempor incididunt.”</p>
125+
<footer>Somebody said this <a href="#">here</a></footer>
126+
</blockquote>
127+
</div>
128+
</div>
129+
</div>
130+
131+
</div>
132+
</div>
133+
134+
135+
<div class="wrapper">
58136
<div class="container">
59137

60138
<div class="align-center py-2">
@@ -86,6 +164,7 @@
86164
</div>
87165
</div>
88166

167+
89168
<div class="wrapper zebra--strong">
90169
<div class="container">
91170

‎themes/hive_framework/assets/css/style.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎themes/hive_framework/assets/css/style.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎themes/hive_framework/forms/misc/homepage-content.txp‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,10 @@
1010

1111
</div>
1212

13+
1314
<txp:output_form form="gallery--grid-3-col-no-gaps" />
1415

16+
1517
<div class="container">
1618
<div class="align-center py-2">
1719
<h2>Here’s just a little of what we do</h2>
@@ -51,10 +53,86 @@
5153
<p><a class="button button-large">This way please</a></p>
5254
</div>
5355

56+
<div class="align-center my-4">
57+
<h2>Pricing grid</h2>
58+
<div class="layout-container gap-2">
59+
60+
<aside class="layout-3col card align-center">
61+
<header class="card-header background--information">
62+
<p class="text-uppercase"><strong>OPTION 1: BASIC</strong></p>
63+
</header>
64+
<div class="card-body">
65+
<h1 class="mb-0">$3<sup>.99</sup></h1>
66+
<h3 class="mt-0">per month</h3>
67+
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
68+
</div>
69+
<footer class="card-footer">
70+
<p><a href="#" class="button button-primary" itemprop="url">Choose this plan</a></p>
71+
</footer>
72+
</aside>
73+
<aside class="layout-3col card align-center">
74+
<small class="alert-block alert-pill success"><strong>MOST POPULAR</strong></small>
75+
<header class="card-header background--success">
76+
<p class="text-uppercase"><strong>OPTION 2: PROFESSIONAL</strong></p>
77+
</header>
78+
<div class="card-body">
79+
<h1 class="mb-0">$9<sup>.99</sup></h1>
80+
<h3 class="mt-0">per month</h3>
81+
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
82+
</div>
83+
<footer class="card-footer">
84+
<p><a href="#" class="button button-primary" itemprop="url">Choose this plan</a></p>
85+
</footer>
86+
</aside>
87+
<aside class="layout-3col card align-center">
88+
<header class="card-header background--warning">
89+
<p class="text-uppercase"><strong>OPTION 3: ENTERPRISE</strong></p>
90+
</header>
91+
<div class="card-body">
92+
<h1 class="mb-0">$49<sup>.99</sup></h1>
93+
<h3 class="mt-0">per month</h3>
94+
<p>Laboris nisi ut aliquip ex ea commodo consequat. Sed do eiusmod tempor incididunt.</p>
95+
</div>
96+
<footer class="card-footer">
97+
<p><a href="#" class="button button-primary" itemprop="url">Choose this plan</a></p>
98+
</footer>
99+
</aside>
100+
</div>
101+
</div>
102+
54103
</div>
55104
</div>
56105

106+
57107
<div class="wrapper zebra--subtle">
108+
<div class="container">
109+
110+
<div class="align-center py-1">
111+
<h2>Testimonials</h2>
112+
<div class="layout-container">
113+
<div class="layout-2col">
114+
<blockquote cite="https://example.com/">
115+
<p>“Here is an example of a block quote. Lorem ipsum dolor sit amet, consectetuer adipiscing.”</p>
116+
<footer>
117+
<p><img class="img--circular" src="<txp:page_url type="theme_path" />/assets/img/placeholders/img-320x320-1.png" width="46" height="46" alt="Placeholder Image 1" itemprop="image"></p>
118+
<p>This person said this</p>
119+
</footer>
120+
</blockquote>
121+
</div>
122+
<div class="layout-2col">
123+
<blockquote cite="https://example.com/">
124+
<p>“Here is another example of a block quote. Laboris nisi ut aliquip ex ea commodo consequat. Sed do eiusmod tempor incididunt.”</p>
125+
<footer>Somebody said this <a href="#">here</a></footer>
126+
</blockquote>
127+
</div>
128+
</div>
129+
</div>
130+
131+
</div>
132+
</div>
133+
134+
135+
<div class="wrapper">
58136
<div class="container">
59137

60138
<div class="align-center py-2">
@@ -86,6 +164,7 @@
86164
</div>
87165
</div>
88166

167+
89168
<div class="wrapper zebra--strong">
90169
<div class="container">
91170

0 commit comments

Comments
 (0)