community-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From adityasha...@apache.org
Subject [comdev-fosdem-content] 11/17: Build out template for Projects page
Date Fri, 05 Feb 2021 04:11:41 GMT
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 <kenneth.paskett@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


Mime
View raw message