add draft integrations page

Signed-off-by: Daniel Holbach <daniel@weave.works>

assets/scss/_integrations.scss

@@ -0,0 +1,19 @@
+.integrations {
+
+    .card-deck {
+
+      .card {
+        min-width: 300px;
+        max-width: 300px;
+
+        .img-fluid {
+            width: 250px;
+        }
+      }
+
+      .card-header {
+        overflow-wrap: break-all;
+        hyphens: auto;
+      }
+    }
+  }

assets/scss/main.scss

@@ -5,5 +5,6 @@
 @import "adopters";
 @import "page";
 @import "index";
+@import "integrations";
 @import "buttons";
 @import "terminal";

content/en/integrations.md

@@ -0,0 +1,70 @@
+---
+title: Flux Integrations
+type: page
+---
+
+## Flux Integrations and Extensions
+
+These tools and integrations with Flux are available.
+
+We are happy and proud to have you all as part of our community! :sparkling_heart:
+
+To join this list, please file a PR.
+
+<div class="integrations">
+
+## Integrations
+
+{{< cardpane >}}
+
+{{% card header="[Kraan](https://github.com/fidelity/kraan) (fidelity/kraan)" %}}
+![Kraan](/img/fidelity-logo.png)
+
+Kraan is a Kubernetes Controller that manages the deployment of HelmReleases to a cluster.
+{{% /card %}}
+
+{{% card header="[Bedrock](https://github.com/microsoft/bedrock) (microsoft/bedrock)" %}}
+![Bedrock](/img/microsoft-logo.png)
+
+Automation for Production Kubernetes Clusters with a GitOps Workflow.
+{{% /card %}}
+
+{{% card header="[Fabrikate](https://github.com/microsoft/fabrikate) (microsoft/fabrikate)" %}}
+![Fabrikate](/img/microsoft-logo.png)
+
+Making GitOps with Kubernetes easier one component at a time.
+{{% /card %}}
+
+{{% card header="[GitOps Connector](https://github.com/microsoft/gitops-connector) (microsoft/gitops-connector)" %}}
+![GitOps Connector](/img/microsoft-logo.png)
+
+A GitOps Connector integrates a GitOps operator with CI/CD orchestrator.
+{{% /card %}}
+
+{{% card header="[das-schiff](https://github.com/telekom/das-schiff) (telekom/das-schiff)" %}}
+![das-schiff](/img/das-schiff-logo.png)
+
+This is home of Das Schiff - Deutsche Telekom Technik's engine for Kubernetes Cluster as a Service (CaaS) in on-premise environment on top of bare-metal servers and VMs.
+{{% /card %}}
+
+{{% card header="[weave-gitops](https://github.com/weaveworks/weave-gitops) (weaveworks/weave-gitops)" %}}
+![das-schiff](/img/weaveworks-logo.png)
+
+Weave GitOps enables an effective GitOps workflow for continuous delivery of applications into Kubernetes clusters.
+{{% /card %}}
+
+{{< /cardpane >}}
+
+## Flux Extensions
+
+{{< cardpane >}}
+
+{{% card header="[jsonnet-controller](https://github.com/pelotech/jsonnet-controller) (pelotech/jsonnet-controller)" %}}
+![jsonnet-controller](/img/pelotech-logo.png)
+
+A fluxcd controller for managing manifests declared in jsonnet.
+{{% /card %}}
+
+{{< /cardpane >}}
+
+</div>