Software-Dev-Project / Archive / Sample / templates / aboutUs.html
aboutUs.html
Raw
<!Doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
    <link rel="stylesheet" href="{{url_for('static', filename='css/aboutUs.css')}}" />
    <title>About Us</title>
</head>

<body>
    <div class="container py-5">
        <h1 class="text-center mb-5">About Us</h1>
        <p class="text-center" style="font-size: 24px;">We are the FightingMongooses, a group of passionate game
            developers who love the card game Love Letter. Our goal is to bring this game to a wider audience by
            creating an online version that can be played anywhere, anytime. This project is a part of our college
            coursework and we are excited to share it with the world.</p>
        <h2 class="text-center mb-4">Our Team</h2>
        <div class="row justify-content-center">
            <div class="col-sm-4 mb-4">
                <div class="card">
                    <div class="card-body text-center text-green">
                        <h3>Collin</h3>
                        <p>Collin's description goes here...</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 mb-4">
                <div class="card">
                    <div class="card-body text-center text-purple">
                        <h3>Dean</h3>
                        <p>Dean's description goes here...</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 mb-4">
                <div class="card">
                    <div class="card-body text-center text-blue">
                        <h3>Shibo</h3>
                        <p>Shibo's description goes here...</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 mb-4">
                <div class="card">
                    <div class="card-body text-center text-orange">
                        <h3>Harper</h3>
                        <p>Harper's description goes here...</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 mb-4">
                <div class="card">
                    <div class="card-body text-center text-red">
                        <h3>Roman</h3>
                        <p>Roman's description goes here...</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>