You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@community.apache.org by ad...@apache.org on 2021/02/05 04:11:41 UTC

[comdev-fosdem-content] 11/17: Build out template for Projects page

This is an automated email from the ASF dual-hosted git repository.

adityasharma pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/comdev-fosdem-content.git

commit 01fbd7e1f92ddd1e9525e7e6a8c82eca0d8bc36f
Author: Kenneth Paskett <ke...@gmail.com>
AuthorDate: Tue Feb 2 20:50:17 2021 -0700

    Build out template for Projects page
---
 our-projects.html | 122 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 122 insertions(+)

diff --git a/our-projects.html b/our-projects.html
new file mode 100644
index 0000000..181c1cb
--- /dev/null
+++ b/our-projects.html
@@ -0,0 +1,122 @@
+---
+title: Our Projects
+---
+<style>
+  .lead {
+    line-height: 1.425;
+  }
+  .projects {
+    display: grid;
+    grid-auto-flow: row;
+    grid-gap: 15px;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  }
+
+  .projects .project img {
+    object-fit: scale-down;
+    padding: 15px;
+  } 
+
+  .btn-primary,
+  .btn-primary:active,
+  .btn-primary:focus
+   {
+    background-color: #4643aa;
+    border-color: #302d73;
+  }
+
+  .btn-primary:hover {
+    background-color: #302d73;
+  }
+
+.btn-primary:focus {
+  box-shadow: 0 0 0 0.2rem rgba(70, 67, 170, .5);
+}
+</style>
+
+<h1>Our Projects</h1>
+<p class="lead">The all-volunteer ASF develops, stewards, and incubates more than 350 Open Source projects and initiatives that cover a wide range of technologies. From Accumulo to Zookeeper, if you are looking for a rewarding experience in Open Source and industry leading software, chances are you are going to find it here.</p>
+
+<hr class="my-5" />
+
+<h2>Featured Projects</h2>
+<div class="projects">
+  <div class="card project">
+    <img src="/stands/the_apache_software_foundation/ant.png" class="card-img-top bg-light" alt="Apache Ant">
+    <div class="card-body">
+      <h5 class="card-title">Apache Ant</h5>
+      <p class="card-text">Apache Ant is a Java library and command-line tool whose mission is to drive processes described in build files as targets and extension points dependent upon each other. The main known usage of Ant is the build of Java applications.</p>
+    </div>
+    <div class="card-footer bg-white text-right"><a href="https://ant.apache.org" target="_blank" class="btn btn-primary">Explore Apache Ant</a></div>
+  </div>
+  <div class="card project">
+    <img src="/stands/the_apache_software_foundation/project2.png" class="card-img-top bg-light" alt="Project 2">
+    <div class="card-body">
+      <h5 class="card-title">Project 2</h5>
+      <p class="card-text">This is a longer description for testing purposes description</p>
+    </div>
+    <div class="card-footer bg-white text-right"><a href="#" target="_blank" class="btn btn-primary">Learn about Project 2</a></div>
+  </div>
+  <div class="card project">
+    <img src="/stands/the_apache_software_foundation/project3.png" class="card-img-top bg-light" alt="Project 3">
+    <div class="card-body">
+      <h5 class="card-title">Project 3</h5>
+      <p class="card-text">Short project description</p>
+    </div>
+    <div class="card-footer bg-white text-right"><a href="#" target="_blank" class="btn btn-primary">Learn about Project 3</a></div>
+  </div>
+  <div class="card project">
+    <img src="/stands/the_apache_software_foundation/project4.png" class="card-img-top bg-light" alt="Project 4">
+    <div class="card-body">
+      <h5 class="card-title">Project 4</h5>
+      <p class="card-text">Short project description</p>
+    </div>
+    <div class="card-footer bg-white text-right"><a href="#" target="_blank" class="btn btn-primary">Learn about Project 4</a></div>
+  </div>
+  <div class="card project">
+    <img src="/stands/the_apache_software_foundation/project5.png" class="card-img-top bg-light" alt="Project 5">
+    <div class="card-body">
+      <h5 class="card-title">Project 5</h5>
+      <p class="card-text">Short project description</p>
+    </div>
+    <div class="card-footer bg-white text-right"><a href="#" target="_blank" class="btn btn-primary">Learn about Project 5</a></div>
+  </div>
+  <div class="card project">
+    <img src="/stands/the_apache_software_foundation/project6.png" class="card-img-top bg-light" alt="Project 6">
+    <div class="card-body">
+      <h5 class="card-title">Project 6</h5>
+      <p class="card-text">This is a longer description for testing purposes description</p>
+    </div>
+    <div class="card-footer bg-white text-right"><a href="#" target="_blank" class="btn btn-primary">Learn about Project 6</a></div>
+  </div>
+  <div class="card project">
+    <img src="/stands/the_apache_software_foundation/project7.png" class="card-img-top bg-light" alt="Project 7">
+    <div class="card-body">
+      <h5 class="card-title">Project 7</h5>
+      <p class="card-text">Short project description</p>
+    </div>
+    <div class="card-footer bg-white text-right"><a href="#" target="_blank" class="btn btn-primary">Learn about Project 7</a></div>
+  </div>
+  <div class="card project">
+    <img src="/stands/the_apache_software_foundation/project8.png" class="card-img-top bg-light" alt="Project 8">
+    <div class="card-body">
+      <h5 class="card-title">Project 8</h5>
+      <p class="card-text">Short project description</p>
+    </div>
+    <div class="card-footer bg-white text-right"><a href="#" target="_blank" class="btn btn-primary">Learn about Project 8</a></div>
+  </div>
+  <div class="card project">
+    <img src="/stands/the_apache_software_foundation/project9.png" class="card-img-top bg-light" alt="Project 9">
+    <div class="card-body">
+      <h5 class="card-title">Project 9</h5>
+      <p class="card-text">Short project description</p>
+    </div>
+    <div class="card-footer bg-white text-right"><a href="#" target="_blank" class="btn btn-primary">Learn about Project 9</a></div>
+  </div>
+</div>
+
+<hr class="my-5" />
+
+<h2>Additional Projects</h2>
+<p>The Apache Software foundation has over 300 top-level projects! Our <a href="https://projects.apache.org/projects.html" target="_blank">Projects Directory</a> is designed to help you find specific projects that meet your interests and to gain a broader understanding of the wide variety of work currently underway in the Apache community.</p>
+<a class="btn btn-primary" href="https://projects.apache.org/projects.html" target="_blank">Explore Apache Projects</a>
\ No newline at end of file