content/theme/templates/frontpage.html

            <h3 style="text-align:center">Welcome to the website of Infra, the Apache Infrastructure Team!</h3>
            <p style="text-align:center"><i>Serving the technical needs of The Apache Software Foundation and its projects</i></p>
            <hr/>
            <!-- news card -->
            <div class="row"> 
                <div class="col-md">
                    <div class="card rounded-3 bg-light h-100">
                        <div class="card-body d-flex flex-column">
                            <a href="/contact.html"></a>
                            <h5 class="card-title text-center text-capitalize">
                                <i class="fa-solid fa-newspaper" style="color: #000; font-size: 16pt;"></i>
                                <a href="/infra-news.html" >Infra News</a>
                            </h5>
                            <p class="card-text">
                               <b>October 22, 2024</b>: We are seeing a sharp increase in 'phishing attempts', fake emails pretending to come from various ASF groups and committees. Infra has some <a href="https://infra.apache.org/phishing.html">anti-phishing advice</a> to help you avoid falling for these fake messages.
                            </p>
                            <div class="d-grid mt-auto">
                                <a href="/infra-news.html" class="btn btn-primary">Read More...</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- top row of cards -->
            <div class="row">
                <!-- how can we help? -->
                <div class="col-md">
                    <div class="card rounded-3 bg-light h-100">
                        <div class="card-body d-flex flex-column">
                            <a href="/contact.html"></a>
                            <h5 class="card-title text-center text-capitalize">
                                <i class="fa fa-question-circle" style="color: #000; font-size: 16pt;"></i>
                                <a href="/contact.html" >Looking for Help?</a>
                            </h5>
                            <p class="card-text">
                                If you have questions aboout or require
                                support with email, code repositories, virtual machines, web sites,
                                issue trackers or other infrastructure stuff, we are here to help!
                            </p>
                            <div class="d-grid mt-auto">
                                <a href="/contact.html" class="btn btn-primary">Learn More...</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- services and tools -->
                <div class="col-md">
                    <div class="card rounded-3 bg-light h-100">
                        <div class="card-body d-flex flex-column">
                            <a href="/services.html"></a>
                            <h5 class="card-title text-center text-capitalize">
                                <i class="fa fa-handshake" style="color: #000; font-size: 16pt;"></i>
                                <a href="/services.html">Services and Tools</a>
                            </h5>
                            <p class="card-text">
                                Infra supports services for the ASF and its projects,
                                including GitBox, Jira, Confluence Wiki, Jenkins, and Buildbot.
                                Our toolbox that contains both home-brewed solutions and
                                "off the shelf" offerings.
                            </p>
                            <div class="d-grid mt-auto">
                                <a href="/services.html" class="btn btn-primary">Learn More...</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- self-serve -->
                <div class="col-md">
                    <div class="card rounded-3 bg-light h-100">
                        <div class="card-body d-flex flex-column">
                            <a href="https://selfserve.apache.org/" target="_blank"></a>
                            <h5 class="card-title text-center text-capitalize">
                                <i class="fa fa-user-cog" style="color: #000; font-size: 16pt;"></i>
                                <a href="https://selfserve.apache.org/" target="_blank">Self-serve</a>
                            </h5>
                            <p class="card-text">
                                Use our self-serve features to perform tasks ranging from requesting a Jira account to creating a mailing list, without having to involve the Infra team.
                            </p>
                            <div class="d-grid mt-auto">
                                <a href="https://selfserve.apache.org/" target="_blank" class="btn btn-primary">Learn More...</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- second row of cards -->
            <div class="row">
                <!-- Roundtable -->
                <div class="col-md">
                    <div class="card rounded-3 bg-light h-100">
                        <div class="card-body d-flex flex-column">
                            <a href="/roundtable.html"></a>
                            <h5 class="card-title text-center text-capitalize">
                                <i class="fa-regular fa-comments" style="color: #000; font-size: 16pt;"></i>
                                <a href="/roundtable.html">Roundtables</a>
                            </h5>
                            <p class="card-text">
                                Infra holds Roundtable meetings most months to discuss infrastructure development and challenges. Participants are welcome to bring their own concerns, questions, and suggestions.</p>
                        <p>The next Roundtable will be <em>Wednesday, December 4, 1700 UTC</em>. The main topic will be a deep dive into <em>asf.yaml</em>, the Swiss Army Knife of ASF build utilities.</p>
                            <div class="d-grid mt-auto">
                                <a href="/roundtable.html" class="btn btn-primary">Learn More...</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Ideas -->
                <div class="col-md">
                    <div class="card rounded-3 bg-light h-100">
                        <div class="card-body d-flex flex-column">
                            <a href="https://github.com/apache/infrastructure-ideas/tree/main" target="_blank"></a>
                            <h5 class="card-title text-center text-capitalize">
                                <i class="fa-regular fa-lightbulb" style="color: #000; font-size: 16pt;"></i>
                                <a href="https://github.com/apache/infrastructure-ideas/tree/main" target="_blank">Ideas</a>
                            </h5>
                            <p class="card-text">
                                Here is the suggestion box for future ASF infrastructure services, as well as for enhancements to existing services.</p>
                        <p>Add your suggestion, or upvote and comment on suggestions others have made.
                            </p>
                            <div class="d-grid mt-auto">
                                <a href="https://github.com/apache/infrastructure-ideas/tree/main" target="_blank" class="btn btn-primary">Suggest!</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Newsletter -->
                <div class="col-md">
                    <div class="card rounded-3 bg-light h-100">
                        <div class="card-body d-flex flex-column">
                            <a href="/services.html"></a>
                            <h5 class="card-title text-center text-capitalize">
                                <i class="fa-regular fa-newspaper" style="color: #000; font-size: 16pt;"></i>
                               <a href="https://infra.apache.org/blog/newsletter_10_24.html">Inside Infra</a>
                            </h5>
                            <p class="card-text">
                                Infra publishes a monthly newsletter, "Inside Infra", on our <a href="https://infra.apache.org/blog/">blog</a> and also emails it to Members and committers who have subscribed to the <code>users@infra.apache.org</code> email list. This is a handy way to catch up on Infrastructure developments, policy changes, and new resources.
                            </p>
                            <div class="d-grid mt-auto">
                                <a href="https://infra.apache.org/blog/newsletter_09_24.html" class="btn btn-primary">Read the latest issue</a>
                            </div>
                        </div>
                    </div>
                </div> 

            </div>