lorseee · GrowAsguard · Jul 14, 2024 · Jul 14, 2024 · Jul 17, 2024 · Jul 17, 2024
diff --git a/README.md b/README.md
@@ -1,2 +1,37 @@
-# doct
+# Project Name
+
 hum dum
+
+## Milestones
+
+### Phase 1: Planning
+- [x] Website layout
+- [x] Website features
+- [x] Website functionalities
+- [x] Create project plan
+
+### Phase 2: Design
+- [x] Design website layout
+- [x] Design UI/UX
+- [x] Review and approve design
+
+### Phase 3: Development
+- [x] Set up development environment
+- [ ] Implement core features
+    - [ ] Feature 0: Design the website
+    - [ ] Feature 1: User Authentication
+    - [ ] Feature 2: User Profile Management
+    - [ ] Feature 3: Doctor Profile Management
+    - [ ] Feature 4: Appointments Management
+- [ ] Conduct code reviews
+
+### Phase 4: Testing
+- [ ] Perform UI/UX testing
+- [ ] Conduct functionality testing
+- [ ] Execute user tests
+- [ ] Fix bugs identified in testing
+
+### Phase 5: Deployment
+- [ ] Set up production environment
+- [ ] Deploy to production
+- [ ] Verify deployment
diff --git a/appointments.html b/appointments.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Appointments</title>
+    <link rel="icon" href="/images/favicon.png" type="image/x-icon">
+    <link rel="stylesheet" href="styles_appointments.css">
+    <script src="https://kit.fontawesome.com/1165876da6.js" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="styles_footer.css">
+
+</head>
+<body>
+    <script src="styles.js"></script>
+    <nav>
+        <div>
+            <strong>
+                <a target="_blank" href="/index.html">  Go home </a>
+                <a target="_blank"> Help </a>
+                <select id="language">
+                    <option value="EN"> English </option>
+                    <option value="KA"> Kannada </option>
+                    <option value="HI"> Hindi </option>
+                </select>
+                <a target="_blank" href="https://maps.app.goo.gl/4HDrxjRKvi6iWfdJA">
+                    <img src="/images/maps.webp" alt="#" title="Find clinic" id="maps-id">
+
+                </a>
+            </strong>
+        </div>
+    </nav>
+
+    <div id="big-text" class="big-text-box">
+        <h1>My Appointments</h1>
+    </div>
+
+    <a href="#" class="sort-dropdown">SORT BY ▼</a>
+    <ul class="sort-dropdown">
+        <li><a href="#">Latest appointments</a></li>
+        <li><a href="#">Oldest appointments</a></li>
+        <li><a href="#">Scheduled appointments</a></li>
+        <li><a href="#">Cancelled appointments</a></li>
+        <li><a href="#">Pending appointments</a></li>
+    </ul>
+
+    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
+
+    <footer>
+        <div class="container">
+            <div class="footer-content">
+                <h3>Contact Us</h3>
+                <p>Email:abc@example.com</p>
+                <p>Phone:+91 8695475650</p>
+                <p>Address:</p>
+                <p>AECS Layout, ITPL Main Road,Bengaluru</p>
+            </div>
+            <div class="footer-content">
+                <h3>Quick Links</h3>
+                 <ul class="list">
+                    <li><a href="">Home</a></li>
+                    <li><a href="">About</a></li>
+                    <li><a href="">Services</a></li>
+                    <li><a href="">Products</a></li>
+                    <li><a href="">Contact</a></li>
+                 </ul>
+            </div>
+            <div class="footer-content">
+                <h3>Follow Us</h3>
+                <ul class="social-icons">
+                 <li><a href=""><i class="fab fa-facebook"></i></a></li>
+                 <li><a href=""><i class="fab fa-twitter"></i></a></li>
+                 <li><a href=""><i class="fab fa-instagram"></i></a></li>
+                 <li><a href=""><i class="fab fa-linkedin"></i></a></li>
+                </ul>
+                </div>
+        </div>
+        <div class="bottom-bar">
+            <p></p>
+        </div>
+
+    </footer>
+</body>
+</html>
diff --git a/appointments_script.js b/appointments_script.js
diff --git a/images/appointmentdoc.jpg b/images/appointmentdoc.jpg
diff --git a/images/doc bg.jpg b/images/doc bg.jpg
diff --git a/images/favicon.png b/images/favicon.png
diff --git a/images/icon.jpg b/images/icon.jpg
diff --git a/index.html b/index.html
@@ -3,41 +3,49 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>DOCTORMENT!</title>
+    <title>Doctorment</title>
     <link rel="stylesheet" href="styles.css">
