490/index.php at main · neeldp/490 · 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
<?php require 'header.php'; require 'db_key.php'; ?>
<style>
    body {

        background-repeat: no-repeat;
        background-attachment: fixed;
        background: #2c3e50;
        background: -webkit-linear-gradient(left, #2c3e50, #000000);
        background:    -moz-linear-gradient(left, #2c3e50, #000000);
        background:     -ms-linear-gradient(left, #2c3e50, #000000);
        background:      -o-linear-gradient(left, #2c3e50, #000000);
        background:         linear-gradient(to right, #2c3e50, #000000);

    }

    @media (min-width: 768px) {
    .container-small {
        width: 300px;
    }
    .container-large {
        width: 500px;
    }
}
</style>

<body>

<div class='container-large mx-auto'>
	<div class='row mx-auto'>

            <img src="transparentTreble2.png" alt="Treble Logo"/>
            <form method = 'POST' action = 'backend.php' >
                <input class= 'form-control' type="text" name="username"><br>
                <input class= 'form-control' type="password" name="password" id="password" autocomplete="off">
                <br><button class = 'button-login mx-auto' type="submit" name="login" value= 'login' class="submit">Login</button>
            </form>

    </div>
</div>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>