server/frontend/static/Contact.html

<html>
<head>
    <link rel="stylesheet" href="/static/style.css">
    <link rel="stylesheet" href="/static/bootstrap.min.css">
</head>
<body>
    <div style="height: 100%; background-color: darkturquoise; display: flex; justify-content: center; align-items: center">
        <div style="height: 80%; width:80%; background-color: red; border: 5px solid green; padding: 20px; border-radius: 25px;">
            <div style="height: 100%; width:100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center;">
                <div style="height: 45%; display: flex; justify-content: center; align-items: center; padding: 5px; flex-grow: 10;">
                    <img style="height: 200px; width:350px;" src="https://upload.wikimedia.org/wikipedia/commons/a/a4/2019_Toyota_Corolla_Icon_Tech_VVT-i_Hybrid_1.8.jpg" alt="Card image">
                </div>
                <div style="height: 45%; width:100%; display: flex; justify-content: space-between; align-items: center;">
                    <div style="height: 100%; width:100%; display: flex; justify-content: center; align-items: center;">
                        <img style="height: 100%; width:150px;" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTyzTWQoCUbRNdiyorem5Qp1zYYhpliR9q0Bw&s" alt="Card image">
                    </div>
                    <div style="height: 100%; width:5px; background-color: black"></div>
                    <div style="height: 100%; width:100%; display: flex; justify-content: center; align-items: center;">
                        <ul style="display: flex; flex-direction: column; justify-content: start; align-items: start;">
                            <li style="margin-bottom: 5px;">
                              <a class="nav-link" style="font-size: larger;" aria-current="page" href="/">First</a>
                            </li>
                            <li style="margin-bottom: 5px;">
                              <a class="nav-link active" style="font-size: larger;" href="/about">Second</a>
                            </li>
                            <li style="margin-bottom: 5px;">
                              <a class="nav-link" style="font-size: larger;" href="/contact">Third</a>
                            </li>
                          </ul> 
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>