revamped the directory structure

Abhiram-J · Sep 20, 2023 · 475ef0b · 475ef0b
1 parent 4db56cf
commit 475ef0b
Show file tree

Hide file tree

Showing 15 changed files with 36 additions and 34 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+pages/awesome.html
+pages/awesome.css
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
       href="https://fonts.googleapis.com/css?family=Lato"
       rel="stylesheet"
     />
-    <link rel="stylesheet" href="indexstyles.css" />
+    <link rel="stylesheet" href="styles/indexstyles.css" />
   </head>
   <body>
     <div class="container">
@@ -18,7 +18,7 @@
           </div>
 
           <div class="nav-link-wrapper">
-            <a href="about.html">About us </a>
+            <a href="pages/about.html">About us </a>
           </div>
         </div>
 
@@ -41,7 +41,7 @@
               <div class="logo-wrapper"></div>
 
               <div class="subtitle">
-                <a href="corona.html"
+                <a href="pages/corona.html"
                   >To learn more about corona virus click here
                 </a>
               </div>
@@ -57,7 +57,7 @@
               <div class="logo-wrapper"></div>
 
               <div class="subtitle">
-                <a href="symptoms.html"
+                <a href="pages/symptoms.html"
                   >To learn more about the symptoms of viral infection click here
                 </a>
               </div>
@@ -73,7 +73,7 @@
               <div class="logo-wrapper"></div>
 
               <div class="subtitle">
-                <a href="hospital.html">To find nearby hospitals click here </a>
+                <a href="pages/hospital.html">To find nearby hospitals click here </a>
               </div>
             </div>
           </div>
@@ -105,7 +105,7 @@
               <div class="logo-wrapper"></div>
 
               <div class="subtitle">
-                <a href="fighters.html"
+                <a href="pages/fighters.html"
                   >To know more about corona fighters click
                   here</a
                 >
@@ -122,7 +122,7 @@
               <div class="logo-wrapper"></div>
 
               <div class="subtitle">
-                <a href="prevent.html"
+                <a href="pages/prevent.html"
                   >To view preventive measures click
                   here
                 </a>

diff --git a/about.html → pages/about.html b/about.html → pages/about.html
@@ -7,15 +7,15 @@
       href="https://fonts.googleapis.com/css?family=Lato"
       rel="stylesheet"
     />
-    <link rel="stylesheet" href="indexstyles.css" />
+    <link rel="stylesheet" href="../styles/indexstyles.css" />
   </head>
 
   <body>
     <div class="container">
       <div class="nav-wrapper">
         <div class="left-side">
           <div class="nav-link-wrapper">
-            <a href="index.html">Home</a>
+            <a href="../index.html">Home</a>
           </div>
 
           <div class="nav-link-wrapper active-nav-link">
@@ -31,7 +31,7 @@
       <div class="content-wrapper">
         <div class="two-column-wrapper">
           <div class="profile-image-wrapper">
-            <img src="images/us.jpg" alt="" />
+            <img src="../images/us.jpg" alt="" />
           </div>
 
           <div class="profile-content-wrapper">

diff --git a/awersome.html → pages/awersome.html b/awersome.html → pages/awersome.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="awesome.css" />
+    <link rel="stylesheet" href="../styles/awesome.css" />
     <title>awesome</title>
   </head>
   <body>

diff --git a/corona.html → pages/corona.html b/corona.html → pages/corona.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="utf-9">
   <title>Corona</title>
-  <link rel="stylesheet" href="coronastyles.css">
+  <link rel="stylesheet" href="../styles/coronastyles.css">
   <link href="https://fonts.googleapis.com/css1?family=Changa&family=Orbitron:wght@500&family=Sacramento&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css1?family=Redressed&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css1?family=Montserrat:wght@300&display=swap" rel="stylesheet">
@@ -61,7 +61,7 @@
     <div class="portfolio-items-wrapper">
 
       <div class="portfolio-item-wrapper">
-        <div class="portfolio-img-background" style="background-image:url(images/Virus.jpg);"></div>
+        <div class="portfolio-img-background" style="background-image:url(../images/Virus.jpg);"></div>
 
         <div class="img-text-wrapper">
           <div class="logo-wrapper">
@@ -73,7 +73,7 @@
       </div>
 
       <div class="portfolio-item-wrapper">
