This is an automated email from the ASF dual-hosted git repository. aloalt pushed a commit to branch website-new in repository https://gitbox.apache.org/repos/asf/incubator-wayang-website.git
commit 28484b7dbac439a3a4aa30f578b6db386d76f537 Author: 2pk03 <[email protected]> AuthorDate: Mon Mar 6 10:40:30 2023 +0100 first draft with BS 5 --- 404.html | 94 ++++++++ assets/bootstrap/css/bootstrap.min.css | 7 + assets/bootstrap/js/bootstrap.min.js | 6 + assets/img/brands/instacart.png | Bin 0 -> 2215 bytes assets/img/brands/kickstarter.png | Bin 0 -> 2303 bytes assets/img/brands/lyft.png | Bin 0 -> 890 bytes assets/img/brands/pinterest.png | Bin 0 -> 1964 bytes assets/img/brands/shopify.png | Bin 0 -> 2471 bytes assets/img/brands/twitter.png | Bin 0 -> 811 bytes assets/img/illustrations/404.svg | 1 + assets/img/illustrations/data-management.svg | 1 + assets/img/illustrations/javascript.svg | 1 + assets/img/illustrations/meeting.svg | 1 + assets/img/illustrations/presentation-2.svg | 1 + assets/img/illustrations/presentation.svg | 1 + assets/img/illustrations/ranking.svg | 1 + assets/img/illustrations/report.svg | 1 + assets/img/illustrations/startup.svg | 1 + assets/img/illustrations/teamwork.svg | 1 + assets/img/illustrations/video-call.svg | 1 + assets/img/illustrations/web-development.svg | 1 + assets/js/startup-modern.js | 26 +++ contacts.html | 146 ++++++++++++ features.html | 269 ++++++++++++++++++++++ index.html | 324 +++++++++++++++++++++++++++ integrations.html | 195 ++++++++++++++++ testimonials.html | 139 ++++++++++++ 27 files changed, 1218 insertions(+) diff --git a/404.html b/404.html new file mode 100644 index 0000000..6e2eb9c --- /dev/null +++ b/404.html @@ -0,0 +1,94 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> + <title>Page Not Found - Apache Wayang</title> + <meta name="description" content="Apache Wayang is a cross-platform data processing system that aims at decoupling the business logic of data analytics applications from concrete data processing platforms."> + <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap";> +</head> + +<body> + <nav class="navbar navbar-light navbar-expand-md fixed-top navbar-shrink py-3" id="mainNav"> + <div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><span>Apache Wayang</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> + <div class="collapse navbar-collapse" id="navcol-1"> + <ul class="navbar-nav mx-auto"> + <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li> + <li class="nav-item"><a class="nav-link" href="features.html">Features</a></li> + <li class="nav-item"><a class="nav-link" href="integrations.html">Integrations</a></li> + <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li> + <li class="nav-item"><a class="nav-link" href="contacts.html">Community</a></li> + </ul><a class="btn btn-primary shadow" role="button" href="https://github.com/apache/incubator-wayang"; target="_blank" rel="external">Star on GitHub</a> + </div> + </div> + </nav> + <section class="py-5 mt-5"> + <div class="container"> + <div class="row row-cols-1 d-flex justify-content-center align-items-center"> + <div class="col-md-10 text-center"><img class="img-fluid w-100" src="assets/img/illustrations/404.svg"></div> + <div class="col text-center"> + <h2 class="display-3 fw-bold mb-4">Page Not Found</h2> + <p class="fs-4 text-muted">Fusce adipiscing sit, torquent porta pulvinar.</p> + </div> + </div> + </div> + </section> + <footer> + <div class="container py-4 py-lg-5"> + <div class="row row-cols-2 row-cols-md-4"> + <div class="col-12 col-md-3"> + <div class="fw-bold d-flex align-items-center mb-2"><span>Apache Wayang</span></div> + <p class="text-muted">Apache Wayang: Cross-Platform Data Processing Made Easy</p> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">The Project</h3> + <ul class="list-unstyled"> + <li><a href="#">Home</a></li> + <li><a href="#">Community</a></li> + <li><a href="#">Codebase</a></li> + </ul> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">Developer Corner</h3> + <ul class="list-unstyled"> + <li><a href="#">Documentation</a></li> + <li><a href="#">Publications</a></li> + <li><a href="#">Download</a></li> + </ul> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">Apache</h3> + <ul class="list-unstyled"> + <li><a href="https://www.apache.org/foundation/how-it-works.html"; target="_blank">Apache Software Foundation</a></li> + <li><a href="https://www.apache.org/licenses/"; target="_blank">License</a></li> + <li><a href="https://www.apache.org/foundation/sponsorship.html"; target="_blank">Sponsorship</a></li> + <li><a href="https://www.apache.org/foundation/thanks.html"; target="_blank">Thanks</a></li> + <li><a href="https://www.apache.org/security/"; target="_blank">Security</a></li> + <li><a href="https://www.apache.org/events/current-event"; target="_blank">Events</a></li> + </ul> + </div> + </div> + <hr> + <div class="text-muted d-flex justify-content-between align-items-center pt-3"> + <p class="mb-0">Copyright © 2023 Apache Wayang</p> + <ul class="list-inline mb-0"> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook"> + <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path> + </svg></li> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter"> + <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 [...] + </svg></li> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram"> + <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372 [...] + </svg></li> + </ul> + </div> + </div> + </footer> + <script src="assets/bootstrap/js/bootstrap.min.js"></script> + <script src="assets/js/startup-modern.js"></script> +</body> + +</html> \ No newline at end of file diff --git a/assets/bootstrap/css/bootstrap.min.css b/assets/bootstrap/css/bootstrap.min.css new file mode 100644 index 0000000..0ae4b9e --- /dev/null +++ b/assets/bootstrap/css/bootstrap.min.css @@ -0,0 +1,7 @@ +@import url(https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap); +/*! + * Bootstrap v5.2.3 (https://getbootstrap.com/) + * Copyright 2011-2022 The Bootstrap Authors + * Copyright 2011-2022 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */:root{--bs-blue: #3763f4;--bs-indigo: #24285b;--bs-purple: #6f42c1;--bs-pink: #e33cd1;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffd200;--bs-green: #00b779;--bs-teal: #00b4c9;--bs-cyan: #00b4c9;--bs-black: #000;--bs-white: #fff;--bs-gray: #4e5d78;--bs-gray-dark: #343a40;--bs-gray-100: #f5f6f8;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #4e5d78;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #2d2d2d;- [...] diff --git a/assets/bootstrap/js/bootstrap.min.js b/assets/bootstrap/js/bootstrap.min.js new file mode 100644 index 0000000..ac5dfd3 --- /dev/null +++ b/assets/bootstrap/js/bootstrap.min.js @@ -0,0 +1,6 @@ +/*! + * Bootstrap v5.2.3 (https://getbootstrap.com/) + * Copyright 2011-2022 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).bootstrap=e()}(this,(function(){"use strict";const t="transitionend",e=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i=`#${i.split("#")[1]}`),e=i&&"#"!==i?i.trim():nul [...] diff --git a/assets/img/brands/instacart.png b/assets/img/brands/instacart.png new file mode 100644 index 0000000..c5c496c Binary files /dev/null and b/assets/img/brands/instacart.png differ diff --git a/assets/img/brands/kickstarter.png b/assets/img/brands/kickstarter.png new file mode 100644 index 0000000..bc968c7 Binary files /dev/null and b/assets/img/brands/kickstarter.png differ diff --git a/assets/img/brands/lyft.png b/assets/img/brands/lyft.png new file mode 100644 index 0000000..aaeb5d0 Binary files /dev/null and b/assets/img/brands/lyft.png differ diff --git a/assets/img/brands/pinterest.png b/assets/img/brands/pinterest.png new file mode 100644 index 0000000..cd4ea78 Binary files /dev/null and b/assets/img/brands/pinterest.png differ diff --git a/assets/img/brands/shopify.png b/assets/img/brands/shopify.png new file mode 100644 index 0000000..c10b68e Binary files /dev/null and b/assets/img/brands/shopify.png differ diff --git a/assets/img/brands/twitter.png b/assets/img/brands/twitter.png new file mode 100644 index 0000000..ed60c34 Binary files /dev/null and b/assets/img/brands/twitter.png differ diff --git a/assets/img/illustrations/404.svg b/assets/img/illustrations/404.svg new file mode 100644 index 0000000..500484c --- /dev/null +++ b/assets/img/illustrations/404.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><path d="M95.85,121.73c-27.66,4.91-47.21,29-44,55.43,1.71,14,8.64,26.43,26.47,30,47.3,9.51,225.85,45.31,260.93-16.72,27.35-48.34,11.05-81.81-14.35-102.76s-78-16.6-121.53-2.26C171,96.11,146.93,112.65,95.85,121.73Z" fill="#e6e6e6" opacity="0.3"></path><ellipse cx="205.6" cy="245.02" rx="161.02" ry="11.9" fill="#e6e6e6" [...] \ No newline at end of file diff --git a/assets/img/illustrations/data-management.svg b/assets/img/illustrations/data-management.svg new file mode 100644 index 0000000..a5c2303 --- /dev/null +++ b/assets/img/illustrations/data-management.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><ellipse cx="207.55" cy="256.09" rx="164.68" ry="11.38" fill="#e6e6e6" opacity="0.45"></ellipse><path d="M111.88,179.92,103,208.24A29.06,29.06,0,0,1,87.75,225.8l-13,6.19.52,3.84,19.46-4.2a34.26,34.26,0,0,0,21.09-17.88l13.74-28.29Z" fill="#f4a28c"></path><path d="M300.22,244.67s-8.93-2.44-10.87-10.75c0,0,13.83-2.79,14 [...] \ No newline at end of file diff --git a/assets/img/illustrations/javascript.svg b/assets/img/illustrations/javascript.svg new file mode 100644 index 0000000..72256fd --- /dev/null +++ b/assets/img/illustrations/javascript.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><rect x="48.36" y="79.23" width="119.94" height="101.53" fill="#24285b"></rect><rect x="83.41" y="138.33" width="38.53" height="4.31" fill="#68e1fd"></rect><rect x="94.46" y="126.33" width="34.44" height="4.31" fill="#ffd200"></rect><rect x="109.14" y="159.71" width="17.97" height="4.31" fill="#ffd200"></rect><rect x [...] \ No newline at end of file diff --git a/assets/img/illustrations/meeting.svg b/assets/img/illustrations/meeting.svg new file mode 100644 index 0000000..988d5f2 --- /dev/null +++ b/assets/img/illustrations/meeting.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><title>#116_team meeting_twocolour</title><ellipse cx="202.86" cy="258.95" rx="170.5" ry="13.38" fill="#e6e6e6" opacity="0.45"></ellipse><path d="M108.06,244s.06,3.94,3.13,5.3,2.84,4.74-.28,4.57-9.22-6.37-9.22-6.37L104,241.8Z" fill="#68e1fd"></path><path d="M96,202.62s18.35.81,16.35,13.26-10.1,25.92-10.1,25.92l7.06,2 [...] \ No newline at end of file diff --git a/assets/img/illustrations/presentation-2.svg b/assets/img/illustrations/presentation-2.svg new file mode 100644 index 0000000..8c00879 --- /dev/null +++ b/assets/img/illustrations/presentation-2.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><title>_</title><path d="M101.89,58.55C68,67.72,41.17,89.21,36.94,128.76c-3.56,33.33,3.14,89.18,60,100.31,55,10.78,253.42,32.23,266.47-37.84,7.42-39.86,8.25-107.48-54.65-129C266.12,47.57,174.62,38.89,101.89,58.55Z" fill="#e6e6e6" opacity="0.3"></path><ellipse cx="264.37" cy="249.75" rx="99.04" ry="9.9" fill="#e6e6e6" [...] \ No newline at end of file diff --git a/assets/img/illustrations/presentation.svg b/assets/img/illustrations/presentation.svg new file mode 100644 index 0000000..5ef731a --- /dev/null +++ b/assets/img/illustrations/presentation.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><title>_</title><path d="M107.22,60.25C73.29,69.42,46.5,90.91,42.27,130.46c-3.56,33.33,1.47,92.18,58.61,101.82C212.07,251,303,257.15,343.9,205.86c25.28-31.69,33.09-120.41-29.8-142C271.45,49.27,180,40.59,107.22,60.25Z" fill="#e6e6e6" opacity="0.3"></path><rect x="77.75" y="76.08" width="240.2" height="126.94" fill="#e [...] \ No newline at end of file diff --git a/assets/img/illustrations/ranking.svg b/assets/img/illustrations/ranking.svg new file mode 100644 index 0000000..b7356fa --- /dev/null +++ b/assets/img/illustrations/ranking.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><title>_</title><rect x="50.19" y="47.41" width="299.38" height="217.54" transform="matrix(1, 0, 0, 1, -0.39, 0.49)" fill="#f2f2f2"></rect><rect x="49.91" y="47.78" width="299.49" height="42.46" fill="#e6e6e6"></rect><circle cx="76.77" cy="69.5" r="5.43" fill="#24285b"></circle><circle cx="92.91" cy="69.46" r="5.43" [...] \ No newline at end of file diff --git a/assets/img/illustrations/report.svg b/assets/img/illustrations/report.svg new file mode 100644 index 0000000..34f2f04 --- /dev/null +++ b/assets/img/illustrations/report.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><title>_</title><path d="M109.49,61.05c-35.13,8.4-63.08,28.83-68,67.07-4.18,32.21.12,89.27,58.9,99.41,114.38,19.74,199.82,19.86,242.8-29.23C369.7,168,369.25,76,305.18,62.23,259.86,52.46,184.8,43.05,109.49,61.05Z" fill="#e6e6e6" opacity="0.3"></path><path d="M297.83,58.74V244.22H149.15a13.4,13.4,0,0,1-13.4-13.4V60a13, [...] \ No newline at end of file diff --git a/assets/img/illustrations/startup.svg b/assets/img/illustrations/startup.svg new file mode 100644 index 0000000..cbe76dd --- /dev/null +++ b/assets/img/illustrations/startup.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><rect x="103.24" y="71.8" width="192.92" height="140.09" transform="translate(399.39 283.68) rotate(-180)" fill="#e6e6e6"></rect><path d="M291.07,109.31s-4-1.13-5.39,4.93-.74,7.37,2.21,8.89,1.44,11.36-3.93,11.15-9.74-4.55-12.37,0-5.29,38-16.28,30.74-13.45-34.91-13.45-34.91l-19.64-.29v21.69l15.28-.31s2,26.64,23.45,32. [...] \ No newline at end of file diff --git a/assets/img/illustrations/teamwork.svg b/assets/img/illustrations/teamwork.svg new file mode 100644 index 0000000..893e359 --- /dev/null +++ b/assets/img/illustrations/teamwork.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><title>_</title><ellipse cx="199.51" cy="253.53" rx="134.06" ry="9.85" fill="#e6e6e6" opacity="0.45"></ellipse><path d="M206.35,43.21l-1.28,28c-3.73,7-4.81,8.16-6.14,8.41V88c3.29.8,6.21,1,7.93,0,6-3.6,10.14-21.89,10.14-21.89Z" fill="#68e1fd"></path><rect x="91.72" y="74.04" width="220.73" height="160.39" transform="t [...] \ No newline at end of file diff --git a/assets/img/illustrations/video-call.svg b/assets/img/illustrations/video-call.svg new file mode 100644 index 0000000..3477b99 --- /dev/null +++ b/assets/img/illustrations/video-call.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><title>_</title><rect x="46.62" y="47.88" width="133" height="117.99" fill="#f2f2f2"></rect><rect x="46.62" y="147.54" width="133" height="18.33" fill="#e6e6e6"></rect><circle cx="57.76" cy="156.13" r="5.53" fill="#68e1fd"></circle><circle cx="71.09" cy="156.13" r="5.53" fill="#ffd200"></circle><path d="M73.66,157.53 [...] \ No newline at end of file diff --git a/assets/img/illustrations/web-development.svg b/assets/img/illustrations/web-development.svg new file mode 100644 index 0000000..3c209ee --- /dev/null +++ b/assets/img/illustrations/web-development.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><title>#4 web development</title><ellipse cx="88.4" cy="256.54" rx="56.71" ry="10.74" fill="#e6e6e6" opacity="0.45"></ellipse><rect x="91.17" y="76.3" width="209.1" height="137.4" fill="#e6e6e6"></rect><circle cx="101.28" cy="85.42" r="3.42" fill="#24285b"></circle><circle cx="111.44" cy="85.42" r="3.42" fill="#68e1f [...] \ No newline at end of file diff --git a/assets/js/startup-modern.js b/assets/js/startup-modern.js new file mode 100644 index 0000000..b13da3f --- /dev/null +++ b/assets/js/startup-modern.js @@ -0,0 +1,26 @@ +(function() { + "use strict"; // Start of use strict + + var mainNav = document.querySelector('#mainNav'); + + if (mainNav) { + + // Collapse Navbar + var collapseNavbar = function() { + + var scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop; + + if (scrollTop > 100) { + mainNav.classList.add("navbar-shrink"); + } else { + mainNav.classList.remove("navbar-shrink"); + } + }; + // Collapse now if page is not at top + collapseNavbar(); + // Collapse the navbar when page is scrolled + document.addEventListener("scroll", collapseNavbar); + } + +})(); // End of use strict + diff --git a/contacts.html b/contacts.html new file mode 100644 index 0000000..2d76b3c --- /dev/null +++ b/contacts.html @@ -0,0 +1,146 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> + <title>Contacts - Apache Wayang</title> + <meta name="description" content="Apache Wayang is a cross-platform data processing system that aims at decoupling the business logic of data analytics applications from concrete data processing platforms."> + <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap";> +</head> + +<body> + <nav class="navbar navbar-light navbar-expand-md fixed-top navbar-shrink py-3" id="mainNav"> + <div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><span>Apache Wayang</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> + <div class="collapse navbar-collapse" id="navcol-1"> + <ul class="navbar-nav mx-auto"> + <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li> + <li class="nav-item"><a class="nav-link" href="features.html">Features</a></li> + <li class="nav-item"><a class="nav-link" href="integrations.html">Integrations</a></li> + <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li> + <li class="nav-item"><a class="nav-link active" href="contacts.html">Community</a></li> + </ul><a class="btn btn-primary shadow" role="button" href="https://github.com/apache/incubator-wayang"; target="_blank" rel="external">Star on GitHub</a> + </div> + </div> + </nav> + <section class="py-5 mt-5"> + <div class="container py-5"> + <div class="row"> + <div class="col-md-8 col-xl-6 text-center mx-auto"> + <h2 class="display-6 fw-bold mb-4">Got any <span class="underline">questions</span>?</h2> + <p class="text-muted">Our team is always here to help. Send us a message and we'll get back to you shortly.</p> + </div> + </div> + <div class="row d-flex justify-content-center"> + <div class="col-md-6"> + <div> + <form class="p-3 p-xl-4" method="post"> + <div class="mb-3"><input class="shadow form-control" type="text" id="name-1" name="name" placeholder="Name"></div> + <div class="mb-3"><input class="shadow form-control" type="email" id="email-1" name="email" placeholder="Email"></div> + <div class="mb-3"><textarea class="shadow form-control" id="message-1" name="message" rows="6" placeholder="Message"></textarea></div> + <div><button class="btn btn-primary shadow d-block w-100" type="submit">Send </button></div> + </form> + </div> + </div> + </div> + </div> + </section> + <section class="py-4 py-xl-5 mb-5"> + <div class="container"> + <div class="row mb-2"> + <div class="col-md-8 col-xl-6 text-center mx-auto"> + <h2 class="display-6 fw-bold mb-5"><span class="pb-3 underline">FAQ<br></span></h2> + <p class="text-muted mb-5">Curae hendrerit donec commodo hendrerit egestas tempus, turpis facilisis nostra nunc. Vestibulum dui eget ultrices.</p> + </div> + </div> + <div class="row mb-2"> + <div class="col-md-8 mx-auto"> + <div class="accordion text-muted" role="tablist" id="accordion-1"> + <div class="accordion-item"> + <h2 class="accordion-header" role="tab"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-1" aria-expanded="true" aria-controls="accordion-1 .item-1">Aenean arcu euismod aliquam, volutpat consequat?</button></h2> + <div class="accordion-collapse collapse show item-1" role="tabpanel" data-bs-parent="#accordion-1"> + <div class="accordion-body"> + <p>Maecenas diam volutpat, erat quis enim cras lobortis vivamus donec tempor. Congue ultrices donec turpis vivamus. Laoreet aenean metus, mi nunc massa feugiat duis. Pharetra erat consequat purus curae quisque, etiam accumsan class.</p> + <p class="mb-0">Commodo rutrum quisque curabitur habitasse, suspendisse etiam.</p> + </div> + </div> + </div> + <div class="accordion-item"> + <h2 class="accordion-header" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-2" aria-expanded="false" aria-controls="accordion-1 .item-2">Lorem quam erat placerat mollis, rhoncus senectus?</button></h2> + <div class="accordion-collapse collapse item-2" role="tabpanel" data-bs-parent="#accordion-1"> + <div class="accordion-body"> + <p class="mb-0">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p> + </div> + </div> + </div> + <div class="accordion-item"> + <h2 class="accordion-header" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-3" aria-expanded="false" aria-controls="accordion-1 .item-3">Iaculis accumsan id, facilisis proin ipsum velit neque?</button></h2> + <div class="accordion-collapse collapse item-3" role="tabpanel" data-bs-parent="#accordion-1"> + <div class="accordion-body"> + <p class="mb-0">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </section> + <footer> + <div class="container py-4 py-lg-5"> + <div class="row row-cols-2 row-cols-md-4"> + <div class="col-12 col-md-3"> + <div class="fw-bold d-flex align-items-center mb-2"><span>Apache Wayang</span></div> + <p class="text-muted">Apache Wayang: Cross-Platform Data Processing Made Easy</p> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">The Project</h3> + <ul class="list-unstyled"> + <li><a href="#">Home</a></li> + <li><a href="#">Community</a></li> + <li><a href="#">Codebase</a></li> + </ul> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">Developer Corner</h3> + <ul class="list-unstyled"> + <li><a href="#">Documentation</a></li> + <li><a href="#">Publications</a></li> + <li><a href="#">Download</a></li> + </ul> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">Apache</h3> + <ul class="list-unstyled"> + <li><a href="https://www.apache.org/foundation/how-it-works.html"; target="_blank">Apache Software Foundation</a></li> + <li><a href="https://www.apache.org/licenses/"; target="_blank">License</a></li> + <li><a href="https://www.apache.org/foundation/sponsorship.html"; target="_blank">Sponsorship</a></li> + <li><a href="https://www.apache.org/foundation/thanks.html"; target="_blank">Thanks</a></li> + <li><a href="https://www.apache.org/security/"; target="_blank">Security</a></li> + <li><a href="https://www.apache.org/events/current-event"; target="_blank">Events</a></li> + </ul> + </div> + </div> + <hr> + <div class="text-muted d-flex justify-content-between align-items-center pt-3"> + <p class="mb-0">Copyright © 2023 Apache Wayang</p> + <ul class="list-inline mb-0"> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook"> + <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path> + </svg></li> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter"> + <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 [...] + </svg></li> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram"> + <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372 [...] + </svg></li> + </ul> + </div> + </div> + </footer> + <script src="assets/bootstrap/js/bootstrap.min.js"></script> + <script src="assets/js/startup-modern.js"></script> +</body> + +</html> \ No newline at end of file diff --git a/features.html b/features.html new file mode 100644 index 0000000..384e174 --- /dev/null +++ b/features.html @@ -0,0 +1,269 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> + <title>Features - Apache Wayang</title> + <meta name="description" content="Apache Wayang is a cross-platform data processing system that aims at decoupling the business logic of data analytics applications from concrete data processing platforms."> + <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap";> +</head> + +<body> + <nav class="navbar navbar-light navbar-expand-md fixed-top navbar-shrink py-3" id="mainNav"> + <div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><span>Apache Wayang</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> + <div class="collapse navbar-collapse" id="navcol-1"> + <ul class="navbar-nav mx-auto"> + <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li> + <li class="nav-item"><a class="nav-link active" href="features.html">Features</a></li> + <li class="nav-item"><a class="nav-link" href="integrations.html">Integrations</a></li> + <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li> + <li class="nav-item"><a class="nav-link" href="contacts.html">Community</a></li> + </ul><a class="btn btn-primary shadow" role="button" href="https://github.com/apache/incubator-wayang"; target="_blank" rel="external">Star on GitHub</a> + </div> + </div> + </nav> + <section class="py-5 mt-5"> + <div class="container py-4 py-xl-5"> + <div class="row gy-4 gy-md-0"> + <div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center"> + <div style="max-width: 350px;"> + <h1 class="display-6 fw-bold mb-4">Everything your team needs in one <span class="underline">platform</span>.</h1> + <p class="my-4">Tincidunt laoreet leo, adipiscing taciti tempor. Primis senectus sapien, risus donec ad fusce augue interdum.</p><a class="btn btn-primary btn-lg me-2" role="button" href="#">Button</a><a class="btn btn-outline-primary btn-lg" role="button" href="#">Button</a> + </div> + </div> + <div class="col-md-6"> + <div><img class="rounded img-fluid w-100 fit-cover" style="min-height: 300px;" src="assets/img/illustrations/ranking.svg"></div> + </div> + </div> + <div class="text-center mt-5"> + <p class="mb-4" style="font-size: 1.6rem;">Used by <span class="bg-warning p-1"><strong>2400+</strong></span> of the best companies in the world.</p><a href="#"> <img class="m-3" src="assets/img/brands/instacart.png"></a><a href="#"> <img class="m-3" src="assets/img/brands/kickstarter.png"></a><a href="#"> <img class="m-3" src="assets/img/brands/lyft.png"></a><a href="#"> <img class="m-3" src="assets/img/brands/shopify.png"></a><a href="#"> <img class="m-3" src="asse [...] + </div> + </div> + </section> + <section> + <div class="container py-4 py-xl-5"> + <div class="row mb-5"> + <div class="col-md-8 col-xl-6"> + <h3 class="display-6 fw-bold pb-4 mb-4">Features that make your team more <span class="underline">productive</span></h3> + </div> + <div class="col-md-8 col-xl-6 pt-4"> + <p class="text-muted">Libero tincidunt magna, leo tempus aenean. Adipiscing vestibulum vehicula vel donec pulvinar aliquam, blandit lorem.</p> + </div> + </div> + <div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-xl-3"> + <div class="col"> + <div class="card border-light border-1 d-flex justify-content-center p-4"> + <div class="card-body"> + <div> + <div class="bs-icon-lg bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-4 bs-icon"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + <h4 class="fw-bold">Title</h4> + <p class="text-muted">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p><a class="fw-bold link-primary" href="#">Learn more <svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-narrow-right fs-3"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <line x1="5" y1="12" x2="19" y2="12"></line> + <line x1="15" y1="16" x2="19" y2="12"></line> + <line x1="15" y1="8" x2="19" y2="12"></line> + </svg></a> + </div> + </div> + </div> + </div> + <div class="col"> + <div class="card border-light border-1 d-flex justify-content-center p-4"> + <div class="card-body"> + <div> + <div class="bs-icon-lg bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-4 bs-icon"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + <h4 class="fw-bold">Title</h4> + <p class="text-muted">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p><a class="fw-bold link-primary" href="#">Learn more <svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-narrow-right fs-3"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <line x1="5" y1="12" x2="19" y2="12"></line> + <line x1="15" y1="16" x2="19" y2="12"></line> + <line x1="15" y1="8" x2="19" y2="12"></line> + </svg></a> + </div> + </div> + </div> + </div> + <div class="col d-flex justify-content-between flex-xl-column"> + <div class="card border-light border-1 d-flex flex-grow-1 justify-content-center p-2 me-3 me-xl-0 mb-xl-4"> + <div class="card-body"> + <div class="bs-icon-md bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-4 bs-icon"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + <div class="d-flex justify-content-between align-items-center"> + <h4 class="fw-bold mb-0">Title</h4><a class="fw-bold link-primary" href="#"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-narrow-right fs-3"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <line x1="5" y1="12" x2="19" y2="12"></line> + <line x1="15" y1="16" x2="19" y2="12"></line> + <line x1="15" y1="8" x2="19" y2="12"></line> + </svg></a> + </div> + </div> + </div> + <div class="card border-light border-1 d-flex flex-grow-1 justify-content-center p-2"> + <div class="card-body"> + <div class="bs-icon-md bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-4 bs-icon"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + <div class="d-flex justify-content-between align-items-center"> + <h4 class="fw-bold mb-0">Title</h4><a class="fw-bold link-primary" href="#"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-narrow-right fs-3"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <line x1="5" y1="12" x2="19" y2="12"></line> + <line x1="15" y1="16" x2="19" y2="12"></line> + <line x1="15" y1="8" x2="19" y2="12"></line> + </svg></a> + </div> + </div> + </div> + </div> + </div> + </div> + </section> + <section class="py-5"> + <div class="container"> + <div class="row"> + <div class="col-md-4 mb-5"><img class="rounded img-fluid" src="assets/img/illustrations/presentation-2.svg"></div> + <div class="col d-md-flex align-items-md-end align-items-lg-center mb-5"> + <div class="row gy-4 row-cols-1 row-cols-md-2 flex-grow-1"> + <div class="col"> + <div class="card border-light border-1 d-flex justify-content-center p-4"> + <div class="card-body"> + <div> + <h4 class="fw-bold">Title</h4> + <p class="text-muted d-none d-xl-block">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p><a class="fw-bold link-primary" href="#">Learn more <svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-narrow-right fs-3"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <line x1="5" y1="12" x2="19" y2="12"></line> + <line x1="15" y1="16" x2="19" y2="12"></line> + <line x1="15" y1="8" x2="19" y2="12"></line> + </svg></a> + </div> + </div> + </div> + </div> + <div class="col"> + <div class="card border-light border-1 d-flex justify-content-center p-4"> + <div class="card-body"> + <div> + <h4 class="fw-bold">Title</h4> + <p class="text-muted d-none d-xl-block">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p><a class="fw-bold link-primary" href="#">Learn more <svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-narrow-right fs-3"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <line x1="5" y1="12" x2="19" y2="12"></line> + <line x1="15" y1="16" x2="19" y2="12"></line> + <line x1="15" y1="8" x2="19" y2="12"></line> + </svg></a> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div class="row"> + <div class="col d-md-flex align-items-md-end align-items-lg-center mb-5"> + <div class="row gy-4 row-cols-1 row-cols-md-2 flex-grow-1"> + <div class="col"> + <div class="card border-light border-1 d-flex justify-content-center p-4"> + <div class="card-body"> + <div> + <h4 class="fw-bold">Title</h4> + <p class="text-muted d-none d-xl-block">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p><a class="fw-bold link-primary" href="#">Learn more <svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-narrow-right fs-3"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <line x1="5" y1="12" x2="19" y2="12"></line> + <line x1="15" y1="16" x2="19" y2="12"></line> + <line x1="15" y1="8" x2="19" y2="12"></line> + </svg></a> + </div> + </div> + </div> + </div> + <div class="col"> + <div class="card border-light border-1 d-flex justify-content-center p-4"> + <div class="card-body"> + <div> + <h4 class="fw-bold">Title</h4> + <p class="text-muted d-none d-xl-block">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p><a class="fw-bold link-primary" href="#">Learn more <svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-narrow-right fs-3"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <line x1="5" y1="12" x2="19" y2="12"></line> + <line x1="15" y1="16" x2="19" y2="12"></line> + <line x1="15" y1="8" x2="19" y2="12"></line> + </svg></a> + </div> + </div> + </div> + </div> + </div> + </div> + <div class="col-md-4 order-first order-md-last mb-5"><img class="rounded img-fluid" src="assets/img/illustrations/video-call.svg"></div> + </div> + </div> + </section> + <footer> + <div class="container py-4 py-lg-5"> + <div class="row row-cols-2 row-cols-md-4"> + <div class="col-12 col-md-3"> + <div class="fw-bold d-flex align-items-center mb-2"><span>Apache Wayang</span></div> + <p class="text-muted">Apache Wayang: Cross-Platform Data Processing Made Easy</p> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">The Project</h3> + <ul class="list-unstyled"> + <li><a href="#">Home</a></li> + <li><a href="#">Community</a></li> + <li><a href="#">Codebase</a></li> + </ul> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">Developer Corner</h3> + <ul class="list-unstyled"> + <li><a href="#">Documentation</a></li> + <li><a href="#">Publications</a></li> + <li><a href="#">Download</a></li> + </ul> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">Apache</h3> + <ul class="list-unstyled"> + <li><a href="https://www.apache.org/foundation/how-it-works.html"; target="_blank">Apache Software Foundation</a></li> + <li><a href="https://www.apache.org/licenses/"; target="_blank">License</a></li> + <li><a href="https://www.apache.org/foundation/sponsorship.html"; target="_blank">Sponsorship</a></li> + <li><a href="https://www.apache.org/foundation/thanks.html"; target="_blank">Thanks</a></li> + <li><a href="https://www.apache.org/security/"; target="_blank">Security</a></li> + <li><a href="https://www.apache.org/events/current-event"; target="_blank">Events</a></li> + </ul> + </div> + </div> + <hr> + <div class="text-muted d-flex justify-content-between align-items-center pt-3"> + <p class="mb-0">Copyright © 2023 Apache Wayang</p> + <ul class="list-inline mb-0"> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook"> + <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path> + </svg></li> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter"> + <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 [...] + </svg></li> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram"> + <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372 [...] + </svg></li> + </ul> + </div> + </div> + </footer> + <script src="assets/bootstrap/js/bootstrap.min.js"></script> + <script src="assets/js/startup-modern.js"></script> +</body> + +</html> \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..c40420d --- /dev/null +++ b/index.html @@ -0,0 +1,324 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> + <title>Home - Apache Wayang</title> + <meta name="description" content="Apache Wayang is a cross-platform data processing system that aims at decoupling the business logic of data analytics applications from concrete data processing platforms."> + <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap";> +</head> + +<body> + <nav class="navbar navbar-light navbar-expand-md fixed-top navbar-shrink py-3" id="mainNav"> + <div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><span>Apache Wayang</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> + <div class="collapse navbar-collapse" id="navcol-1"> + <ul class="navbar-nav mx-auto"> + <li class="nav-item"><a class="nav-link active" href="index.html">Home</a></li> + <li class="nav-item"><a class="nav-link" href="features.html">Features</a></li> + <li class="nav-item"><a class="nav-link" href="integrations.html">Integrations</a></li> + <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li> + <li class="nav-item"><a class="nav-link" href="contacts.html">Community</a></li> + </ul><a class="btn btn-primary shadow" role="button" href="https://github.com/apache/incubator-wayang"; target="_blank" rel="external">Star on GitHub</a> + </div> + </div> + </nav> + <header class="pt-5"> + <div class="container pt-4 pt-xl-5"> + <div class="row pt-5"> + <div class="col-md-8 text-center text-md-start mx-auto"> + <div class="text-center"> + <h1 class="display-4 fw-bold mb-5">Run Data Analytics on <span class="underline">any</span> Platform.</h1> + <p class="fs-5 text-muted mb-5">The Stack for Cross-Platform Data Processing</p> + </div> + </div> + <div class="col-12 col-lg-10 mx-auto"> + <div class="text-center position-relative"><img class="img-fluid" src="assets/img/illustrations/meeting.svg" style="width: 800px;"></div> + </div> + </div> + </div> + </header> + <section> + <div class="container py-4 py-xl-5"> + <div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-lg-3"> + <div class="col"> + <div class="card border-light border-1 d-flex justify-content-center p-4"> + <div class="card-body"> + <div class="bs-icon-lg bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-4 bs-icon"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + <div> + <h4 class="fw-bold">Title</h4> + <p class="text-muted">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p><button class="btn btn-sm px-0" type="button">Learn More <svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right"> + <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path> + </svg><br></button> + </div> + </div> + </div> + </div> + <div class="col"> + <div class="card border-light border-1 d-flex justify-content-center p-4"> + <div class="card-body"> + <div class="bs-icon-lg bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-4 bs-icon"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + <div> + <h4 class="fw-bold">Title</h4> + <p class="text-muted">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p><button class="btn btn-sm px-0" type="button">Learn More <svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right"> + <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path> + </svg><br></button> + </div> + </div> + </div> + </div> + <div class="col"> + <div class="card border-light border-1 d-flex justify-content-center p-4"> + <div class="card-body"> + <div class="bs-icon-lg bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-4 bs-icon"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + <div> + <h4 class="fw-bold">Title</h4> + <p class="text-muted">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p><button class="btn btn-sm px-0" type="button">Learn More <svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right"> + <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path> + </svg><br></button> + </div> + </div> + </div> + </div> + </div> + </div> + </section> + <section> + <div class="container py-4 py-xl-5"> + <div class="row"> + <div class="col-md-6"> + <h3 class="display-6 fw-bold pb-md-4">Features that make your data engineers more <span class="underline">productive</span></h3> + </div> + <div class="col-md-6 pt-4"> + <p class="text-muted mb-4">Apache Wayang is a cross-platform data processing system that allows you to run data analytics on multiple platforms without changing your code. It provides an abstraction layer that can use different execution engines to perform a single task. Learn more about how Apache Wayang works and how you can use it for your data analytics applications.</p> + </div> + </div> + <div class="row gy-4 gy-md-0"> + <div class="col-md-6 d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center"> + <div> + <div class="row gy-2 row-cols-1 row-cols-sm-2"> + <div class="col text-center text-md-start"> + <div class="d-flex justify-content-center align-items-center justify-content-md-start"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-sun fs-3 text-primary bg-warning"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <circle cx="12" cy="12" r="4"></circle> + <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path> + </svg> + <h5 class="fw-bold mb-0 ms-2">Heading</h5> + </div> + <p class="text-muted my-3">Auctor nisi et, habitant gravida ad lectus posuere.</p> + </div> + <div class="col text-center text-md-start"> + <div class="d-flex justify-content-center align-items-center justify-content-md-start"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-sun fs-3 text-primary bg-warning"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <circle cx="12" cy="12" r="4"></circle> + <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path> + </svg> + <h5 class="fw-bold mb-0 ms-2">Heading</h5> + </div> + <p class="text-muted my-3">Auctor nisi et, habitant gravida ad lectus posuere.</p> + </div> + <div class="col text-center text-md-start"> + <div class="d-flex justify-content-center align-items-center justify-content-md-start"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-sun fs-3 text-primary bg-warning"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <circle cx="12" cy="12" r="4"></circle> + <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path> + </svg> + <h5 class="fw-bold mb-0 ms-2">Heading</h5> + </div> + <p class="text-muted my-3">Auctor nisi et, habitant gravida ad lectus posuere.</p> + </div> + <div class="col text-center text-md-start"> + <div class="d-flex justify-content-center align-items-center justify-content-md-start"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-sun fs-3 text-primary bg-warning"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <circle cx="12" cy="12" r="4"></circle> + <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path> + </svg> + <h5 class="fw-bold mb-0 ms-2">Heading</h5> + </div> + <p class="text-muted my-3">Auctor nisi et, habitant gravida ad lectus posuere.</p> + </div> + </div> + </div> + </div> + <div class="col-md-6 order-first order-md-last"> + <div><img class="rounded img-fluid w-100 fit-cover" style="min-height: 300px;" src="assets/img/illustrations/teamwork.svg"></div> + </div> + </div> + </div> + </section> + <section> + <div class="container py-4 py-xl-5"> + <div class="row gy-4 gy-md-0"> + <div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center"> + <div><img class="rounded img-fluid fit-cover" style="min-height: 300px;" src="assets/img/illustrations/presentation.svg" width="800"></div> + </div> + <div class="col"> + <div style="max-width: 450px;"> + <h3 class="fw-bold pb-md-4">Features that make your team more <span class="underline">productive</span></h3> + <p class="text-muted py-4 py-md-0">Venenatis leo imperdiet magna enim eu quisque, metus gravida pulvinar morbi.</p> + <div class="row gy-4 row-cols-2 row-cols-md-2"> + <div class="col"> + <div><span class="fs-2 fw-bold text-primary bg-warning">40+</span> + <p class="fw-normal text-muted">Amazing plugins</p> + </div> + </div> + <div class="col"> + <div><span class="fs-2 fw-bold text-primary bg-warning">100+</span> + <p class="fw-normal text-muted">Ready-to use templates</p> + </div> + </div> + <div class="col"> + <div><span class="fs-2 fw-bold text-primary bg-warning">123+</span> + <p class="fw-normal text-muted">Years of experience</p> + </div> + </div> + <div class="col"> + <div><span class="fs-2 fw-bold text-primary bg-warning">123+</span> + <p class="fw-normal text-muted">Years of experience</p> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </section> + <section class="py-4 py-xl-5"> + <div class="container"> + <div class="bg-primary border rounded border-0 border-primary overflow-hidden"> + <div class="row g-0"> + <div class="col-md-6 d-flex flex-column justify-content-center"> + <div class="text-white p-4 p-md-5"> + <h2 class="fw-bold text-white mb-3">Ut semper sed, aptent taciti conubia.</h2> + <p class="mb-4">Tincidunt laoreet leo, adipiscing taciti tempor. Primis senectus sapien, risus donec ad fusce augue interdum.</p> + <div class="my-3"><a class="btn btn-warning me-2 mt-2" role="button" href="#">Button</a><a class="btn btn-light mt-2" role="button" href="#">Button</a></div> + </div> + </div> + <div class="col-md-6 order-first order-md-last" style="min-height: 250px;"><img class="w-100 h-100 fit-contain pt-5 pt-md-0" src="assets/img/illustrations/web-development.svg"></div> + </div> + </div> + </div> + </section> + <section class="py-5"></section> + <section class="py-4 py-xl-5 mb-5"> + <div class="container"> + <div class="row mb-2"> + <div class="col-md-8 col-xl-6 text-center mx-auto"> + <h2 class="display-6 fw-bold mb-5"><span class="pb-3 underline">FAQ<br></span></h2> + <p class="text-muted mb-5">Curae hendrerit donec commodo hendrerit egestas tempus, turpis facilisis nostra nunc. Vestibulum dui eget ultrices.</p> + </div> + </div> + <div class="row mb-2"> + <div class="col-md-8 mx-auto"> + <div class="accordion text-muted" role="tablist" id="accordion-1"> + <div class="accordion-item"> + <h2 class="accordion-header" role="tab"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-1" aria-expanded="true" aria-controls="accordion-1 .item-1">Aenean arcu euismod aliquam, volutpat consequat?</button></h2> + <div class="accordion-collapse collapse show item-1" role="tabpanel" data-bs-parent="#accordion-1"> + <div class="accordion-body"> + <p>Maecenas diam volutpat, erat quis enim cras lobortis vivamus donec tempor. Congue ultrices donec turpis vivamus. Laoreet aenean metus, mi nunc massa feugiat duis. Pharetra erat consequat purus curae quisque, etiam accumsan class.</p> + <p class="mb-0">Commodo rutrum quisque curabitur habitasse, suspendisse etiam.</p> + </div> + </div> + </div> + <div class="accordion-item"> + <h2 class="accordion-header" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-2" aria-expanded="false" aria-controls="accordion-1 .item-2">Lorem quam erat placerat mollis, rhoncus senectus?</button></h2> + <div class="accordion-collapse collapse item-2" role="tabpanel" data-bs-parent="#accordion-1"> + <div class="accordion-body"> + <p class="mb-0">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p> + </div> + </div> + </div> + <div class="accordion-item"> + <h2 class="accordion-header" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-3" aria-expanded="false" aria-controls="accordion-1 .item-3">Iaculis accumsan id, facilisis proin ipsum velit neque?</button></h2> + <div class="accordion-collapse collapse item-3" role="tabpanel" data-bs-parent="#accordion-1"> + <div class="accordion-body"> + <p class="mb-0">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </section> + <section class="py-4 py-xl-5"> + <div class="container"> + <div class="text-white bg-primary border rounded border-0 border-primary d-flex flex-column justify-content-between flex-lg-row p-4 p-md-5"> + <div class="pb-2 pb-lg-1"> + <h2 class="fw-bold text-warning mb-2">Want to join the community?</h2> + <p class="mb-0">Imperdiet consectetur dolor, tristique himenaeos ultrices tristique neque.</p> + </div> + <div class="my-2"><a class="btn btn-light fs-5 py-2 px-4" role="button" href="contacts.html">Subscribe</a></div> + </div> + </div> + </section> + <footer> + <div class="container py-4 py-lg-5"> + <div class="row row-cols-2 row-cols-md-4"> + <div class="col-12 col-md-3"> + <div class="fw-bold d-flex align-items-center mb-2"><span>Apache Wayang</span></div> + <p class="text-muted">Apache Wayang: Cross-Platform Data Processing Made Easy</p> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">The Project</h3> + <ul class="list-unstyled"> + <li><a href="#">Home</a></li> + <li><a href="#">Community</a></li> + <li><a href="#">Codebase</a></li> + </ul> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">Developer Corner</h3> + <ul class="list-unstyled"> + <li><a href="#">Documentation</a></li> + <li><a href="#">Publications</a></li> + <li><a href="#">Download</a></li> + </ul> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">Apache</h3> + <ul class="list-unstyled"> + <li><a href="https://www.apache.org/foundation/how-it-works.html"; target="_blank">Apache Software Foundation</a></li> + <li><a href="https://www.apache.org/licenses/"; target="_blank">License</a></li> + <li><a href="https://www.apache.org/foundation/sponsorship.html"; target="_blank">Sponsorship</a></li> + <li><a href="https://www.apache.org/foundation/thanks.html"; target="_blank">Thanks</a></li> + <li><a href="https://www.apache.org/security/"; target="_blank">Security</a></li> + <li><a href="https://www.apache.org/events/current-event"; target="_blank">Events</a></li> + </ul> + </div> + </div> + <hr> + <div class="text-muted d-flex justify-content-between align-items-center pt-3"> + <p class="mb-0">Copyright © 2023 Apache Wayang</p> + <ul class="list-inline mb-0"> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook"> + <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path> + </svg></li> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter"> + <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 [...] + </svg></li> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram"> + <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372 [...] + </svg></li> + </ul> + </div> + </div> + </footer> + <script src="assets/bootstrap/js/bootstrap.min.js"></script> + <script src="assets/js/startup-modern.js"></script> +</body> + +</html> \ No newline at end of file diff --git a/integrations.html b/integrations.html new file mode 100644 index 0000000..7523f01 --- /dev/null +++ b/integrations.html @@ -0,0 +1,195 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> + <title>Integrations - Apache Wayang</title> + <meta name="description" content="Apache Wayang is a cross-platform data processing system that aims at decoupling the business logic of data analytics applications from concrete data processing platforms."> + <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap";> +</head> + +<body> + <nav class="navbar navbar-light navbar-expand-md fixed-top navbar-shrink py-3" id="mainNav"> + <div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><span>Apache Wayang</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> + <div class="collapse navbar-collapse" id="navcol-1"> + <ul class="navbar-nav mx-auto"> + <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li> + <li class="nav-item"><a class="nav-link" href="features.html">Features</a></li> + <li class="nav-item"><a class="nav-link active" href="integrations.html">Integrations</a></li> + <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li> + <li class="nav-item"><a class="nav-link" href="contacts.html">Community</a></li> + </ul><a class="btn btn-primary shadow" role="button" href="https://github.com/apache/incubator-wayang"; target="_blank" rel="external">Star on GitHub</a> + </div> + </div> + </nav> + <section class="py-5 mt-5"> + <div class="container py-4 py-xl-5"> + <div class="row gy-4 gy-md-0"> + <div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center"> + <div style="max-width: 350px;"> + <h1 class="display-5 fw-bold mb-4">Skyrocket your productivity with our <span class="underline">tools</span>.</h1> + <p class="text-muted my-4">Tincidunt laoreet leo, adipiscing taciti tempor. Primis senectus sapien, risus donec ad fusce augue interdum.</p><a class="btn btn-primary btn-lg me-2" role="button" href="#">Button</a><a class="btn btn-outline-primary btn-lg" role="button" href="#">Button</a> + </div> + </div> + <div class="col-md-6"> + <div><img class="rounded img-fluid w-100 fit-cover" style="min-height: 300px;" src="assets/img/illustrations/startup.svg"></div> + </div> + </div> + </div> + </section> + <section class="py-5"> + <div class="container py-5"> + <div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 900px;"> + <div class="col mb-5"><img class="rounded img-fluid" src="assets/img/illustrations/data-management.svg"></div> + <div class="col d-md-flex align-items-md-end align-items-lg-center mb-5"> + <div> + <h5 class="fs-3 fw-bold mb-4">Data management tools</h5> + <p class="text-muted mb-4">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p><a class="fw-bold link-primary mb-3" href="#">Browse tools <svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-narrow-right fs-3"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <line x1="5" y1="12" x2="19" y2="12"></line> + <line x1="15" y1="16" x2="19" y2="12"></line> + <line x1="15" y1="8" x2="19" y2="12"></line> + </svg></a> + <div class="d-flex"> + <div class="bs-icon-sm bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + <div class="bs-icon-sm bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + <div class="bs-icon-sm bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + </div> + </div> + </div> + </div> + <div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 900px;"> + <div class="col order-md-last mb-5"><img class="rounded img-fluid" src="assets/img/illustrations/javascript.svg"></div> + <div class="col d-md-flex align-items-md-end align-items-lg-center mb-5"> + <div class="ms-md-3"> + <h5 class="fs-3 fw-bold mb-4">Data management tools</h5> + <p class="text-muted mb-4">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p><a class="fw-bold link-primary" href="#">Browse tools <svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-narrow-right fs-3"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <line x1="5" y1="12" x2="19" y2="12"></line> + <line x1="15" y1="16" x2="19" y2="12"></line> + <line x1="15" y1="8" x2="19" y2="12"></line> + </svg></a> + <div class="d-flex"> + <div class="bs-icon-sm bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + <div class="bs-icon-sm bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + <div class="bs-icon-sm bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + </div> + </div> + </div> + </div> + <div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 900px;"> + <div class="col mb-5"><img class="rounded img-fluid" src="assets/img/illustrations/report.svg"></div> + <div class="col d-md-flex align-items-md-end align-items-lg-center mb-5"> + <div> + <h5 class="fs-3 fw-bold mb-4">Data management tools</h5> + <p class="text-muted mb-4">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p><a class="fw-bold link-primary" href="#">Browse tools <svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-narrow-right fs-3"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <line x1="5" y1="12" x2="19" y2="12"></line> + <line x1="15" y1="16" x2="19" y2="12"></line> + <line x1="15" y1="8" x2="19" y2="12"></line> + </svg></a> + <div class="d-flex"> + <div class="bs-icon-sm bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + <div class="bs-icon-sm bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + <div class="bs-icon-sm bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path> + <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path> + </svg></div> + </div> + </div> + </div> + </div> + </div> + </section> + <footer> + <div class="container py-4 py-lg-5"> + <div class="row row-cols-2 row-cols-md-4"> + <div class="col-12 col-md-3"> + <div class="fw-bold d-flex align-items-center mb-2"><span>Apache Wayang</span></div> + <p class="text-muted">Apache Wayang: Cross-Platform Data Processing Made Easy</p> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">The Project</h3> + <ul class="list-unstyled"> + <li><a href="#">Home</a></li> + <li><a href="#">Community</a></li> + <li><a href="#">Codebase</a></li> + </ul> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">Developer Corner</h3> + <ul class="list-unstyled"> + <li><a href="#">Documentation</a></li> + <li><a href="#">Publications</a></li> + <li><a href="#">Download</a></li> + </ul> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">Apache</h3> + <ul class="list-unstyled"> + <li><a href="https://www.apache.org/foundation/how-it-works.html"; target="_blank">Apache Software Foundation</a></li> + <li><a href="https://www.apache.org/licenses/"; target="_blank">License</a></li> + <li><a href="https://www.apache.org/foundation/sponsorship.html"; target="_blank">Sponsorship</a></li> + <li><a href="https://www.apache.org/foundation/thanks.html"; target="_blank">Thanks</a></li> + <li><a href="https://www.apache.org/security/"; target="_blank">Security</a></li> + <li><a href="https://www.apache.org/events/current-event"; target="_blank">Events</a></li> + </ul> + </div> + </div> + <hr> + <div class="text-muted d-flex justify-content-between align-items-center pt-3"> + <p class="mb-0">Copyright © 2023 Apache Wayang</p> + <ul class="list-inline mb-0"> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook"> + <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path> + </svg></li> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter"> + <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 [...] + </svg></li> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram"> + <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372 [...] + </svg></li> + </ul> + </div> + </div> + </footer> + <script src="assets/bootstrap/js/bootstrap.min.js"></script> + <script src="assets/js/startup-modern.js"></script> +</body> + +</html> \ No newline at end of file diff --git a/testimonials.html b/testimonials.html new file mode 100644 index 0000000..2486f25 --- /dev/null +++ b/testimonials.html @@ -0,0 +1,139 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> + <title>Testimonials - Apache Wayang</title> + <meta name="description" content="Apache Wayang is a cross-platform data processing system that aims at decoupling the business logic of data analytics applications from concrete data processing platforms."> + <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap";> +</head> + +<body> + <nav class="navbar navbar-light navbar-expand-md fixed-top navbar-shrink py-3" id="mainNav"> + <div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><span>Apache Wayang</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> + <div class="collapse navbar-collapse" id="navcol-1"> + <ul class="navbar-nav mx-auto"> + <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li> + <li class="nav-item"><a class="nav-link" href="features.html">Features</a></li> + <li class="nav-item"><a class="nav-link" href="integrations.html">Integrations</a></li> + <li class="nav-item"><a class="nav-link active" href="testimonials.html">Testimonials</a></li> + <li class="nav-item"><a class="nav-link" href="contacts.html">Community</a></li> + </ul><a class="btn btn-primary shadow" role="button" href="https://github.com/apache/incubator-wayang"; target="_blank" rel="external">Star on GitHub</a> + </div> + </div> + </nav> + <section class="py-5 mt-5"> + <div class="container py-5"> + <div class="row mb-5"> + <div class="col-md-8 col-xl-6 text-center mx-auto"> + <h2 class="fw-bold">What people say<br><span class="underline pb-2">about us</span></h2> + </div> + </div> + <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 d-sm-flex justify-content-sm-center"> + <div class="col mb-4"> + <div class="d-flex align-items-center align-items-sm-start"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-quote fs-1 text-warning flex-shrink-0"> + <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.5 [...] + </svg> + <div> + <p class="fs-6 mb-3 ms-2">Nisi sit justo faucibus nec ornare amet, tortor torquent. Blandit class dapibus, aliquet morbi.</p> + <div class="d-flex ms-2"> + <div class="d-flex"> + <p class="fw-bold me-2">John Smith</p> + <p class="text-muted mb-0">Erat netus</p> + </div> + </div> + </div> + </div> + </div> + <div class="col mb-4"> + <div class="d-flex align-items-center align-items-sm-start"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-quote fs-1 text-warning flex-shrink-0"> + <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.5 [...] + </svg> + <div> + <p class="fs-6 mb-3 ms-2">Nisi sit justo faucibus nec ornare amet, tortor torquent. Blandit class dapibus, aliquet morbi.</p> + <div class="d-flex ms-2"> + <div class="d-flex"> + <p class="fw-bold me-2">John Smith</p> + <p class="text-muted mb-0">Erat netus</p> + </div> + </div> + </div> + </div> + </div> + <div class="col mb-4"> + <div class="d-flex align-items-center align-items-sm-start"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-quote fs-1 text-warning flex-shrink-0"> + <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.5 [...] + </svg> + <div> + <p class="fs-6 mb-3 ms-2">Nisi sit justo faucibus nec ornare amet, tortor torquent. Blandit class dapibus, aliquet morbi.</p> + <div class="d-flex ms-2"> + <div class="d-flex"> + <p class="fw-bold me-2">John Smith</p> + <p class="text-muted mb-0">Erat netus</p> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </section> + <footer> + <div class="container py-4 py-lg-5"> + <div class="row row-cols-2 row-cols-md-4"> + <div class="col-12 col-md-3"> + <div class="fw-bold d-flex align-items-center mb-2"><span>Apache Wayang</span></div> + <p class="text-muted">Apache Wayang: Cross-Platform Data Processing Made Easy</p> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">The Project</h3> + <ul class="list-unstyled"> + <li><a href="#">Home</a></li> + <li><a href="#">Community</a></li> + <li><a href="#">Codebase</a></li> + </ul> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">Developer Corner</h3> + <ul class="list-unstyled"> + <li><a href="#">Documentation</a></li> + <li><a href="#">Publications</a></li> + <li><a href="#">Download</a></li> + </ul> + </div> + <div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"> + <h3 class="fs-6 fw-bold">Apache</h3> + <ul class="list-unstyled"> + <li><a href="https://www.apache.org/foundation/how-it-works.html"; target="_blank">Apache Software Foundation</a></li> + <li><a href="https://www.apache.org/licenses/"; target="_blank">License</a></li> + <li><a href="https://www.apache.org/foundation/sponsorship.html"; target="_blank">Sponsorship</a></li> + <li><a href="https://www.apache.org/foundation/thanks.html"; target="_blank">Thanks</a></li> + <li><a href="https://www.apache.org/security/"; target="_blank">Security</a></li> + <li><a href="https://www.apache.org/events/current-event"; target="_blank">Events</a></li> + </ul> + </div> + </div> + <hr> + <div class="text-muted d-flex justify-content-between align-items-center pt-3"> + <p class="mb-0">Copyright © 2023 Apache Wayang</p> + <ul class="list-inline mb-0"> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook"> + <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path> + </svg></li> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter"> + <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 [...] + </svg></li> + <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg"; width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram"> + <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372 [...] + </svg></li> + </ul> + </div> + </div> + </footer> + <script src="assets/bootstrap/js/bootstrap.min.js"></script> + <script src="assets/js/startup-modern.js"></script> +</body> + +</html> \ No newline at end of file