+    <link rel="icon" href="/images/favicon.png" type="image/x-icon">
+    <script src="https://kit.fontawesome.com/1165876da6.js" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="styles_footer.css">
+
 </head>
 <body>
     <nav>
         <div>
-        <strong>
-        <a target="_blank">  My Appointments </a>
-        <a target="_blank"> Help </a>
-        <a target="_blank" href="/login.html"> Login </a>
-        <select id="language">
-            <option value="EN"> English </option>
-            <option value="KA"> Kannada </option>
-            <option value="HI"> Hindi </option>
-            <option value="FR"> FRENCH </option>
-        </select>
-        <a target="_blank" href="https://maps.app.goo.gl/4HDrxjRKvi6iWfdJA">
-            <img src="/images/maps.webp" alt="#" title="Find clinic" id="maps-id">
+            <strong>
+                <a target="_blank" href="/appointments.html">  My Appointments </a>
+                <a target="_blank" href="#"> Help </a>
+                <a target="_blank" href="/login.html"> Login </a>
+                <select id="language">
+                    <option value="EN"> English </option>
+                    <option value="KA"> Kannada </option>
+                    <option value="HI"> Hindi </option>
+                </select>
+                <a target="_blank" href="https://maps.app.goo.gl/4HDrxjRKvi6iWfdJA">
+                    <img src="/images/maps.webp" alt="#" title="Find clinic" id="maps-id">
+                </a>
+                    <img src="/images/doctorment-removebg-preview.png" id = "logo">
 
-        </a>
+
+            </strong>
         </div>
-    </strong>
-
     </nav>
+
 
     <section id="search-section">
-        <div>
-            <img src="/images/doctorment-removebg-preview.png" id = "logo">
-        </div>
+
 
         <div id="booking-text">
             <h1>DOCTORMENT</h1>
         </div>
+
+        <div id="bg-image">
+            <img class="bg" src="/images/icon.jpg" id = "image">
+        </div>
+
         <div id="subheading">
-            <h2>Book your appointment in 2 mins!!</h2>
+            <h2>Book your appointment in 2 minutes!</h2>
         </div>
 
         <form id="search-box">
@@ -51,15 +59,77 @@ <h2>Book your appointment in 2 mins!!</h2>
     </section>
 
 
-    <section id="useless-content">
+    <section id="text-filler">
 
     </section>
 
+    <div class="fillerContainer">
+
+        <div class="howToBookText">
+            <h1>How to book?</h1>
+            <p id="threeSteps">Booking a doctor is just 3 easy steps now!</p>
+        </div>
+
+        <div class="boxesOutside">
+            <div class="col-lg-4">
+                <div class="box_feat" id="icon_1">
+                    <span></span>
+                    <h3>SEARCH</h3>
+                    <p>Doctor / Specialization to match specific consultation needs.</p>
+                </div>
+            </div>
+            <div class="col-lg-4">
+                <div class="box_feat" id="icon_2">
+                    <span></span>
+                    <h3>BOOK</h3>
+                    <p>Request appointments based on slots, date and location.</p>
+                </div>
+            </div>
+            <div class="col-lg-4">
+                <div class="box_feat" id="icon_3">
+                    <h3>CONFIRM</h3>
+                    <p>Avoid endless back and forth communication; add your details and that's it!</p>
+                </div>
+            </div>
+        </div>
+
+    </div>
+    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
     <footer>