-        <div class="portfolio-img-background" style="background-image:url(images/deaths.jpeg);"></div>
+        <div class="portfolio-img-background" style="background-image:url(../images/deaths.jpeg);"></div>
         <div class="img-text-wrapper">
           <div class="logo-wrapper">
 
@@ -84,7 +84,7 @@
       </div>
 
       <div class="portfolio-item-wrapper">
-        <div class="portfolio-img-background" style="background-image:url(images/world.png)"></div>
+        <div class="portfolio-img-background" style="background-image:url(../images/world.png)"></div>
         <div class="img-text-wrapper">
           <div class="logo-wrapper">
 
@@ -96,7 +96,7 @@
       </div>
 
       <div class="portfolio-item-wrapper">
-        <div class="portfolio-img-background" style="background-image:url(images/mask.jpg)"></div>
+        <div class="portfolio-img-background" style="background-image:url(../images/mask.jpg)"></div>
         <div class="img-text-wrapper">
           <div class="logo-wrapper">
 
@@ -107,7 +107,7 @@
       </div>
 
       <div class="portfolio-item-wrapper">
-        <div class="portfolio-img-background" style="background-image:url(images/Vaccine.jpg)"></div>
+        <div class="portfolio-img-background" style="background-image:url(../images/Vaccine.jpg)"></div>
         <div class="img-text-wrapper">
           <div class="logo-wrapper">
 
@@ -118,7 +118,7 @@
       </div>
 
       <div class="portfolio-item-wrapper">
-        <div class="portfolio-img-background" style="background-image:url(images/Master.jpg)"></div>
+        <div class="portfolio-img-background" style="background-image:url(../images/Master.jpg)"></div>
         <div class="img-text-wrapper">
           <div class="logo-wrapper">
 

diff --git a/fighters.html → pages/fighters.html b/fighters.html → pages/fighters.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>Fighters</title>
-    <link rel="stylesheet" href="fightersstyles.css">
+    <link rel="stylesheet" href="../styles/fightersstyles.css">
     <link href="https://fonts.googleapis.com/css2?family=Changa&family=Orbitron:wght@500&family=Sacramento&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Redressed&display=swap" rel="stylesheet">
@@ -14,7 +14,7 @@
   </head>
   <body>
     <div class="salute">
-      <img style="width:100%; height:750px;" src="images/thanks.jpg" alt="salute">
+      <img style="width:100%; height:750px;" src="../images/thanks.jpg" alt="salute">
     </div>
     <div class="head">
       <h1>A tribute to Frontline Corona Warriors</h1>

diff --git a/hospital.html → pages/hospital.html b/hospital.html → pages/hospital.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>Hospitals</title>
-    <link rel="stylesheet" href="hospitalsstyles.css">
+    <link rel="stylesheet" href="../styles/hospitalsstyles.css">
     <link href="https://fonts.googleapis.com/css2?family=Changa&family=Orbitron:wght@500&family=Sacramento&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Redressed&display=swap" rel="stylesheet">
@@ -21,7 +21,7 @@ <h2 class="auth">-Erich Marie Remarque</h2>
    <p style="font-size:30px;">So, We have done the work for you.And here is a list of some Hospitals that you might find in par with your standards.</p>
 </div>
 <div class="maincari">
-  <img class="hospimg" src="images/cari.jpg" alt="hospital">
+  <img class="hospimg" src="../images/cari.jpg" alt="hospital">
   <h1 style="font-size:70px; display:inline-block; position:absolute; left:800px; font-family: 'Redressed', cursive;">Caritas Hospital</h1>
   <h1 style="font-size:40px; display:inline-block; position:absolute; left:750px; top:735px; font-family: 'Montserrat', sans-serif;">Thellakom,Kottayam,Kerala</h1>
   <h1 style="font-size:40px; margin-left:15px; font-family: 'Montserrat', sans-serif;">About This Hospital:</h1>
@@ -69,7 +69,7 @@ <h1 style="font-size:40px; margin-left:15px; font-family: 'Montserrat', sans-ser
   </ul>
 </div>
 <div class="kmcmain">
-  <img class="hospimg2" src="images/kmc.jpg" alt="hospital">
+  <img class="hospimg2" src="../images/kmc.jpg" alt="hospital">
   <h1 style="font-size:70px; display:inline-block; position:absolute; left:700px; font-family: 'Redressed', cursive;">Kottayam Medical Hospital</h1>
   <h1 style="font-size:35px; display:inline-block; position:absolute; left:750px; top:2285px; font-family: 'Montserrat', sans-serif;">GandhiNagar,Kottayam,Kerala</h1>
   <h1 style="font-size:40px; margin-left:15px; font-family: 'Montserrat', sans-serif;">About This Hospital:</h1>

