Skip to content

Commit 2e15b34

Browse files
committed
Update product template/listing
1 parent 30434a9 commit 2e15b34

2 files changed

Lines changed: 36 additions & 35 deletions

File tree

index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ <h1 class="title is-2">
4242
Free Bulma Templates
4343
</h1>
4444
<h2 class="subtitle is-4">
45-
Bulma is an awesome CSS framework, and we designed some templates to bootstrap your frontend!
45+
Bulma is an awesome CSS framework, and <a href="https://github.com/dansup">@dansup</a> designed some templates to bootstrap your frontend!
4646
</h2>
4747
</div>
4848
</div>
@@ -176,8 +176,8 @@ <h4 class="subtitle is-5">A metro based grid</h4>
176176
<a class="box" href="templates/product.html">
177177
<h3 class="title is-4">
178178
Product
179-
<span class="tag is-default">
180-
v 0.1.0
179+
<span class="tag is-primary">
180+
v 0.1.2
181181
</span>
182182
</h3>
183183
<h4 class="subtitle is-5">An ecommerce product page</h4>
@@ -200,8 +200,8 @@ <h4 class="subtitle is-5">A user profile layout page</h4>
200200
<a class="box" href="templates/projects.html">
201201
<h3 class="title is-4">
202202
Projects
203-
<span class="tag is-default">
204-
v 0.1.0
203+
<span class="tag is-primary">
204+
v 0.1.2
205205
</span>
206206
</h3>
207207
<h4 class="subtitle is-5">A projects layout page</h4>

templates/product.html

Lines changed: 31 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1">
77
<title>Product - Free Bulma template</title>
88
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
9-
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.1.0/css/bulma.min.css">
9+
<link rel="stylesheet" type="text/css" href="../css/bulma.css">
1010
<link rel="stylesheet" type="text/css" href="../css/product.css">
1111
</head>
1212
<body>
@@ -88,13 +88,13 @@
8888
<br>
8989
<p class="">
9090
<a href="#">
91-
<i class="fa fa-minus cart-icon"></i>
91+
<i class="fa fa-minus cart-icon"></i>
9292
</a>
9393
&nbsp;
9494
<input type="text" name="" class="input has-text-centered" value="1" style="width:40px;">
9595
&nbsp;
9696
<a href="#">
97-
<i class="fa fa-plus cart-icon"></i>
97+
<i class="fa fa-plus cart-icon"></i>
9898
</a>
9999
&nbsp; &nbsp; &nbsp;
100100
<a class="button is-primary">Add to cart</a>
@@ -144,39 +144,40 @@
144144
</div>
145145
<div class="box">
146146
<p>
147-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ligula magna, tempus sed nisi in, convallis porttitor quam. Quisque auctor nisl metus, quis rhoncus mi molestie non. Phasellus ornare nisi et lobortis lacinia. Mauris quis dolor vulputate, malesuada lacus at, gravida ipsum. Nam a viverra mi. Aenean at consequat libero, in porta diam. In id ipsum nec purus mattis blandit quis sed nisi. Suspendisse nulla tellus, viverra eu urna ut, mollis pulvinar sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin non magna sagittis, facilisis augue sed, ultricies felis. Mauris at neque sed nisl mollis aliquet. Etiam lacinia auctor dolor, sed condimentum odio efficitur a.
148-
</p><br><p>
147+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ligula magna, tempus sed nisi in, convallis porttitor quam. Quisque auctor nisl metus, quis rhoncus mi molestie non. Phasellus ornare nisi et lobortis lacinia. Mauris quis dolor vulputate, malesuada lacus at, gravida ipsum. Nam a viverra mi. Aenean at consequat libero, in porta diam. In id ipsum nec purus mattis blandit quis sed nisi. Suspendisse nulla tellus, viverra eu urna ut, mollis pulvinar sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin non magna sagittis, facilisis augue sed, ultricies felis. Mauris at neque sed nisl mollis aliquet. Etiam lacinia auctor dolor, sed condimentum odio efficitur a.
148+
</p><br><p>
149149

150-
Sed at risus enim. Nunc aliquet tellus a purus blandit lobortis. Duis condimentum sapien sed orci ornare mollis. Praesent eleifend ante magna, quis commodo risus pellentesque in. Donec eget porta leo. Sed vel dictum est. Ut dui lorem, volutpat vel risus in, dictum euismod ex. Aenean laoreet dapibus nulla, nec viverra massa feugiat vitae. Vestibulum elementum nec nisi dictum rhoncus. Nam placerat mi eu tortor tincidunt commodo. Duis posuere, sapien a laoreet dapibus, elit tortor laoreet est, eget dapibus dui justo vitae ipsum. Praesent sed augue nec leo hendrerit iaculis sit amet efficitur ante. Nunc ac maximus mauris. Sed luctus erat id elit tempor, a aliquam lacus sodales.
151-
</p><br><p>
150+
Sed at risus enim. Nunc aliquet tellus a purus blandit lobortis. Duis condimentum sapien sed orci ornare mollis. Praesent eleifend ante magna, quis commodo risus pellentesque in. Donec eget porta leo. Sed vel dictum est. Ut dui lorem, volutpat vel risus in, dictum euismod ex. Aenean laoreet dapibus nulla, nec viverra massa feugiat vitae. Vestibulum elementum nec nisi dictum rhoncus. Nam placerat mi eu tortor tincidunt commodo. Duis posuere, sapien a laoreet dapibus, elit tortor laoreet est, eget dapibus dui justo vitae ipsum. Praesent sed augue nec leo hendrerit iaculis sit amet efficitur ante. Nunc ac maximus mauris. Sed luctus erat id elit tempor, a aliquam lacus sodales.
151+
</p><br><p>
152152

