Fabian/kbm-html
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

abcdefghijklmnopqrstuvwxyz

Browse Source
This commit is contained in:
Fabian Märker
2021-12-06 10:23:42 +01:00
parent 88894875c6
commit 6228dc04f0
2 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
assets/seiten/css/shop.css
View File

@@ -15,26 +15,32 @@
width: 80%; width: 80%;
height: 25%; height: 25%;
transition: all 0.5s ease-in; transition: all 0.5s ease-in;
display: flex;
align-items: center;
} }
.item:hover { .item:hover {
transition: all 0.5s ease-in; transition: all 0.5s ease-in;
width: 81%; width: 81%;
height: 26%; height: 26%;
} }
.top { .top{
margin-top: 6.5%; margin-top: 6.5%;
} }
.shop-img img { .shop-img img {
margin-left: 1%; margin-left: 1%;
border-radius: 1em; border-radius: 1em;
border: 0.05em solid #121212; border: 0.05em solid #121212;
margin-top: 0.5%;
margin-bottom: 0.5%;
height: 90%; height: 90%;
width: 15%; width: 90%;
} }
.shop-img a { .shop-img a {
margin-left: 1%; margin-left: 1%;
height: 90%; height: 90%;
width: 10%; width: 10%;
} }
.item-desc {
margin-top: 1%;
height: 90%;
width: 80%;
}

12
assets/seiten/shop.html
View File

@@ -22,16 +22,20 @@
</div> </div>
<div class="seite"> <div class="seite">
<h1 class="hdline">Neuwaren Shop</h1> <h1 class="hdline">Neuwaren Shop</h1>
<!-- Shop Items --> <!-- Shop Items -->
<div class="top item"> <div class="top item">
<a class="shop-img" href="../bilder/SignIn_Button.jpg"> <a class="shop-img" href="../bilder/SignIn_Button.jpg">
<img class="shop-img" src="../bilder/SignIn_Button.jpg"/> <img class="shop-img" src="../bilder/SignIn_Button.jpg"/>
</a> </a>
<div class="item-desc">
<h1>Name</h1>
<p>Description</p>
<p>Preis</p>
</div>
<!-- Keine Ahnung warum das unter dem item div ist --> <!-- Keine Ahnung warum das unter dem item div ist -->
<h1 class="item-name">Name</h1>
<p class="item-desc">Beschreibung</p>
<p class="price">Preis</p>
</div> </div>
</div> </div>
<!-- On Top Knopf --> <!-- On Top Knopf -->