Browse Source

Added navbar and footer structure

ananthvijay 2 years ago
parent
commit
bbb38bca42
3 changed files with 38 additions and 7 deletions
  1. 2
    0
      dist/css/main.css
  2. 28
    7
      dist/html/pages/index.html
  3. 8
    0
      scss/main.scss

+ 2
- 0
dist/css/main.css View File

@@ -45,3 +45,5 @@ html {
45 45
 
46 46
 .priceCut_multi {
47 47
   font-size: .7rem; }
48
+
49
+

+ 28
- 7
dist/html/pages/index.html View File

@@ -1,17 +1,38 @@
1 1
 <!DOCTYPE html>
2 2
 <html lang="en">
3
+
3 4
   <head>
4 5
     <meta charset="UTF-8" />
5 6
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 7
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
7
-   
8
-    <link  rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
8
+
9
+    <link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css"
10
+      />
9 11
     <link rel="stylesheet" href="./../../css/main.css" />
10
-    <title>project</title>
12
+    <title>Anwi</title>
11 13
   </head>
12
-  <body>
13
-  <div class="bg-primary">hello</div>
14 14
 
15
-  <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
15
+  <body>
16
+    <header>
17
+      <!-- navbar -->
18
+      <div id="navbar-head"></div>
19
+      <!-- end-navbar -->
20
+    </header>
21
+    <hr class="mx-5">
22
+    <main class="container">
23
+      <section>
24
+        <div>
25
+          <h1>banner space</h1>
26
+        </div>
27
+      </section>
28
+    </main>
29
+    <!-- footer -->
30
+    <div id="footer-head"></div>
31
+    <!-- end-footer -->
32
+    <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
33
+    <script src="../../Js/jquery.min.js"></script>
34
+    <script src="../../Js/navbar.js"></script>
35
+    <script src="../../Js/footer.js"></script>
16 36
   </body>
17
-</html>
37
+
38
+</html>

+ 8
- 0
scss/main.scss View File

@@ -63,4 +63,12 @@ html{
63 63
 
64 64
 .priceCut_multi{
65 65
   font-size: .7rem;
66
+}
67
+// button
68
+.button_dark{
69
+  clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0);
70
+  padding-right: 1.7rem;
71
+  padding-bottom: 0.6rem;
72
+  padding-top: 0.6rem;
73
+  border-radius: 10px;
66 74
 }

Loading…
Cancel
Save