diff --git a/prevent.html → pages/prevent.html b/prevent.html → pages/prevent.html
@@ -3,15 +3,15 @@
   <head>
     <meta charset="utf-8">
     <title>Prevention</title>
-    <link rel="stylesheet" href="preventionstyles.css">
+    <link rel="stylesheet" href="../styles/preventionstyles.css">
     <link href="https://fonts.googleapis.com/css2?family=Redressed&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Philosopher&family=Redressed&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Changa&family=Orbitron:wght@500&display=swap" rel="stylesheet">
   </head>
   <body>
     <div class="maskdiv">
-      <img class="mask" src="images/rising-cases-v5_lg.png" alt="mask">
+      <img class="mask" src="../images/rising-cases-v5_lg.png" alt="mask">
         <h1>Prevention is Always Better than Cure</h1>
     </div>
     <div class="prevent">
@@ -26,7 +26,7 @@ <h3>To prevent the spread of COVID-19:</h3>
         <li>If you have a fever, cough and difficulty breathing, seek medical attention.</li>
       </ul>
     </div>
-    <img class="guide" src="images/Guide.png" alt="wash">
+    <img class="guide" src="../images/Guide.png" alt="wash">
     <div class="home">
       <p class="homep">Steps for Home Care for Mild Cases</p>
     </div>

diff --git a/symptoms.html → pages/symptoms.html b/symptoms.html → pages/symptoms.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="utf-8">
   <title>Symptoms</title>
-  <link rel="stylesheet" href="indexstyles.css">
+  <link rel="stylesheet" href="../styles/indexstyles.css">
   <link href="https://fonts.googleapis.com/css2?family=Redressed&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=Philosopher&family=Redressed&display=swap" rel="stylesheet">
 </head>
@@ -14,8 +14,8 @@
     <p align="center">Covid Symptoms</p>
   </div>
   <div class="mild">
-    <img class="cough" src="images/cough.png" alt="cough">
-    <img class="fever" src="images/fever.png" alt="fever">
+    <img class="cough" src="../images/cough.png" alt="cough">
+    <img class="fever" src="../images/fever.png" alt="fever">
     <center>
       <h2>The Most Common Symptoms of Covid are:</h2>
     </center>
@@ -26,8 +26,8 @@ <h2>The Most Common Symptoms of Covid are:</h2>
     </ul>
   </div>
   <div class="lesscommon">
-    <img class="Throat" src="images/sore-throat.png" alt="sore-throat">
-    <img class="rash" src="images/rash.png" alt="rash">
+    <img class="Throat" src="../images/sore-throat.png" alt="sore-throat">
+    <img class="rash" src="../images/rash.png" alt="rash">
     <center>
       <h2>The Less Common Symptoms of Covid are:</h2>
     </center>
@@ -52,9 +52,9 @@ <h2>The Most Serious Symptoms of Covid are:</h2>
     </ul>
   </div>
   <div class="what">
-    <img class="gi" src="images/patient.png" alt="Covid">
-    <img class="gii" src="images/social-distancing.png" alt="Covid">
-    <img class="giii" src="images/stay-home.png" alt="Covid">
+    <img class="gi" src="../images/patient.png" alt="Covid">
+    <img class="gii" src="../images/social-distancing.png" alt="Covid">
+    <img class="giii" src="../images/stay-home.png" alt="Covid">
     <centre>
       <p style="font-size:60px;">.............................</p>
     </centre>

diff --git a/awesome.css → styles/awesome.css b/awesome.css → styles/awesome.css
diff --git a/coronastyles.css → styles/coronastyles.css b/coronastyles.css → styles/coronastyles.css
diff --git a/fightersstyles.css → styles/fightersstyles.css b/fightersstyles.css → styles/fightersstyles.css
diff --git a/hospitalsstyles.css → styles/hospitalsstyles.css b/hospitalsstyles.css → styles/hospitalsstyles.css
diff --git a/indexstyles.css → styles/indexstyles.css b/indexstyles.css → styles/indexstyles.css
diff --git a/preventionstyles.css → styles/preventionstyles.css b/preventionstyles.css → styles/preventionstyles.css