sachin.ganesh
/
anwi_website
보기 1
좋아요 0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 Activity
소스 검색

code

sachinganesh 2 년 전
부모
313fae620d
커밋
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 
 .padding_top_14 {
 53 
 .padding_top_14 {
54 
   padding-top: 14rem; }
 54 
   padding-top: 14rem; }
55
55
56 
+.vh_60 {
57 
+  height: 60vh; }
58 
+
59 
+.vh-77 {
60 
+  height: 77vh; }
61 
+
56 
 .vh-85 {
 62 
 .vh-85 {
57 
   height: 85vh; }
 63 
   height: 85vh; }
58
64

+ 15
- 15
dist/html/pages/laptopmulti.html 파일 보기

14 
 <body>
 14 
 <body>
15
15
16 
     <header class=" bg-green">
 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 
             <div class="row h-100">
 23 
             <div class="row h-100">
24 
                 <div class="col-sm-4 padding_top_14 ">
 24 
                 <div class="col-sm-4 padding_top_14 ">
25 
                     <h1 class="banner_heading_4">Anwi XCreate</h1>
 25 
                     <h1 class="banner_heading_4">Anwi XCreate</h1>
66
66
67 
     </header>
 67 
     </header>
68 
     <section class="productOverview container">
 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 
             <div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
 73 
             <div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
74 
                 invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit
 74 
                 invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit
75 
                 amet, consetetur sadipscing elitr, sed diam nonumy eirmod</div>
 75 
                 amet, consetetur sadipscing elitr, sed diam nonumy eirmod</div>
76 
-       </div>
76 
+        </div>
77 
     </section>
 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 
     <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
 83 
     <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
84 
     <script src="../../js/jquery.min.js"></script>
 84 
     <script src="../../js/jquery.min.js"></script>
87
87
88 
 </body>
 88 
 </body>
89
89
90 
-</html>
90 
+</html>

+ 8
- 0
scss/base/_utilities.scss 파일 보기

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

Write Preview
Loading…
취소
저장