From 6f67431334b51ab8ec483156aee578ff9155882e Mon Sep 17 00:00:00 2001
From: fr34k <fr34k@zom.bi>
Date: Sat, 31 Oct 2020 21:56:38 +0100
Subject: [PATCH] started jewellery page

---
 css/projects.css | 27 +++++++++++++++++++++++++++
 jewellery.php    | 40 ++++++++++++++++++++++++++++++++++++++--
 2 files changed, 65 insertions(+), 2 deletions(-)

diff --git a/css/projects.css b/css/projects.css
index 2c181e3..a27a1d7 100644
--- a/css/projects.css
+++ b/css/projects.css
@@ -316,7 +316,34 @@ video {
 /* Jewellery
 =============== */
 
+div.jew_container {
+    clear: both;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
 
+.flexbox-jew-btn {
+    display: flex;
+}
+
+.jew-btn-container {
+  position: relative;
+  display: block;
+  margin-top: 50px;
+  margin-bottom: 50px;
+  margin-left: 100px;
+  margin-right: 100px;
+  width: 200px;
+  height: 100px;
+  display: inline-block;
+  font-size: 1.15rem;
+  text-decoration: none;
+  text-transform: uppercase;
+  border-width: 2px;
+  border-style: solid;
+  padding: 0.5em 1.75em;
+}
 
 /* Collection 
 ================*/
diff --git a/jewellery.php b/jewellery.php
index 22faa09..57e529c 100644
--- a/jewellery.php
+++ b/jewellery.php
@@ -3,9 +3,45 @@ $show_sep=true;
 include('header.tpl'); 
 ?>
 
-<div id="content_padding">
-
+<div class="jew_container">
+    <div class="flexbox-jew-btn">
+        <div class="jew-btn-container">
+           Button1
+        </div>
+        <div class="jew-btn-container">
+            Button2
+        </div>
+          <div class="jew-btn-container">
+            Button3
+        </div>
+    </div>
 </div>
 
+<div class="jew_container">
+    <div class="flexbox-jew-btn">
+        <div class="jew-btn-container">
+            Button4
+        </div>
+        <div class="jew-btn-container">
+            Button5
+        </div>
+        <div class="jew-btn-container">
+            Button6
+        </div>
+    </div>
+</div>
 
+<div class="jew_container">
+    <div class="flexbox-jew-btn">
+        <div class="jew-btn-container">
+            Button7
+        </div>
+        <div class="jew-btn-container">
+            Button8
+        </div>
+        <div class="jew-btn-container">
+            Button9
+        </div>
+    </div>
+</div>
 <?php include('footer.tpl'); ?>