index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Focus Mate</title>
    <link rel="stylesheet" href="page.css">
    <script src="script.js"></script>
    
</head>
<body>
    <a href="login.html">Login</a>
<a href="signup.html">signup</a>




   <h1>Focus Mate!</h1>
<h2>Efficiently Manage Your Time </h2>
<h3>Schedule Smart,Become Organised</h3>
    <h4>LET'S ACHIEVE IT TOGETHER!</h4> 
    
   
    <div class="box1">
        <h>Plan Your Schedule</h>
        <p>Planning your schedule ensures efficiency,
      productivity, and peace of mind, 
     helping you achieve your goals effectively.</p>
        <button class="open-button" onclick="openNewPage('timetable.html')">Open</button>
      </div>
      
      <div class="box2">
        <h>Track Your Progress</h>
       
        <p>Don't forget to reward yourself if you're doing great and don't worry if things aren't going your way; we are here for you!</p>
        <button class="open-button" onclick="openNewPage('goaltracker.html')">Open</button>
      </div>
      <div class="box3">
        <h>Mark Your Calendar</h>
        <p>Do you also forget important things?Don't worry add them to Calendar and get reminder before it's too late!</p>
        <button class="open-button" onclick="openNewPage('calendar.html')">Open</button>
      </div>
      <script>
        function openNewPage(url) {
          window.open(url, '_blank');
        }
      </script>
      
 
   
</body>
</html>
