sachin.ganesh/anwi_website
1
0
Forka 0
Codice Problemi Pull Request Rilasci Wiki Attività

add folders

Sfoglia il codice sorgente
This commit is contained in:
sachinganesh
2023-01-20 10:58:18 +05:30
parent 90cb591de3
commit 6b59fa580e
13 ha cambiato i file con 224 aggiunte e 103 eliminazioni
Scarica il file Patch Scarica il file Diff Expand all files Collapse all files
dist/css/main.css
esterno
+54 -24
Vedi File
@@ -1,24 +1,71 @@
*, ::before, ::after {
padding: 0;
/*
0 - 600px: Phone
600 - 900px: Tablet portrait
900 - 1200px: Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + : Big desktop
$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop
ORDER: Base + typography > general layout + grid > page layout > components
1em = 16px
*/
*,
*::after,
*::before {
margin: 0;
box-sizing: border-box; }
padding: 0;
box-sizing: inherit; }
html {
font-size: 16px; }
font-size: 100%; }
body {
box-sizing: border-box; }
@media only screen and (max-width: 56.25em) {
body {
padding: 0; } }
.bg-green {
background-color: #3BB78F;
background: linear-gradient(90deg, #3BB78F 0%, #0bab64 35%, #3bb78f 100%); }
background-color: #3bb78f;
background: linear-gradient(90deg, #3bb78f 0%, #0bab64 35%, #3bb78f 100%); }
.banner_heading_4 {
.font-3 {
font-size: 3rem; }
.font-1_5 {
font-size: 2rem; }
.subtitle_1 {
font-size: 1.5rem; }
.gap-1 {
gap: 0.7rem; }
.banner_heading_4 {
font-size: 3rem; }
.padding_top_14 {
padding-top: 14rem; }
.vh-85 {
height: 85vh; }
.vh-15 {
height: 15vh; }
.button_dark {
clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0);
padding-right: 1.7rem;
padding-bottom: 0.6rem;
padding-top: 0.6rem;
border-radius: 10px; }
.photo_dual {
width: 40rem; }
@@ -28,22 +75,5 @@ html {
.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/index.html
esterno
+3 -3
Vedi File
@@ -30,9 +30,9 @@
<div id="footer-head"></div>
<!-- end-footer -->
<script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../../Js/jquery.min.js"></script>
<script src="../../Js/navbar.js"></script>
<script src="../../Js/footer.js"></script>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/navbar.js"></script>
<script src="../../js/footer.js"></script>
</body>
</html>
dist/html/pages/laptopmulti.html
esterno
+24
Vedi File
@@ -12,7 +12,13 @@
</head>
<body>
<header class=" bg-green">
<!-- navbar -->
<div id="navbar-head"></div>
<!-- end-navbar -->
<div class="container vh-85 text-white ">
<div class="row h-100">
<div class="col-sm-4 padding_top_14 ">
@@ -59,8 +65,26 @@
</div>
</header>
<section class="productOverview container">
<div class=" d-flex align-items-center container justify-content-between">
<div>Overview</div>
<div>The Laptop of tomorrow with
4K OLED Dual Screen for Creative Multitasking</div>
<div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod</div>
</div>
</section>
<!-- footer -->
<div id="footer-head"></div>
<!-- end-footer -->
<script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/navbar.js"></script>
<script src="../../js/footer.js"></script>
</body>
</html>