Alpha-UI/index.html at dev · sohan9819/Alpha-UI · 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
<!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" />
    <meta property="image" content="../assets/images/logo.svg" />
    <meta
      name="description"
      content="UI Component Library based on dark theme first approach"
    />
    <meta name="theme-color" content="#6272a4" />
    <link rel="canonical" href="https://alpha-dark-ui.netlify.app/" />

    <link rel="stylesheet" href="./css/styles.css" />
    <link rel="stylesheet" href="./alpha/css/style.css" />
    <link
      rel="shortcut icon"
      type="image/png"
      href="./assets/images/logo.svg"
    />
    <script
      src="https://kit.fontawesome.com/d6628b0a71.js"
      crossorigin="anonymous"
    ></script>
    <title>ALPHA UI</title>
  </head>
  <body>
    <!-- ##### PRELOADER #### -->
    <div id="preloader" class="h-screen w-screen bg-black">
      <!-- class="h-screen w-screen color-black" -->
      <img
        class="h-screen w-screen color-black"
        id="preloader__svg"
        src="./assets/svg/preloader.svg"
        alt="preloader"
      />
    </div>
    <!-- #################### -->

    <div class="alpha">
      <!-- ##### NAV BAR #### -->
      <nav
        class="alpha__nav p-1 flex justify-between items-center flex-wrap gap-1"
      >
        <h2 class="alpha__nav--logo h3">
          <a href="../index.html" class="alpha__nav--logo-main">ALPHA</a>
          &nbsp;UI
        </h2>
      </nav>

      <!-- ##### PAGE CONTENT #### -->
      <header class="alpha__header">
        <main
          class="w-full alpha__header__main flex justify-center items-center flex-nowrap text-center gap-1"
        >
          <img
            src="./assets/images/logo.svg"
            alt="logo"
            srcset=""
            class="alpha__img"
          />
          <h3 class="alpha__version h4">V 1.0</h3>
        </main>

        <article
          class="alpha__header__article flex justify-center items-center"
        >
          <h4 class="alpha__header__title h4">
            UI Component Library based on dark theme first approach
          </h4>

          <div class="alpha__buttons text-center">
            <a
              href="https://github.com/sohan9819/Alpha-UI"
              target="_blank"
              class="btn--alpha rounded-s h4"
              ><i class="fab fa-github"></i> &nbsp; github
            </a>
            <a href="./alpha/docs.html" class="btn--alpha rounded-s h4"
              ><i class="fas fa-file"></i> &nbsp; docs
            </a>
          </div>
        </article>

        <p class="alpha__header__status mt-4">Project under development</p>
      </header>
    </div>

    <script src="./js/app.js"></script>
  </body>
</html>