developersalliance.github.io/portfolio.html at main · developersalliance/developersalliance.github.io · 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
---
title: Our Portfolio
layout: default
permalink: /portfolio/
---

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

<style>
    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }
    main {
        flex: 1;
    }
    /* Card image - same height and cropped nicely */
    .card-img-top {
        height: 220px;
        object-fit: cover;
    }
    /* Full-height cards, text at bottom */
    .card {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .card-body {
        margin-top: auto;
    }
    .portfolio-title {
        font-family: "Montserrat";
    }

    .portfolio-page-content {
        margin-top: 72px;
    }
</style>

<main>
    <div class="container py-5">
        <h1 class="text-center mb-5 text-uppercase portfolio-title">Our Projects</h1>
        <div class="row g-4 mb-5 portfolio-page-content">
            <div class="col-md-4 d-flex">
                <a href="/portfolio/portfolio-white-label" class="text-decoration-none text-dark w-100">
                    <div class="card h-100 shadow-sm border-0">
                        <img src="/assets/Img/01 Project Title Image.jpeg" class="card-img-top" alt="A Strategic White-Label Partnership">
                        <div class="card-body text-center">
                            <h5 class="card-title">A Strategic White-Label Partnership</h5>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4 d-flex">
                <a href="/portfolio/portfolio-lazaregallery" class="text-decoration-none text-dark w-100">
                    <div class="card h-100 shadow-sm border-0">
                        <img src="/assets/Img/01 art museum interior.jpg" class="card-img-top" alt="A Strategic White-Label Partnership">
                        <div class="card-body text-center">
                            <h5 class="card-title">Lazare Gallery Partnership</h5>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4 d-flex">
                <a href="/portfolio/portfolio-druckerhaus" class="text-decoration-none text-dark w-100">
                    <div class="card h-100 shadow-sm border-0">
                        <img src="/assets/Img/01 Long inkjet printer (Large).jpeg" class="card-img-top" alt="A Strategic White-Label Partnership">
                        <div class="card-body text-center">
                            <h5 class="card-title">Druckerhaus Partnership</h5>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</main>