added hero section

pda-mit · Dec 23, 2021 · af7da53 · af7da53
1 parent e137e86
commit af7da53
Show file tree

Hide file tree

Showing 10 changed files with 92 additions and 3 deletions.
diff --git a/public/css/aos.css b/public/css/aos.css
diff --git a/public/css/bootstrap.min.css b/public/css/bootstrap.min.css
diff --git a/public/css/styles.css b/public/css/styles.css
@@ -0,0 +1,28 @@
+
+  /* bg overlay */
+
+  .bg-overlay {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0.85;
+  }
+
+
+  /* Hero */
+
+  .hero {
+    background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/dce3647b-6179-463c-b4c8-bd642f5bb216/da4f4gg-be1f2697-69ac-4569-9c34-ac77393df366.png/v1/fill/w_1192,h_670,q_70,strp/wallpapers___cyan_abstract_polygons__black_bg__by_kaminohunter_da4f4gg-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTA4MCIsInBhdGgiOiJcL2ZcL2RjZTM2NDdiLTYxNzktNDYzYy1iNGM4LWJkNjQyZjViYjIxNlwvZGE0ZjRnZy1iZTFmMjY5Ny02OWFjLTQ1NjktOWMzNC1hYzc3MzkzZGYzNjYucG5nIiwid2lkdGgiOiI8PTE5MjAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.rTjpLhbJtVlXj8_hdIt0A4994rQ-A0G8G_0YCZt_1-E');
+    background-size: cover;
+    background-position: top;
+    background-repeat: no-repeat;
+    vertical-align: middle;
+    min-height: 100vh;
+    position: relative;
+  }
+
+
diff --git a/public/img/pda-logo.png b/public/img/pda-logo.png
diff --git a/public/js/aos.js b/public/js/aos.js
diff --git a/public/js/bootstrap.min.js b/public/js/bootstrap.min.js
diff --git a/public/js/jquery.min.js b/public/js/jquery.min.js
diff --git a/public/js/smoothscroll.js b/public/js/smoothscroll.js
diff --git a/views/header.ejs b/views/header.ejs
@@ -6,9 +6,8 @@
         <meta http-equiv="X-UA-Compatible" content="ie=edge">
         <title>PDA MIT</title>
         <!-- Pre-build CSS -->
+        <link rel="stylesheet" href="css/bootstrap.min.css">
         <!-- Custom CSS -->
         <link rel="stylesheet" href="css/styles.css">
-        <!-- fontawesome icon script -->
-        <script src="https://kit.fontawesome.com/cb38b9c56f.js" crossorigin="anonymous"></script>
     </head>
     <body>