code
This commit is contained in:
Vendored
+16
-2
@@ -80,6 +80,9 @@ body {
|
||||
.fw-600 {
|
||||
font-weight: 600; }
|
||||
|
||||
.h-200p {
|
||||
height: 200px; }
|
||||
|
||||
.button_dark {
|
||||
clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0);
|
||||
padding-right: 1.7rem;
|
||||
@@ -91,7 +94,8 @@ body {
|
||||
width: 40rem; }
|
||||
|
||||
.price_footer {
|
||||
background-color: #52cba5; }
|
||||
background-color: #52cba5;
|
||||
border: 2px solid; }
|
||||
|
||||
.boxImgContainer {
|
||||
width: 4rem; }
|
||||
@@ -114,4 +118,14 @@ body {
|
||||
min-height: 500px;
|
||||
width: 100%;
|
||||
background: white;
|
||||
background: linear-gradient(180deg, white 7%, #ff8e9e4d 52%, #eb869478 100%); }
|
||||
background: linear-gradient(180deg, white 7%, #ff8e9e4d 52%, #eb869478 100%);
|
||||
position: relative; }
|
||||
.PO_galleryContainer .PO_gallery_display .PO_gallery_display_img {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%); }
|
||||
|
||||
.PO_galleryContainer .PO_gallery_box_inner {
|
||||
padding: 2rem;
|
||||
background-color: #EEEEEE; }
|
||||
|
||||
Vendored
+39
-5
@@ -13,7 +13,7 @@
|
||||
|
||||
<body>
|
||||
|
||||
<header class=" bg-green">
|
||||
<header class=" bg-green vh-100">
|
||||
|
||||
<!-- navbar -->
|
||||
<div id="navbar-head"></div>
|
||||
@@ -80,15 +80,49 @@
|
||||
<div class="container PO_galleryContainer">
|
||||
<div class="p-6 pt-0">
|
||||
<div class="PO_gallery_display">
|
||||
<img src="./../../assets/" />
|
||||
<img class="PO_gallery_display_img" src="./../../assets/laptop_display.png" />
|
||||
</div>
|
||||
<div>
|
||||
box
|
||||
<div class="d-flex h-200p pt-5 justify-content-between align-items-center">
|
||||
<span class="PO_gallery_box h-100">
|
||||
<div class="PO_gallery_box_inner h-100">
|
||||
<img class="w-100 h-100" src="./../../assets/laptop_display.png" alt="photo">
|
||||
</div>
|
||||
</span>
|
||||
<span class="PO_gallery_box h-100">
|
||||
<div class="PO_gallery_box_inner h-100">
|
||||
<img class="w-100 h-100" src="./../../assets/laptop_display.png" alt="photo">
|
||||
</div>
|
||||
</span>
|
||||
<span class="PO_gallery_box h-100">
|
||||
<div class="PO_gallery_box_inner h-100">
|
||||
<img class="w-100 h-100" src="./../../assets/laptop_display.png" alt="photo">
|
||||
</div>
|
||||
</span>
|
||||
<span class="PO_gallery_box h-100">
|
||||
<div class="PO_gallery_box_inner h-100">
|
||||
<img class="w-100 h-100" src="./../../assets/laptop_display.png" alt="photo">
|
||||
</div>
|
||||
</span>
|
||||
<span class="PO_gallery_box h-100">
|
||||
<div class="PO_gallery_box_inner h-100">
|
||||
<img class="w-100 h-100" src="./../../assets/laptop_display.png" alt="photo">
|
||||
</div>
|
||||
</span>
|
||||
<span class="PO_gallery_box h-100">
|
||||
<div class="PO_gallery_box_inner h-100">
|
||||
<img class="w-100 h-100" src="./../../assets/laptop_display.png" alt="photo">
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- photos display end -->
|
||||
|
||||
|
||||
<!-- specs -->
|
||||
|
||||
<!-- specs end -->
|
||||
|
||||
<!-- footer -->
|
||||
<div id="footer-head"></div>
|
||||
<!-- end-footer -->
|
||||
|
||||
Reference in New Issue
Block a user