clams-server/src/main/resources/templates/projects.html


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

{% extends "templates/layout.html" %}

{% block content %}
<main class="main-container">
    <a href="/" class="back-link-top">&larr; back</a>
    <header>
        <h1>Projects</h1>
    </header>

    <section class="projects-category">
        <ul class="project-list">
            <li class="project-item">
                <div class="project-meta">
                    <h3>Project One Name</h3>
                    <p>Short project description / introduction.</p>
                </div>
                <div class="project-actions">
                    <a href="#" class="pill-button">Read More</a>
                    <a href="#" class="pill-button">Self-Hosted Git</a>
                    <a href="#" class="pill-button">GitHub</a>
                </div>
            </li>

            <li class="project-item">
                <div class="project-meta">
                    <h3>Project Two Name</h3>
                    <p>Short project description / introduction.</p>
                </div>
                <div class="project-actions">
                    <a href="#" class="pill-button">Read More</a>
                    <a href="#" class="pill-button">Self-Hosted Git</a>
                    <a href="#" class="pill-button">GitHub</a>
                </div>
            </li>

            <li class="project-item">
                <div class="project-meta">
                    <h3>Other Project One</h3>
                    <p>A short one-line description.</p>
                </div>
                <div class="project-actions">
                    <a href="#" class="pill-button">Read More</a>
                    <a href="#" class="pill-button">Self-Hosted Git</a>
                    <a href="#" class="pill-button">GitHub</a>
                </div>
            </li>
        </ul>
    </section>
</main>
{% endblock %}