enactus-adgitm · lakshita15 · Dec 19, 2020 · Dec 19, 2020 · Dec 19, 2020
diff --git a/abeer/enactus-logo-white.png b/abeer/enactus-logo-white.png
diff --git a/abeer/index.html b/abeer/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
+        integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+    </link>
+    <link rel="stylesheet" href="./style.css">
+    <title>Document</title>
+</head>
+
+<body>
+    <div class="header">
+        <div class="enactus-logo">
+            <img src="./enactus-logo-white.png" alt="" />
+        </div>
+        <div class="header-links">
+            <ul>
+                <li><a href="/">HOME</a></li>
+                <li><a href="#about">ABOUT</a></li>
+                <li><a href="#shop-now">SHOP NOW</a></li>
+                <li><a href="#learn-more">LEARN MORE</a></li>
+            </ul> 
+        </div>
+    </div>
+
+
+
+
+
+
+
+    <script src="./script.js"></script>
+</body>
+
+</html>
diff --git a/abeer/index.js b/abeer/index.js
@@ -0,0 +1,11 @@
+const express = require("express");
+const router = express.Router();
+const path = require("path");
+
+router.use(express.static(path.join(__dirname)));
+
+router.get("/", (req, res) => {
+  res.sendFile(path.join(__dirname + "/index.html"));
+});
+
+module.exports = router;
diff --git a/abeer/script.js b/abeer/script.js
diff --git a/abeer/style.css b/abeer/style.css
@@ -0,0 +1,66 @@
+body {
+	margin: 0;
+	background-color: #cecece;
+	min-height: 200vh;
+	font-family: "Segoe UI", Roboto, "Open Sans", "Helvetica Neue", sans-serif;
+}
+
+.header {
+	height: 88px;
+	display: flex;
+	width: 100%;
+	background: black;
+	justify-content: space-between;
+}
+.enactus-logo {
+	height: 100%;
+	max-width: 120px;
+	object-fit: contain;
+	margin-left: 30px;
+}
+
+.enactus-logo > img {
+	max-width: 100%;
+	transform: scale(1.3);
+}
+
+li {
+	list-style: none;
+}
+
+.header-links {
+	display: flex;
+	justify-content: space-around;
+	justify-items: center;
+	align-items: center;
+	text-align: center;
+	color: rgb(230, 216, 216);
+	font-weight: 400;
+	font-size: 1.04rem;
+	transition: transform 1s;
+	margin: auto 1.3rem;
+}
+
+ul {
+	display: flex;
+	justify-content: space-around;
+	justify-items: center;
+	align-items: center;
+	text-align: center;
+}
+
+ul > li {
+	margin: auto 0.6rem;
+}
+.header-links > ul > li:hover {
+	--color: #f3d581;
+	border-bottom: 0.05rem solid var(--color);
+	transform: scale(1.12);
+	color: var(--color);
+	cursor: pointer;
+}
+
+a {
+	text-decoration: none;
+	color: inherit;
+}
diff --git a/app.js b/app.js
@@ -16,6 +16,10 @@ app.set("view engine", "html");
 const astitva = require("./Astitva/");
 //astitva page
 app.use("/project-astitva", astitva);
+//abeer
+const abeer = require("./abeer/");
+
+app.use("/project-abeer", abeer);
 
 //home page
 const homePage = require("./Home");