GP1-Creative/index.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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <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/main.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <title>Home Page</title>
  </head>
  <body
    class="my-10 mx-16 text-white h-full md:m-8"
    style="background-color: #53a6d8"
  >
    <div id="container-bubble"></div>
    <!-- Navbar (Header) -->
    <header
      class="
        flex
        relative
        sm:m-4 sm:justify-between
        md:flex md:justify-between md:relative
      "
    >
      <input type="checkbox" id="check" />
      <label for="check" class="checkbtn sm:flex-end">
        <i class="fas fa-bars text-white"></i>
      </label>
      <a href="index.html"
        ><img
          class="
            header-logo
            mx-8
            w-auto
            h-10
            sm:mx-4 sm:flex-start
            md:flex-start
          "
          src="assets/MauNgapainLogo(edited).png"
          alt="Logo"
      /></a>
      <ul
        class="
          sm:justify-center sm:items-center
          md:flex md:justify-end md:items-center md:py-4
        "
      >
        <li>
          <a
            class="
              mx-10
              font-bold
              md:text-xl
              md:text-xl
              md:rounded-lg
              md:px-3
              md:py-2
              md:hover:bg-white
              md:hover:text-black
            "
            href="contact-us.html"
            >Contact Us</a
          >
        </li>
        <li>
          <a
            class="
              mx-10
              font-bold
              md:text-xl
              md:text-xl
              md:rounded-lg
              md:px-3
              md:py-2
              md:hover:bg-white
              md:hover:text-black
            "
            href="help.html"
            >Help</a
          >
        </li>
      </ul>
    </header>
    <!-- Main Content -->
    <div class="flex flex-col justify-center items-center">
      <div>
        <h1
          class="
            text
            font-bold
            sm:text-5xl sm:max-w-3xl sm:leading-tight
            md:mt-16 md:text-7xl md:leading-snug
            sm:mt-28
            md:tracking-wide
            text-center
          "
        >
          Selamat Datang di Website Kami
        </h1>
      </div>
      <a href="main.html">
        <button
          class="
            btn-start
            bg-white
            rounded-lg
            sm:px-5 sm:py-2 sm:mt-5 sm:text-base
            md:text-2xl
            font-bold
            tracking-wide
          "
          style="color: #53a6d8"
        >
          Get Started
        </button>
      </a>
    </div>
    <!-- Footer -->
    <footer class="relative sm:mx-auto md:mx-auto">
      <div class="flex flex-col mt-16 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>
    <script src="./js/index.js"></script>
  </body>
</html>