This commit is contained in:
2023-01-20 14:56:08 +05:30
parent cac18aed87
commit 34b451c0b6
16 changed files with 55 additions and 1572 deletions
+16 -2
View File
@@ -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; }
+39 -5
View File
@@ -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 -->