info 페이지 css

 var template = require('./template.js');
 exports.info = function(request, response){
-    var title = 'HealthProtector란?';
-    var description = '개개인의 신체 정보에 따라 일일 권장 섭취량을 알려주고, 좋아하는 음식을 검색하면 영양정보를 알려주는 사이트 입니다.';
+    var title = 'HealthProtector';
+    var description = '개개인의 신체 정보에 따라 일일 권장 섭취량을 알려주고,<br> 좋아하는 음식을 검색하면 영양정보를 알려주는 등 <br> 사용자의 건강을 지켜주는 사이트 입니다.';
     var html = template.html(title,`
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');
@@ -11,21 +11,35 @@ exports.info = function(request, response){
             text-align:center;
             border:0px solid none;
             margin:0px 0px 0px 0px;
-            
+
         }
-        a { text-decoration:none; }
-        a:visited { text-decoration: none; }
-        a:hover { text-decoration: none; }
-        a:focus { text-decoration: none; }
-        a:hover, a:active { text-decoration: none; }
+        #info{
+           font-family: 'Do Hyeon', sans-serif;
         }
-        </div>
     </style>
     <br><br><br>
     <div style= font-size:20px; "font-family: 'Do Hyeon', sans-serif;">
-        <h2>${title}</h2>
+        <h1>${title}</h1>
+        <hr style= "width : 200px;height:2px;background-color:black">
         <h3>${description}</h3>
     </div>
+    <br>
+
+
+    <div id= "info"  >
+        <h1>Contact</h1>   
+        <hr style= "width : 145px;height:2px;background-color:black">
+        <h4><font color="gray">피드백, 오류 등의 연락은 언제나 환영입니다!</font></h4>
+        <h3>경희대학교 컴퓨터공학과&emsp;&emsp; &emsp; 경희대학교 컴퓨터공학과</h3>
+        <h2 style="marin:0px;margin-top: 0px;margin-bottom: 0px;">김동진  &emsp;&emsp;&emsp; &emsp;&emsp;&emsp; &nbsp;   양효빈</h2>
+        <h3 style= "margin-top: 0px;margin-bottom: 0px;">&nbsp;rlaehdwls310@khu.ac.kr&emsp;&emsp;&emsp;&emsp;qls0786@khu.ac.kr&emsp;</h3>
+    </div>
+
+
+
+
+
+
 
 
 

@@ -29,16 +29,20 @@ module.exports = {
             }
             </div>
             </style>
-            <div style="font-family: 'Do Hyeon', sans-serif;";>
+            <div style="font-family: 'Do Hyeon', sans-serif;">
                 
-                <h3 style=width:180px;float:left;><a href="/"><font color="black">HealthProtector</font></a></h3>
-                <h3 style=width:120px;float:left;><a href="/countKcal"><font color="black">칼로리 계산</font></a></h3>
-                <h3 style=width:120px;float:left;><a href="/searchGym"><font color="black">헬스장 찾기</a></h3> 
-                <h3 style=width:120px;float:left;><a href="/foodInfo"><font color="black">식품 영양정보</font></a></h3>
+                <h3 style=width:180px;float:left;><a href="/"><font color="#213b19">HealthProtector</font></a></h3>
+                <h3 style=width:120px;float:left;><a href="/countKcal"><font color="#213b19">칼로리 계산</font></a></h3>
+                <h3 style=width:120px;float:left;><a href="/searchGym"><font color="#213b19">헬스장 찾기</font></a></h3> 
+                <h3 style=width:120px;float:left;><a href="/foodInfo"><font color="#213b19">식품 영양정보</font></a></h3>
                 
-                <h3 style=width:150px;float:right;><i class="fas fa-info-circle fa-3x"style="font-size: 20px";></i><a href="/info"><font color="black">&nbsp;Info</font></a></h3>
-               
+                <div style="color :#213b19";>
+                <h3 style=width:160px;float:right;>
+                <i class="fas fa-info-circle fa-3x"style="font-size: 20px;"></i><a href="/info"><font color="#213b19">&nbsp;Info</font></a></h3>
+                </div>
             </div>
+
+            
             <hr width = "100%" color ="#213b19" style=margin:0px;>
                 ${body}
             <div style= width:100%;font-size:9px;position:fixed;bottom:0;float:left;padding:0px;background-color:#213b19;>

@@ -53,4 +53,6 @@ var app = http.createServer(function(request,response){
     response.end("Not found");
     }
 });
-app.listen(23000);
\ No newline at end of file
+app.listen(process.env.PORT || 23000, function(){
+    console.log("Server on!");
+});
\ No newline at end of file

@@ -3,23 +3,21 @@
   "version": "1.0.0",
   "description": "",
   "main": "main.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "author": "",
-  "license": "ISC",
   "directories": {
     "lib": "lib"
   },
+  "dependencies": {
+    "jquery": "^3.5.1",
+    "mysql": "^2.18.1"
+  },
+  "devDependencies": {},
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
   "repository": {
     "type": "git",
     "url": "http://khuhub.khu.ac.kr/2019102154/HealthProtector.git"
   },
-  "dependencies": {
-    "jquery": "^3.5.1",
-    "mysql": "^2.18.1",
-    "pm2": "^4.5.0",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
-  }
+  "author": "",
+  "license": "ISC"
 }