Added pricing cards

pages/_data/menu.yml

@@ -21,6 +21,9 @@ base:
     c:
       url: c.html
       title: C
+    pricing cards:
+      url: pricing.html
+      title: Pricing cards
 
 charts:
   url: charts.html

pages/_includes/cards/store-product-grid.html

@@ -0,0 +1,20 @@
+<div class="row">
+    {% for product in site.data.products%}
+    <div class="col-lg-3">
+        <div class="card p-3">
+            <img src="{{ site.base }}/img/products/{{ product.image }}" alt="" class="mb-3">
+            <h3 class="mb-0">{{product.name}}</h3>
+            <div class="text-muted mb-2">{{product.producer}}</div>
+            <h1 class="text-azure">{{product.price}}$</h1>
+            <div class="d-flex justify-content-between align-items-center">
+                {% include ui/stars.html %}
+
+                <a href="#" class="btn btn-primary">Add to cart</a>
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+<div class="d-flex">
+    {% include parts/pagination.html class="ml-auto" %}
+</div>

pages/_includes/cards/user-card-bg.html

@@ -1,7 +1,7 @@
 {% assign person-id = include.person-id | default: 0 %}
 {% assign person = site.data.people[person-id] %}
 <a class="card card-link" href="#">
-	<div class="card-cover text-center{% if include.blurred %} card-cover-blurred{% endif %}" style="background-image: url({% include ui/image.html id=person-id %})">
+	<div class="card-cover text-center{% if include.blurred %} card-cover-blurred{% endif %}" style="background-image: url({%include ui/image.html id=person-id %})">
 		{% include ui/avatar.html size="xl" person=person thumb=true %}
 	</div>
 	<div class="card-body text-center">