sachin.ganesh/anwi_website
1
0
Fork 0
Koodi Ongelmat Pull-pyynnöt Julkaisut Wiki Toiminta

headermuli

Selaa lähdekoodia
This commit is contained in:
sachinganesh
2023-01-19 18:45:21 +05:30
vanhempi d0e512196b
commit eb816fc2b5
5 muutettua tiedostoa jossa 121 lisäystä ja 23 poistoa
Download Patch File Download Diff File Expand all files Collapse all files
dist/assets/box.png
Vendored
BIN
Näytä tiedosto
Binary file not shown.
Side by Side

After

Leveys:  |  Korkeus:  |  Koko: 11 KiB

dist/assets/laptop.png
Vendored
BIN
Näytä tiedosto
Binary file not shown.
Side by Side

After

Leveys:  |  Korkeus:  |  Koko: 1.0 MiB

dist/css/main.css
Vendored
+31 -4
Näytä tiedosto
@@ -11,10 +11,37 @@ html {
background: linear-gradient(90deg, #3BB78F 0%, #0bab64 35%, #3bb78f 100%); }
.banner_heading_4 {
font-size: 4rem; }
font-size: 3rem; }
.subtitle_1 {
font-size: 1rem; }
font-size: 1.5rem; }
.padding_top_12 {
padding-top: 12rem; }
.padding_top_14 {
padding-top: 14rem; }
.photo_dual {
width: 40rem; }
.price_footer {
background-color: #52cba5; }
.boxImgContainer {
width: 4rem; }
.vh-85 {
height: 85vh; }
.vh-15 {
height: 15vh; }
.font-3 {
font-size: 3rem; }
.font-1_5 {
font-size: 2rem; }
.gap-1 {
font-size: 0.7rem; }
.priceCut_multi {
font-size: .7rem; }
dist/html/pages/laptopmulti.html
Vendored
+53 -15
Näytä tiedosto
@@ -1,28 +1,66 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="./../../css/main.css" />
<title>project</title>
</head>
<body>
<div class=" bg-green vw-100 vh-100">
<div class="container h-100 text-white">
<div class="col-sm-4 padding_top_12 ">
<h1 class="banner_heading_4">Anwi xCreate</h1>
<div class="subtitle_12">2.5 Resolution | 120 Hz Refresh Rate</div>
</div>
<div class="col-sm-7">
</head>
<body>
<header class=" bg-green">
<div class="container vh-85 text-white ">
<div class="row h-100">
<div class="col-sm-4 padding_top_14 ">
<h1 class="banner_heading_4">Anwi XCreate</h1>
<div class="subtitle_1">2.5K Resolution | 120 Hz Refresh Rate</div>
</div>
<div class="col-sm-7 h-100">
<div class="d-flex align-items-end justify-content-end h-100">
<div class="photo_dual">
<img class="w-100 h-100" src="./../../assets/laptop.png" alt="laptop">
</div>
</div>
</div>
</div>
</div>
<div class="price_footer vh-15 py-4 ">
<div class="d-flex align-items-center container justify-content-between">
<div class="d-flex">
<div class="boxImgContainer">
<img class="w-100 h-100" src="./../../assets/box.png" alt="box" />
</div>
<div class="ps-3">
<div class="fw-bold">Delivery</div>
<div>See estimated delivery times by</div>
<div>entering your PIN code</div>
</div>
</div>
<div class="d-flex align-items-center">
<div class="pe-5">
<div class="font-1_5 fw-bold">$69,999.00</div>
<div class="d-flex align-items-center justify-content-end gap-1 priceCut_multi">
<span class="text-decoration-line-through pe-3">$ 89,999</span><span> Save $ 19,999</span>
</div>
</div>
<div>
<div>
<button>Add to Cart</button>
</div>
<div>No Cost EMI Available <span>Learn more</span></div>
</div>
</div>
</div>
</div>
</div>
</header>
<script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
<script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>