Demo/index.php at main · FINTALIX/Demo · 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
<?php
$info = array(
    array("BERNARDO", "Project Manager", "Go FINTALIX!"),
    array("REYES", "Full Stock Developer", "Go FINTALIX!"),
    array("LANTIN", "Data Administrator", "Go Guys!"),
    array("LANTIN", "Back End Developer", "Go Guys!"),
    array("BATISTIL", "Full Stack Developer", "Hello World!"),
    array("DOE", "CEO", "Loren Ipsum"),
    array("MALABUYO", "UI/UI Designer", "Go FINTALIX!"),
    array("AIR", "Front End Developer", "Go FINTALIX!"),
    array("MIKE", "DATA", "FINTA!"),
    array("MIKE", "DATA Admin", "Eyyy!")
);
?>
<!doctype html>
<html lang="en">


<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>GITHUB DEMO</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link
        href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Sail&display=swap"
        rel="stylesheet">

    <style>
        :root {
            --primaryFont: "Montserrat", sans-serif;
        }

        .title {
            font-family: var(--primaryFont);
        }

        .card{
            margin-inline: auto;
            margin-bottom: 20px;
        }
    </style>
</head>

<body>
    <div class="container-fluid pt-5">
        <h1 class="title display-1 text-center">INTRODUCE YOURSELF</h1>

        <div class="container">
            <div class="row">
                <?php for($i = 0; $i < count($info); $i++){ ?>
                <div class="col">
                    <div class="card" style="width: 18rem;">
                        <div class="card-body">
                            <h5 class="card-title"><?php echo $info[$i][0] ?></h5>
                            <h6 class="card-subtitle mb-2 text-body-secondary"><?php echo $info[$i][1] ?></h6>
                            <p class="card-text"><?php echo $info[$i][2] ?></p>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </div>

    <div>
        <h1 class="display-1">THIS IS A TEST RUN!</h1>
        <h2 class="display-2">THIS IS ANOTHER TEST RUN!</h2>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
        crossorigin="anonymous"></script>
</body>