sachinganesh 2 年前
父节点
当前提交
dccebdf249
共有 3 个文件被更改,包括 29 次插入15 次删除
  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 查看文件

@@ -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 查看文件

@@ -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 查看文件

@@ -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
 }

正在加载...
取消
保存