Weekly/index.html at main · AmmarMohammed01/Weekly · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html>
  <head>
    <title>Weekly Homepage</title>

    <link rel="stylesheet" href="navbar.css">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap" rel="stylesheet">

    <style>
      body {
        background-image: url('images/DesignWeekly1.png');
        padding-top: 60px;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
      }
    </style>
  </head>

  <body>

    <div class="top-navigation-bar">
      <div class="page-title"><h2>Weekly Home</h2></div>

      <div>
        <a href="./index.html">
          <button class="top-buttons">Home</button>
        </a>
      </div>

      <div>
        <a href="./weekly2.html">
          <button class="top-buttons">Weekly</button>
        </a>
      </div>

      <div>
        <a href="./goals.html">
          <button class="top-buttons">Goals</button>
        </a>
      </div>

    </div>

    <div>
      <div class="two-sections">
        <h3 class="app-title">Weekly</h3>
        <div class="app-description">
          The "Weekly" app is a 7-day todo list. With "Weekly", you can keep track of task completion throughout the entire week.
          The tasks are stored locally on your web browser.
          The website is currently optimized to be viewed on desktop.
        </div>
        <img src="images/WeeklyIMG.png" class="image">
      </div>
      <div class="two-sections">
        <h3 class="app-title">Goals</h3>
        <div class="app-description">Have tasks you want to complete, but have not really set on what day you will complete it? Use Goals. Goals works like a traditional to-do list. Just type the name of the task, then add it to the list. Once you're finished, you can remove it. Made a typo in your task entry? No worries, you can edit it.</div>
        <img src="images/GoalsIMG.png" class="image">
      </div>
    </div>

  </body>
</html>