AllMight-Frontend/index.html at master · Ctrl-plus-C/AllMight-Frontend · 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
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
    <meta charset="UTF-8">
    <title>All Might - One for all, And all for one</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Standard favicon -->
    <link rel="icon" type="image/png" href="assets/images/favicon.png">

    <!-- Helps prevent duplicate content issues -->
    <link rel="canonical" href="index.html">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/4.0.2/bootstrap-material-design.css">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:500,700,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.9/css/all.css" integrity="sha384-5SOiIsAziJl6AWe0HWRKTXlfcSHKmYV4RBF18PPJ173Kzn7jzMyFuTtk8JA7QQG1"
        crossorigin="anonymous">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">

    <!-- Default CSS -->
    <link rel="stylesheet" type="text/css" href="assets/css/default.css">

    <!-- Color CSS -->
    <link rel="stylesheet" type="text/css" href="assets/css/color.css">

    <!-- Font CSS -->
    <link rel="stylesheet" type="text/css" href="assets/css/font.css">

    <!-- Button CSS -->
    <link rel="stylesheet" type="text/css" href="assets/css/button.css">

    <!-- Main CSS -->
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link rel="stylesheet" href="style.css">
</head>

<body class="text-black base-font-size">
    <div id="chat-circle" class="btn btn-raised">
        <div id="chat-overlay"></div>
        <i class="fas fa-comments fa-2x"></i>
    </div>

    <div class="chat-box">
        <div class="chat-box-header">
            AllMight
            <span class="chat-box-toggle"><i class="fas fa-times"></i></span>
        </div>
        <div class="chat-box-body">
            <div class="chat-box-overlay">
            </div>
            <div class="chat-logs">

            </div>
            <!--chat-log -->
        </div>
        <div class="chat-input">
            <form>
                <input type="text" id="chat-input" placeholder="Send a message..." />
                <button type="submit" class="chat-submit" id="chat-submit"><i class="fas fa-paper-plane"></i></button>
            </form>
        </div>
    </div>
    <div class="wrapper h-100">
        <div class="cover">
            <!-- Header -->
            <header class="header border-bottom border-color-light-gray" style="background:#14b7a8;">
                <div class="header-inner">
                    <nav class="navbar navbar-expand-lg py-1">
                        <div class="container-fluid">
                            <a class="navbar-brand logo md-font-size font-family-secondary text-dark-gray m-0" href="index.html">
                                <h4 style="color:white;">AllMight</h4>
                            </a>
                            <button class="navbar-toggler base-plus-font-size" type="button" data-toggle="collapse"
                                data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
                                <span class="base-color fas fa-bars xl-font-size"></span>
                            </button>
                            <div class="collapse navbar-collapse mt-3 mt-lg-0 sm-font-size main-menu" id="main-menu">
                                <ul class="nav navbar-nav ml-auto">
                                    <li class="nav-item">
                                        <a style="color:white;" href="https://github.com/The-Has-Beens/AllMightBot" class="btn1 btn1-lg btn1-primary px-5 py-3 md-font-size">
                                            Slack Bot
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a style="color:white;" href="https://github.com/The-Has-Beens/AllMight-Backend" class="btn1 btn1-lg btn1-primary px-5 py-3 md-font-size">
                                            REST API Backend
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a style="color:white;" href="https://github.com/The-Has-Beens/AllMight-Frontend" class="btn1 btn1-lg btn1-primary px-5 py-3 md-font-size">
                                            REST API Frontend
                                        </a>
                                    </li>
                                </ul>

                            </div>
                        </div>
                    </nav>
                </div>
            </header>
            <!--/ End Header -->
            <!-- Hero -->
            <div class="jumbotron jumbotron-fluid bg-white font-weight__500 hero mb-0 section-bg">
                <!-- Empty Space -->
                <div class="lg-space"></div>
                <!--/ End Empty Space -->
                <div class="container hero-inner">
                    <div class="row align-items-center">
                        <div class="col-12 col-lg-6 mx-lg-auto">
                            <div class="text-left">
                                <h1 class="xxxxl-font-size font-weight__700 text-black" style="line-height: 1.3">
                                    All Might <br><span class="font-weight__400 text-dark-gray" style="font-size:0.7em;">One for all and all for one</span>
                                </h1>
                                <!-- Empty Space -->
                                <div class="md-space"></div>
                                <!--/ End Empty Space -->
                                <div class="text-left">
                                    <a href="https://github.com/The-Has-Beens" class="btn btn-lg btn-primary px-5 py-3 md-font-size">Get
                                        Started <span></span></a>
                                </div>
                                <!-- Empty Space -->
                                <div class="md-space"></div>
                                <!--/ End Empty Space -->
                                <p class="lead base-plus-font-size">
                                    Your very own all-purpose Bot API.<br>Integrate it anywhere!
                                    Whether it's your website, a slack workplace and many more.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--/ End Hero -->
        </div>
        <!-- Features Grid -->
        <!--/ End FAQ -->
        <!-- Footer -->
        <!--/ End Footer -->
    </div>

    <!-- jQuery Script -->
    <script src="assets/js/jquery.min.js"></script>

    <!-- Popper Script -->
    <script src="assets/js/popper.min.js"></script>

    <!-- Bootstrap Script -->
    <script src="assets/js/bootstrap.min.js"></script>

    <!-- Main Script -->
    <script src="assets/js/main.js"></script>

    <!-- Crisp Script -->
    <script src="main.js"></script>
</body>

</html>