started jewellery page

This commit is contained in:
fr34k 2020-10-31 21:56:38 +01:00
parent 36e8cde534
commit 6f67431334
2 changed files with 65 additions and 2 deletions

View file

@ -316,7 +316,34 @@ video {
/* Jewellery /* 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 /* Collection
================*/ ================*/

View file

@ -3,9 +3,45 @@ $show_sep=true;
include('header.tpl'); 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>
<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'); ?> <?php include('footer.tpl'); ?>