+        <div class="container">
+            <div class="footer-content">
+                <h3>Contact Us</h3>
+                <p>Email:abc@example.com</p>
+                <p>Phone:+91 8695475650</p>
+                <p>Address:</p>
+                <p>AECS Layout, ITPL Main Road,Bengaluru</p>
+            </div>
+            <div class="footer-content">
+                <h3>Quick Links</h3>
+                 <ul class="list">
+                    <li><a href="">Home</a></li>
+                    <li><a href="">About</a></li>
+                    <li><a href="">Services</a></li>
+                    <li><a href="">Products</a></li>
+                    <li><a href="">Contact</a></li>
+                 </ul>
+            </div>
+            <div class="footer-content">
+                <h3>Follow Us</h3>
+                <ul class="social-icons">
+                 <li><a href=""><i class="fab fa-facebook"></i></a></li>
+                 <li><a href=""><i class="fab fa-twitter"></i></a></li>
+                 <li><a href=""><i class="fab fa-instagram"></i></a></li>
+                 <li><a href=""><i class="fab fa-linkedin"></i></a></li>
+                </ul>
+                </div>
+        </div>
+        <div class="bottom-bar">
+            <p></p>
+        </div>
+
 
     </footer>
 </body>
-</html>
-
-
+</html>
diff --git a/login.html b/login.html
@@ -5,37 +5,36 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Login Dashboard</title>
     <link rel="stylesheet" href="/styles_login.css">
+    <link rel="icon" href="/images/favicon.png" type="image/x-icon">
 </head>
 <body>
-    <div class="wrapper">
+    <div class="container">
+        <div class="box form-box">
+            <header>LOGIN</header>
         <form action="action_page.php" method="post">
-            <div class="imgcontainer">
-              <img src="/images/ava.jpg" alt="Avatar" class="avatar">
-             </div>
+
 
-            <div id="loginText">
-                <h1>LOGIN</h1>
+            <div class="field input">
+               <label for="uname"><b>Username</b></label>
+               <input type="text" placeholder="Enter Username" name="uname" required>
             </div>
-
-        <div class="userPassContainer">
-            <label for="uname"><b>Username</b></label>
-            <input type="text" placeholder="Enter Username" name="uname" required>
+
+        <div class="field input">
             <label for="psw"><b>Password</b></label>
             <input type="password" placeholder="Enter Password" name="psw" required>
         </div>
 
-        <div class="loginPageButtons">
-            <button type="submit">Login</button>
-            <label>
-                <input type="checkbox" checked="checked" name="remember"> Remember me
-            </label>
+        <div class="field">
+            <input type="submit" class="button" name="Submit"value="Login" required>
         </div>
-
-  </div>
 
-  <div class="container" style="background-color:#f1f1f1">
-    <button type="button" class="cancelbtn">Cancel</button>
-    <span class="psw">Forgot <a href="#">password?</a></span>
-</form>
+        <div class="links">
+            Don't have account? <a href="register.html">Sign Up Now</a>
+        </div>
+        </form>
+    </div>
+    </div>
+
 </body>
+
 </html>
diff --git a/pop.png b/pop.png
diff --git a/register.html b/register.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Register Dashboard</title>
+    <link rel="stylesheet" href="/styles_register.css">
+    <link rel="icon" href="/images/favicon.png" type="image/x-icon">
+</head>
+<body>
+    <div class="container">
+        <div class="box form-box">
+            <header>Sign up</header>
+        <form action="action_page.php" method="post">
+            <div class="field input">
+               <label for="name"><b>Name</b></label>
+               <input type="text" placeholder="Enter your name" name="name" autocomplete="off" required>
+            </div>
+
+            <div class="field input">
+                <label for="email"><b>Email</b></label>
+                <input type="text" placeholder="Enter your email" name="email" autocomplete="off" required>
+             </div>
+
+          <div class="field input">
+              <label for="psw"><b>Password</b></label>
+             <input type="password" placeholder="Enter Password" name="psw" autocomplete="off" required>
+          </div>
+
+          <div class="field input">
+            <label for="Phone"><b>Mobile</b></label>
+            <input type="number" placeholder="Enter your mobile-no" name="Phone" autocomplete="off" required>
+         </div>
+
+
+        <div class="field">
+            <input type="submit" class="button" name="Submit"value="Sign up" required>
+        </div>
+
+        <div class="links">
+            Already a member? <a href="login.html">Login  Now</a>
+        </div>
+
+    </form>
+</div>
+</div>
+
+</body>
+
+</html>