GP1-Creative/help.html at Development · FTP-YCAB-Fullstack/GP1-Creative · 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link
      href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
    />
    <link rel="stylesheet" href="css/help.css" />
    <title>Help</title>
  </head>
  <body
    class="my-10 mx-16 text-white md:h-full"
    style="background: linear-gradient(to top, #1b1919, #53a6d8)"
  >
    <!-- Header -->
    <header class="flex items-center">
      <label class="flex-grow md:text-5xl font-bold">Help</label>
      <a href="index.html">
        <img
          class="w-auto h-10"
          src="assets/MauNgapainLogo(edited).png"
          alt="Logo Mau Ngapain?"
      /></a>
    </header>
    <!-- Main Content -->
    <ul class="list-disc my-10 text-justify md:mt-20">
      <li class="my-2 md:text-lg">
        Setelah memasuki halaman Home (halaman yang muncul saat anda memasuki
        web kami) anda bisa langsung tekan tombol "GET STARTED" yang akan di
        arahkan ke halaman Main untuk memulai menggunakan fitur utama dari web
        kami yaitu ramalan cuaca dan membuat To-Do-List.
      </li>
      <li class="my-2 md:text-lg">
        Setelah memasuki halaman Main anda perlu untuk mengizinkan web kami
        untuk mengakses lokasi anda agar fitur ramalan cuaca bisa berjalan.
      </li>
      <li class="my-2 md:text-lg">
        Anda dapat melihat 4 kartu yang berisi ramalan cuaca dari lokasi anda
        yang bisa digunakan untuk membantu anda untuk merencakan To-Do-List yang
        berkaitan dengan cuaca.
      </li>
      <li class="my-2 md:text-lg">
        Anda dapat merencanakan To-Do-List anda pada kotak yang telah
        disediakan.
      </li>
      <li class="my-2 md:text-lg">
        Pada kotak tersebut anda bisa menambah rencana anda pada kotak teks yang
        telah disediakan lalu tekan icon + atau tekan ENTER.
      </li>
      <li class="my-2 md:text-lg">
        Anda dapat menandai dan menghapus rencana anda yang tepat berada di
        samping rencana yang telah anda tambahkan.
      </li>
      <li class="my-2 md:text-lg">
        Anda juga dapat menghapus seluruh rencana anda langsung dengan cara
        menekan icon yang berada pada pojok atas kanan kotak.
      </li>
      <li class="my-2 md:text-lg">
        Jika anda menemukan masalah pada web kami, anda bisa menghubungi kami
        dengan cara tekan teks "Contact Us" yang berada di pojok atas kanan
        halaman Home atau Main.
      </li>
    </ul>
    <!-- Footer -->
    <footer>
      <div class="flex flex-col mt-14 justify-center share_section">
        <div class="text-white text-base flex justify-center items-center mb-8">
          <p>- Supported By -</p>
        </div>
        <div class="icon flex flex-row justify-center items-center">
          <a href="https://github.com/FTP-YCAB-Fullstack/GP1-Creative">
            <img
              class="logo mx-2"
              src="./assets/GithubLogo(edited).png"
              alt="Github"
          /></a>
          <a href="https://impactbyte.com/id/home">
            <img
              class="logo mx-2"
              src="./assets/ImpactByteLogo(edited).png"
              alt="Impactbyte"
          /></a>
          <a href="https://skilvul.com/">
            <img
              class="logo mx-2"
              src="./assets/SkilvulLogo(edited).png"
              alt="Skilvul"
          /></a>
        </div>
      </div>
    </footer>
  </body>
</html>