sachin.ganesh/anwi_website
1
0
Çatalla 0
Kod Konular Değişiklik İstekleri Sürüm Viki Aktivite

headermuli

Kaynağa Gözat
Bu işleme şunda yer alıyor:
sachinganesh
2023-01-19 18:45:21 +05:30
ebeveyn d0e512196b
işleme eb816fc2b5
5 değiştirilmiş dosya ile 121 ekleme ve 23 silme
Yama Dosyasını İndir Diff Dosyasını İndir Tüm dosyaları genişlet Tüm dosyaları daralt
dist/assets/box.png
Sağlanmış
BIN
Dosyayı Görüntüle
İkili dosya gösterilmiyor.
Yan Yana

Sonra

Genişlik:  |  Yükseklik:  |  Boyut: 11 KiB

dist/assets/laptop.png
Sağlanmış
BIN
Dosyayı Görüntüle
İkili dosya gösterilmiyor.
Yan Yana

Sonra

Genişlik:  |  Yükseklik:  |  Boyut: 1.0 MiB

dist/css/main.css
Sağlanmış
+31 -4
Dosyayı Görüntüle
@@ -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
Sağlanmış
+53 -15
Dosyayı Görüntüle
@@ -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>
scss/main.scss
+37 -4
Dosyayı Görüntüle
@@ -18,16 +18,49 @@ html{
}
.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;
}