making and accessing html pages

codingXpert · Jun 30, 2022 · 0546f33 · 0546f33
1 parent e5e9ac2
commit 0546f33
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 0 deletions.
diff --git a/index.js b/index.js
@@ -0,0 +1,16 @@
+const express =require('express');
+const path = require('path');
+const port =5000;
+
+const app = express();
+const publicPath = path.join(__dirname , 'public');
+console.log(publicPath);
+
+//linking all the files of public folder to be render on browser
+app.use(express.static(publicPath));
+
+app.listen(port , (err) => {
+    if(!err){
+        console.log(`Server is running on the port::  ${port}`  )
+    }
+});
diff --git a/public/about.html b/public/about.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About Page</title>
+</head>
+<body>
+    <h1>About Page</h1>
+    <style>
+        h1{
+            color: blue;
+        }
+    </style>
+</body>
+</html>
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Index page</title>
+</head>
+<body>
+    <h1>Index page</h1>
+    <style>
+      h1{
+        color: red;
+      }  
+    </style>
+</body>
+</html>