153-
Suspendisse sodales metus justo, ullamcorper iaculis purus interdum in. Sed ultricies enim felis, in interdum urna malesuada a. Morbi id ligula vel leo elementum dignissim quis vel purus. Donec iaculis, est ac maximus vestibulum, sapien mi lacinia urna, at laoreet felis lectus nec urna. Fusce egestas, neque vitae blandit scelerisque, leo arcu pellentesque risus, et volutpat neque nunc id massa. Aenean dapibus leo vel purus malesuada, eu ultrices nulla consequat. Duis erat orci, lobortis sed dictum id, pretium a nibh. Mauris pharetra ligula consequat gravida ornare.
154-
</p><br><p>
153+
Suspendisse sodales metus justo, ullamcorper iaculis purus interdum in. Sed ultricies enim felis, in interdum urna malesuada a. Morbi id ligula vel leo elementum dignissim quis vel purus. Donec iaculis, est ac maximus vestibulum, sapien mi lacinia urna, at laoreet felis lectus nec urna. Fusce egestas, neque vitae blandit scelerisque, leo arcu pellentesque risus, et volutpat neque nunc id massa. Aenean dapibus leo vel purus malesuada, eu ultrices nulla consequat. Duis erat orci, lobortis sed dictum id, pretium a nibh. Mauris pharetra ligula consequat gravida ornare.
154+
</p><br><p>
155155

156-
Sed a gravida sapien. Nam malesuada feugiat nunc, eu varius risus suscipit non. Nulla vitae odio fermentum, varius ligula et, iaculis enim. Mauris tempor in dolor non aliquet. Pellentesque ac mauris a augue tempus pharetra. Nulla facilisi. Vivamus sit amet lacus sagittis, ullamcorper nisi sit amet, consequat eros. Sed faucibus nulla vitae erat tristique ornare.
157-
</p><br><p>
156+
Sed a gravida sapien. Nam malesuada feugiat nunc, eu varius risus suscipit non. Nulla vitae odio fermentum, varius ligula et, iaculis enim. Mauris tempor in dolor non aliquet. Pellentesque ac mauris a augue tempus pharetra. Nulla facilisi. Vivamus sit amet lacus sagittis, ullamcorper nisi sit amet, consequat eros. Sed faucibus nulla vitae erat tristique ornare.
157+
</p><br><p>
158158

159-
Nullam sit amet magna ipsum. In tincidunt tincidunt tellus. Duis maximus vulputate elit sit amet auctor. Vestibulum a nunc consectetur, accumsan arcu eu, dapibus est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vitae massa eget nulla gravida porta eu et sem. Sed in lorem id lectus auctor lobortis sed vel libero. Nam dapibus risus eu sodales consectetur. Fusce luctus sollicitudin ante et sodales. Curabitur eget justo turpis. Vestibulum vel nunc tellus. Morbi accumsan urna nibh, at malesuada odio faucibus accumsan.
160-
</p>
159+
Nullam sit amet magna ipsum. In tincidunt tincidunt tellus. Duis maximus vulputate elit sit amet auctor. Vestibulum a nunc consectetur, accumsan arcu eu, dapibus est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vitae massa eget nulla gravida porta eu et sem. Sed in lorem id lectus auctor lobortis sed vel libero. Nam dapibus risus eu sodales consectetur. Fusce luctus sollicitudin ante et sodales. Curabitur eget justo turpis. Vestibulum vel nunc tellus. Morbi accumsan urna nibh, at malesuada odio faucibus accumsan.
160+
</p>
161161

162-
</div>
162+
</div>
163+
</div>
164+
</div>
165+
<footer class="footer">
166+
<div class="container">
167+
<div class="content has-text-centered">
168+
<p>
169+
<strong>Bulma</strong> by <a href="http://jgthms.com">Jeremy Thomas</a>. The source code is licensed
170+
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
171+
is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC ANS 4.0</a>.
172+
</p>
173+
<p>
174+
<a class="icon" href="https://github.com/jgthms/bulma">
175+
<i class="fa fa-github"></i>
176+
</a>
177+
</p>
163178
</div>
164179
</div>
165-
<footer class="footer">
166-
<div class="container">
167-
<div class="content has-text-centered">
168-
<p>
169-
<strong>Bulma</strong> by <a href="http://jgthms.com">Jeremy Thomas</a>. The source code is licensed
170-
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
171-
is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC ANS 4.0</a>.
172-
</p>
173-
<p>
174-
<a class="icon" href="https://github.com/jgthms/bulma">
175-
<i class="fa fa-github"></i>
176-
</a>
177-
</p>
178-
</div>
179-
</div>
180-
</footer>
180+
</footer>
181+
<script async type="text/javascript" src="../js/bulma.js"></script>
181182
</body>
182183
</html>

0 commit comments

Comments
 (0)