sachin.ganesh
/
anwi_website
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
Pārlūkot izejas kodu

code

sachinganesh 2 gadus atpakaļ
vecāks
313fae620d
revīzija
dccebdf249
3 mainītis faili ar 29 papildinājumiem un 15 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 6
    0
      dist/css/main.css
  2. 15
    15
      dist/html/pages/laptopmulti.html
  3. 8
    0
      scss/base/_utilities.scss

+ 6
- 0
dist/css/main.css Parādīt failu 

@@ -53,6 +53,12 @@ body {
53 53 
 .padding_top_14 {
54 54 
   padding-top: 14rem; }
55 55
56 
+.vh_60 {
57 
+  height: 60vh; }
58 
+
59 
+.vh-77 {
60 
+  height: 77vh; }
61 
+
56 62 
 .vh-85 {
57 63 
   height: 85vh; }
58 64

+ 15
- 15
dist/html/pages/laptopmulti.html Parādīt failu 

@@ -14,12 +14,12 @@
14 14 
 <body>
15 15
16 16 
     <header class=" bg-green">
17 
-
18 
-            <!-- navbar -->
19 
-            <div id="navbar-head"></div>
20 
-            <!-- end-navbar -->
21 
-
22 
-        <div class="container vh-85 text-white ">
17 
+
18 
+        <!-- navbar -->
19 
+        <div id="navbar-head"></div>
20 
+        <!-- end-navbar -->
21 
+
22 
+        <div class="container vh-77 text-white ">
23 23 
             <div class="row h-100">
24 24 
                 <div class="col-sm-4 padding_top_14 ">
25 25 
                     <h1 class="banner_heading_4">Anwi XCreate</h1>
 
@@ -66,19 +66,19 @@
66 66
67 67 
     </header>
68 68 
     <section class="productOverview container">
69 
-       <div class=" d-flex align-items-center container justify-content-between">
70 
-        <div>Overview</div>
71 
-        <div>The Laptop of tomorrow with
72 
-            4K OLED Dual Screen for Creative Multitasking</div>
69 
+        <div class=" d-flex align-items-center container justify-content-between">
70 
+            <div>Overview</div>
71 
+            <div>The Laptop of tomorrow with
72 
+                4K OLED Dual Screen for Creative Multitasking</div>
73 73 
             <div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
74 74 
                 invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit
75 75 
                 amet, consetetur sadipscing elitr, sed diam nonumy eirmod</div>
76 
-       </div>
76 
+        </div>
77 77 
     </section>
78 78
79 
-       <!-- footer -->
80 
-       <div id="footer-head"></div>
81 
-       <!-- end-footer -->
79 
+    <!-- footer -->
80 
+    <div id="footer-head"></div>
81 
+    <!-- end-footer -->
82 82
83 83 
     <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
84 84 
     <script src="../../js/jquery.min.js"></script>
 
@@ -87,4 +87,4 @@
87 87
88 88 
 </body>
89 89
90 
-</html>
90 
+</html>

+ 8
- 0
scss/base/_utilities.scss Parādīt failu 

@@ -33,6 +33,14 @@
33 33
34 34 
 // heights
35 35
36 
+.vh_60{
37 
+  height: 60vh;
38 
+}
39 
+
40 
+.vh-77{
41 
+  height: 77vh;
42 
+}
43 
+
36 44 
 .vh-85 {
37 45 
   height: 85vh;
38 46 
 }

Rakstīt Priekšskatītījums
Notiek ielāde…
Atcelt
Saglabāt