添加en和zh

This commit is contained in:
PhatenIoT-yan
2025-05-14 15:25:41 +08:00
parent 8c5ea7b9fd
commit 3a5820f4e9
1870 changed files with 96185 additions and 251 deletions

22
en/material/index.html Normal file
View File

@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script>
const lang = navigator.language;
var lang_l = localStorage.getItem("currLang");
var langzh = "zh-CN";
var test = location.href;
if (lang==langzh&&!lang_l){
location.href = test+"zh/"
}else{
location.href = test+"en/"
}
console.log("wwww:"+location.href);
</script>
<body>
</body>
</html>

View File

@@ -0,0 +1,340 @@
{% extends "overrides/main-styles.html" %}
<!-- Render hero under tabs -->
{% block tabs %}
{{ super() }}
<!-- Hero for landing page -->
<!--binbash leverage documetation-->
<section class="first-gradiant-body w-100">
<div class="md-grid conteiner-row pt-1 pt-lg-5 my-4">
<div class="px-3 ctx-header-text conteiner">
<div class="conteiner-row">
<p class="h1 text-xs-center">
Documentación de binbash
<img src="../assets/images/logos/leverage-title-logo.svg" class="mx-3 leverage-title-logo" height="22%"/>
</p>
</div>
<img src="../assets/images/logos/binbash-landing-header.svg" class="laverage-header-img d-lg-none d-xl-none mx-auto mb-5" />
<p class="h3 text-xs-center">la solución líder, fácil de desplegar, reutilizable y automatizada para configurar y administrar su infraestructura segura y escalable en entornos multi-cuenta de AWS.</p>
<div class="conteiner-row conteiner-xs">
<button
type="button"
title="{{ page.next_page.title | e }}"
onclick="location.href='https://leverage.binbash.co/concepts/overview/'"
class="btn-dark btn-xl-large btn-lg-large mx-3 mt-3 my-md-5 my-lg-5 my-xl-5 box-shadow"
>
Empezar
</button>
<button
type="button"
title="{{ page.next_page.title | e }}"
onclick="window.open('https://join.slack.com/t/binbashar/shared_invite/zt-fw1692b6-9k4ADsWJ47lKacszphXM1w', '_blank')"
class="btn-warning btn-xl-large btn-lg-large mx-3 mt-3 my-md-5 my-lg-5 my-xl-5 box-shadow"
>
Únete a Leverage Slack
</button>
</div>
</div>
<div class="ctx-header-img d-lg">
<img src="../assets/images/logos/binbash-landing-header.svg" class="laverage-header-img mx-lg-5" />
</div>
</div>
</section>
<section class="second-gradiant-body w-100">
<!--We ship it. You own it-->
<div class="md-grid conteiner-row pt-4 my-4">
<div class="card-white py-3 mx-xs-3 mx-sm-3 mx-4 mx-xl-0 ">
<div class="conteiner-row">
<div class="conteiner ctx-card-white-1 pt-4">
<div class="d-sm text-align-center">
<p class="display-3 Telegraf-UltraBold text-dark mx-auto mt-4">We ship it.</p>
<p class="display-3 Telegraf-UltraBold text-pink mx-auto my-4">You own it.</p>
</div>
<div class="d-sm-none d-md-none d-lg-none d-xl-none text-align-center">
<p class="display-4 Telegraf-UltraBold text-dark mx-auto mt-4">We ship it.</p>
<p class="display-4 Telegraf-UltraBold text-pink mx-auto my-4">You own it.</p>
</div>
<div class="conteiner ctx-card-white-1 text-dark h3 d-lg-none d-xl-none my-xs-5 my-sm-5 my-md-5">
<ul class="ul-home mx-xs-auto mx-sm-auto mx-md-auto my-xs-5 my-sm-5 my-md-5">
<li>- Goberná tu infraestructura AWS</li>
<li>- Implementá, reusá y escalá más rápido</li>
<li>- Despliegue su AWS Landing Zone</li>
<li>- Librerias y módulos probados</li>
<li>- Stack moderno Terraform, Ansible, Helm, K8s</li>
<li>- Optimice sus costos en la nube por diseño</li>
<li>- Asegure cargas productivas en la nube</li>
<li>- Garantice compliance en AWS</li>
</ul>
</div>
<button
onclick="window.open('https://github.com/binbashar', '_blank')"
title="{{ lang.t('source.link.title') }}"
type="button"
class="btn-white btn-xl-large btn-lg-large box-shadow mx-auto my-4"
>
Contribuir en GitHub
</button>
</div>
<div class="conteiner ctx-card-white-1 text-dark h3 d-lg">
<ul>
<li>- Goberná tu infraestructura AWS</li>
<li>- Implementá, reusá y escalá más rápido</li>
<li>- Despliegue su AWS Landing Zone</li>
<li>- Librerias y módulos probados</li>
<li>- Stack moderno Terraform, Ansible, Helm, K8s</li>
<li>- Optimice sus costos en la nube por diseño</li>
<li>- Asegure cargas productivas en la nube</li>
<li>- Garantice compliance en AWS</li>
</ul>
</div>
</div>
</div>
</div>
<!--Whats is leverage-->
<div class="conteiner-row-lg conteiner-row-xl conteiner py-5 my-5">
<div class="conteiner" style="order:0; flex: 50%;">
<div class="conteiner ctx-what-is mx-auto">
<span class="display-3 text-dark Telegraf-UltraBold mt-4 text-align-center text-end-xl text-end-lg">Qué es Leverage?</span>
<div class="conteiner text-dark h3 text-align-start text-end-xl text-end-lg my-xs-5 my-sm-5 my-md-5">
<p class="my-3">
<img src="../assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
Nos especializamos en la creación de código reutilizable y de alta calidad para creación de infraestructura en la nube de AWS
</p>
<p class="my-3 t-b">
• Arquitectura de Referencia Cloud AWS<br>
• Librería de Infraestructura como Código (IaC)<br>
• Leverage CLI (Interfaz de Línea de Comandos)<br>
</p>
<p class="my-3">
<img src="../assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
Debido a que todo el código y los módulos ya están desarrollados, podemos poner en marcha su proyecto en AWS <span class="t-b">al menos 2 veces más rápido</span> que una empresa de consultoría (¡típicamente en sólo unas semanas!).
</p>
<p class="my-3">
<img src="../assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
Sobre un código que está completamente documentado, validado y que ha sido probado en producción en docenas de otros proyectos por nuestro <span class="t-b">Equipo de soporte de ingeniería.</span>
</p>
<button
onclick="location.href='https://www.binbash.co/leverage'"
title="{{ page.next_page.title | e }}"
type="button"
class="btn-dark btn-xl-large btn-lg-large my-4 box-shadow ml-auto mx-xs-auto mx-sm-auto mx-md-auto"
>
Características del Producto
</button>
</div>
</div>
</div>
<div class="conteiner" style="order:1; flex: 50%; overflow:hidden;">
<img src="../assets/images/illustrations/mock-mac-book-16.png" class="laverage-mac-img my-xs-5 my-sm-5 my-md-5" />
</div>
</div>
</section>
<!--Why Leverage-->
<section class="third-dark-body w-100">
<div class="conteiner py-5 my-5">
<img src="../assets/images/illustrations/why-leverage.svg" class="why-laverage-img" />
<img src="../assets/images/illustrations/Ilustracion-Binbash.png" class="laverage-mac2-img" />
<div class="conteiner-row">
<div style="order:0; flex: 50%;">
<div class="conteiner ctx-card-white-1 text-white h3 my-5 d-xl-none d-lg-none mx-auto w-70">
<p class="my-3">
<img src="../assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
Obtendrá toda la infraestructura de su aplicación nativa en la nube en pocas semanas.
</p>
<p class="my-3">
<img src="../assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
Hemos construido cada componente basándonos en las mejores prácticas recomendadas.
</p>
<p class="my-3">
<img src="../assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
Implementar, reutilizar y escalar sus cargas de trabajo de producción con mayor rapidez.
</p>
</div>
<div class="conteiner ctx-card-white-1 text-white h3 my-5 mx-auto w-70">
<btn
onclick="window.open('https://www.binbash.co/competition','_blank')"
title="{{ lang.t('source.link.title') }}"
type="button"
class="btn-rainbow btn-rainbow-custom btn-xl-large btn-lg-large mx-auto text-align-center cursor-pointer"
>
Leverage vs. Competencia
</btn>
</div>
</div>
<div style="order:0; flex: 50%;" class="d-lg">
<div class="card-rainbow second-gradiant-body px-5 py-5" style="order:1; flex: 100%;">
<div class="conteiner ctx-card-white-1 text-dark h3">
<p class="my-3">
<img src="../assets/images/icons/check-ok.svg" width="20px" height="20px"/>
Si usted implementa nuestra <span class="t-b">Arquitectura de Referencia Cloud AWS</span> y la <span class="t-b">librería de Infraestructura como Código (IaC)</span> a través de <span class="t-b">Leverage CLI</span>, obtendrá toda la infraestructura de su aplicación nativa en la nube en pocas semanas.
</p>
<p class="my-3">
<img src="../assets/images/icons/check-ok.svg" width="20px" height="20px"/>
Hemos construido cada componente basándonos en las mejores prácticas recomendadas siguiendo principalmente el <span class="t-b">AWS Well-Architected Framework</span>, otorgando su propiedad para implementar, reutilizar y escalar sus cargas de trabajo de producción con mayor rapidez.
</p>
<p class="my-3">
<img src="../assets/images/icons/check-ok.svg" width="20px" height="20px"/>
Leverage resolverá toda su infraestructura y le otorgará el control total del código fuente, y por supuesto podrá ejecutarlo y mantenerlo sin necesidad estricta de nuestro soporte.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Our tech stack-->
<section class="four-gray-body w-100">
<div class="md-grid conteiner pt-5 my-0 my-xl-4 my-lg-4">
<p class="display-3 text-dark Telegraf-UltraBold mt-4 text-align-center text-start-xl text-start-lg">Nuestro stack de tecnologías</p>
<img src="../assets/images/logos/stack-tecnology.svg" class="mx-auto my-5" width="80%"/>
<div class="conteiner conteiner-row-lg conteiner-row-xl my-4">
<div class="text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style="order:0; flex: 50%;">
<p>Arquitectura de referencia AWS componible y extensible. Basado en el <span class="t-b">AWS Well Architected Framework</span> Con más de 10 años de experiencia, Infra como código y mejores prácticas.</p>
</div>
<div class="text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style="order:0; flex: 50%;">
<p>Leverage facilita una colección de soluciones E2E (End-to-End) IaC reutilizables, probadas y listas para producción. Apoyado en módulos desarrollados en <span class="t-b"> Terraform, Ansible, Dockerfiles, Helm Charts y Python. </span>
</div>
</div>
<div class="conteiner conteiner-row-lg conteiner-row-xl my-4">
<div class="text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style="order:0; flex: 50%;">
<p>Flujo de despliegue automatizado a través de <span class="t-b">Leverage CLI.</span></p>
</div>
<div style="order:0; flex: 50%;">
<button
onclick="location.href='https://leverage.binbash.co/how-it-works/ref-architecture/general-concepts/why-tech-stack'"
title="{{ page.next_page.title | e }}"
type="button"
class="btn-dark btn-xl-large btn-lg-large my-4 box-shadow mx-auto"
>
Por qué nuestro stack de tecnologías?
</button>
</div>
</div>
<!-- <img src="../assets/images/diagrams/AWS-ORGANIZATION.png" class="mx-auto mt-5 mb-3 d-sm" width="100%"/>-->
<img src="../assets/images/diagrams/ref-architecture-aws.png" class="mx-auto mt-5 mb-3 d-sm" width="100%"/>
<img src="../assets/images/diagrams/diagrama-organization-binbash.png" class="mx-auto mt-5 d-sm-none d-md-none d-lg-none d-xl-none" width="100%"/>
<div class="conteiner-row my-0 my-xl-4 my-lg-4 stack-tenology-gradient">
<img src="../assets/images/logos/stack-tecnologico-2.svg" class="mx-auto py-3" width="60%"/>
</div>
</div>
</section>
<!--Footer-->
<footer class="bg-dark w-100">
<div class="md-grid conteiner-row-xl conteiner-row-lg conteiner pt-5 my-4">
<div class="conteiner-row" style="flex:50%">
<div class="text-white d-flex" style="flex: 40%;">
<img src="../assets/images/logos/logo-binbash.png" class="mx-auto" width="30%"/>
</div>
<div class="text-white h3" style="flex: 30%;">
<div class="conteiner text-white h3">
<ul>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/" target="_blank">Inicio</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/" target="_blank">Soluciones</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/leverage" target="_blank">Leverage</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://medium.com/binbash-inc" target="_blank">Blog</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/contact" target="_blank">Contacto</a>
</li>
</ul>
</div>
</div>
<div class="text-white h3" style="flex: 30%;">
<div class="conteiner text-white h3">
<ul>
<li class="cursor-pointer item-text-footer">
<a href="https://github.com/sponsors/binbashar" target="_blank">Sobre nosotros</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/team" target="_blank">Equipo</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://github.com/binbashar" target="_blank">Recursos</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/" target="_blank">Testimonios</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/pricing" target="_blank">Precios</a>
</li>
</ul>
</div>
</div>
</div>
<div class="conteiner-row mt-5 my-xl-0 mX-lg-0" style="flex:50%">
<div class="text-white text-end h3" style="flex: 15%;">
<span>Síguenos en: </span>
</div>
<div class="text-white h3" style="flex: 55%;">
<a href="https://join.slack.com/t/binbashar/shared_invite/zt-fw1692b6-9k4ADsWJ47lKacszphXM1w" target="_blank">
<img
src="../assets/images/logos/socialmedia/slack.svg"
title="Slack"
class="mx-3 cursor-pointer item-social-media"
width="9%"
/>
</a>
<a href="https://www.linkedin.com/company/binbash" target="_blank">
<img
src="../assets/images/logos/socialmedia/linkedIn.svg"
title="linkedIn"
class="mr-3 cursor-pointer item-social-media"
width="9%"
/>
</a>
<a href="https://github.com/binbashar" target="_blank">
<img
src="../assets/images/logos/socialmedia/github.svg"
title="Github"
class="mr-3 cursor-pointer item-social-media"
width="9%"
/>
</a>
<a href="https://twitter.com/binbash_devops" target="_blank">
<img
src="../assets/images/logos/socialmedia/twitter.svg"
title="Twitter"
class="mr-3 cursor-pointer item-social-media"
width="9%"
/>
</a>
<a href="https://www.instagram.com/binbash_devops/" target="_blank">
<img
src="../assets/images/logos/socialmedia/instagram.svg"
title="Instagram"
class="mr-3 cursor-pointer item-social-media"
width="9%"
/>
</a>
<a href="https://medium.com/binbash-inc" target="_blank">
<img
src="../assets/images/logos/socialmedia/medium.svg"
title="Medium"
class="mr-3 cursor-pointer item-social-media"
width="9%"
/>
</a>
</div>
</div>
</div>
</footer>
{% endblock %}

View File

@@ -0,0 +1,170 @@
{% extends "overrides/main-styles.html" %}
<!-- Render hero under tabs -->
{% block tabs %}
{{ super() }}
<!-- Hero for landing page -->
<!--binbash leverage documetation-->
<section class="first-gradiant-body w-100">
<div class="md-grid conteiner-row pt-1 pt-lg-5 my-4">
<div class="px-3 ctx-header-text conteiner">
<div class="conteiner-row">
<p class="h1 text-xs-center">
XMOS Hi-Fi音频解决方案专家
</p>
</div>
<img src="assets/images/fty/item1.png" class="laverage-header-img d-lg-none d-xl-none mx-auto mb-5" />
<p class="h3 text-xs-center"> 我们深耕于XMOS Hi--Fi音频麦克风阵列语音降噪等领域提供完整且可靠的客制化音频解决方案致力于为客户创造价值</p>
<div class="conteiner-row conteiner-xs">
<button
type="button"
title="{{ page.next_page.title | e }}"
onclick="location.href='./concepts/'"
class="btn-dark btn-xl-large btn-lg-large mx-3 mt-3 my-md-5 my-lg-5 my-xl-5 box-shadow"
>
解决方案
</button>
<button
type="button"
title="{{ page.next_page.title | e }}"
onclick="window.open('https://join.slack.com/t/binbashar/shared_invite/zt-fw1692b6-9k4ADsWJ47lKacszphXM1w', '_blank')"
class="btn-warning btn-xl-large btn-lg-large mx-3 mt-3 my-md-5 my-lg-5 my-xl-5 box-shadow"
>
产品中心
</button>
</div>
</div>
<div class="ctx-header-img d-lg">
<img src="assets/images/fty/item1.png" class="laverage-header-img mx-lg-5" style="width: 100%" />
</div>
</div>
</section>
<section class="second-gradiant-body w-100">
<!--Whats is leverage-->
<div class="conteiner-row-lg conteiner-row-xl conteiner py-5 my-5">
<div class="conteiner" style="order:0; flex: 50%;">
<div class="conteiner ctx-what-is mx-auto">
<span class="display-3 text-dark Telegraf-UltraBold mt-4 text-align-center text-end-xl text-end-lg">为什么选择飞腾云? </span>
<div class="conteiner text-dark h3 text-align-start text-end-xl text-end-lg my-xs-5 my-sm-5 my-md-5">
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
我们有国内最专业的XMOS技术人才助力客户在Hi-Fi音频数字会议本地扩音降噪麦克风等项目快速落地
</p>
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
我们提供XMOS Hi-Fi音频麦克风阵列语音降噪<span class="t-b">TurnKey</span>解决方案,满足不同的产品需求
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
我们有经过市场验证的XMOS<span class="t-b"> 模组</span><span class="t-b">PCBA</span> ,助力客户快速完成产品设计
</p>
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
我们有 <span class="t-b">1万m2</span>自动化生产车间,给客户提供高品质的产品以及快速的产品交付
</p>
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
我们有完善的产品文档支持,方便客户快速获取产品开发相关技术资料
</p>
</div>
</div>
</div>
<div class="conteiner" style="order:1; flex: 50%; overflow:hidden;">
<img src="assets/images/fty/item11.png" class="mx-lg-5" style="width: 90%;margin-left: 20px"/>
</div>
</div>
</section>
<!--Our tech stack-->
<section class="four-gray-body w-100">
<div class="md-grid conteiner pt-5 my-0 my-xl-4 my-lg-4">
<p class="display-3 text-dark Telegraf-UltraBold mt-4 text-align-center text-start-xl text-start-lg">合作流程</p>
<img src="assets/images/fty/item33.png" class="mx-auto my-5" width="80%"/>
<div class="conteiner conteiner-row-lg conteiner-row-xl my-4">
<div style="order:0; flex: 50%;">
<button
onclick="location.href='./concepts/our-tech-stack/'"
title="{{ page.next_page.title | e }}"
type="button"
class="btn-dark btn-xl-large btn-lg-large my-4 box-shadow mx-auto"
>
咨询及服务
</button>
</div>
</div>
</div>
</section>
<!--Footer-->
<footer class="bg-dark w-100">
<div class="md-grid conteiner-row-xl conteiner-row-lg conteiner pt-5 my-4">
<div class="conteiner-row" style="flex:50%">
<div class="text-white d-flex" style="flex: 40%;">
<img src="assets/images/fty/logo1.png" class="mx-auto" width="80%" height="70%"/>
</div>
<div class="text-white h3" style="flex: 30%;">
<div class="conteiner text-white h3">
<ul>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/" target="_blank">解决方案</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/" target="_blank">产品中心</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/leverage" target="_blank">服务&支持 </a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://medium.com/binbash-inc" target="_blank">下载中心</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/contact" target="_blank">开发文档</a>
</li>
</ul>
</div>
</div>
<div class="text-white h3" style="flex: 30%;">
<div class="conteiner text-white h3">
<ul>
<li class="cursor-pointer item-text-footer">
<a href="https://github.com/sponsors/binbashar" target="_blank">关于我们</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/team" target="_blank"> 关于XMOS</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://github.com/binbashar" target="_blank">加入我们</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/" target="_blank">咨询及服务</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="https://www.binbash.co/pricing" target="_blank">样品购买</a>
</li>
</ul>
</div>
</div>
</div>
<div class="conteiner-row" style="flex:50%">
<div class="text-white text-end h3" style="flex: 15%;">
<span>关注我们: </span>
</div>
<div class="text-white h3" style="flex: 55%;">
<img
src="assets/images/fty/qrcode.png"
title="qrcode"
class="mx-3 cursor-pointer item-social-media"
width="40%"
/>
</div>
</div>
</div>
</footer>
{% endblock %}

View File

@@ -0,0 +1,330 @@
{% extends "overrides/main-styles.html" %}
<!-- Render hero under tabs -->
{% block tabs %}
{{ super() }}
<!-- Hero for landing page -->
<!--binbash leverage documetation-->
<section class="first-gradiant-body w-100">
<div class="md-grid conteiner-row pt-1 pt-lg-5 my-4">
<div class="px-3 ctx-header-text conteiner">
<div class="conteiner-row">
<p class="h1 t-b text-xs-center">
XMOS官方-<a href="https://www.xmos.com/partners/search"
style="color: inherit; transition: color 0.3s ease;"
class="hover-blue">全球合作伙伴</a>Value-Added Reseller, VAR
</p>
</div>
<p class="h3 pt-2 text-xs-center">At the forefront of XMOS Hi-Fi Audio, Microphone Arrays, and Voice Noise Cancellation, we deliver full-scale, dependable, custom audio solutions designed to add value for our clients.</p>
<div class="conteiner-row conteiner-xs">
<button
type="button"
title="Solutions"
onclick="location.href='./solutions/'"
class="btn-dark btn-xl-large btn-lg-large mx-3 mt-3 my-md-5 my-lg-5 my-xl-5 box-shadow"
>
Solutions
</button>
<button
type="button"
title="Products"
onclick="location.href='./products/'"
class="btn-warning btn-xl-large btn-lg-large mx-3 mt-3 my-md-5 my-lg-5 my-xl-5 box-shadow"
style="background-color: #ffffff;"
>
Products
</button>
</div>
</div>
<div class="ctx-header-img d-lg">
<img src="assets/images/logos/first-gradiant-logo.png" class="laverage-header-img mx-lg-5" />
</div>
</div>
</section>
<section class="second-gradiant-body w-100">
<!--We ship it. You own it-->
<!--
<div class="md-grid conteiner-row pt-4 my-4">
<div class="card-white py-3 mx-xs-3 mx-sm-3 mx-4 mx-xl-0 ">
<div class="conteiner-row">
<div class="conteiner ctx-card-white-1 pt-4">
<div class="d-sm text-align-center">
<p class="display-3 Telegraf-UltraBold text-dark mx-auto mt-4">We ship it.</p>
<p class="display-3 Telegraf-UltraBold text-pink mx-auto my-4">You own it.</p>
</div>
<div class="d-sm-none d-md-none d-lg-none d-xl-none text-align-center">
<p class="display-4 Telegraf-UltraBold text-dark mx-auto mt-4">We ship it.</p>
<p class="display-4 Telegraf-UltraBold text-pink mx-auto my-4">You own it.</p>
</div>
<div class="conteiner ctx-card-white-1 text-dark h3 d-lg-none d-xl-none my-xs-5 my-sm-5 my-md-5">
<ul class="ul-home mx-xs-auto mx-sm-auto mx-md-auto my-xs-5 my-sm-5 my-md-5">
<li>- Own your AWS infrastructure</li>
<li>- Implement, reuse and scale faster</li>
<li>- Bootstrap your AWS Landing Zone</li>
<li>- Proven libraries and modules</li>
<li>- Modern Terraform, Ansible, Helm, K8s Stack</li>
<li>- Optimize your cloud costs by design</li>
<li>- Secure your cloud assets and production workloads</li>
<li>- Achieve compliance in AWS</li>
</ul>
</div>
<button
onclick="window.open('https://github.com/binbashar', '_blank')"
title="{{ lang.t('source.link.title') }}"
type="button"
class="btn-white btn-xl-large btn-lg-large box-shadow mx-auto my-4"
>
Contribute on GitHub
</button>
</div>
<div class="conteiner ctx-card-white-1 text-dark h3 d-lg">
<ul>
<li>- Own your AWS infrastructure</li>
<li>- Implement, reuse and scale faster</li>
<li>- Bootstrap your AWS Landing Zone</li>
<li>- Proven libraries and modules</li>
<li>- Modern Terraform, Ansible, Helm, K8s Stack</li>
<li>- Optimize your cloud costs by design</li>
<li>- Secure your cloud assets and production workloads</li>
<li>- Achieve compliance in AWS</li>
</ul>
</div>
</div>
</div>
</div>
-->
<!--Whats is leverage-->
<div class="conteiner-row-lg conteiner-row-xl conteiner py-5 my-5">
<div class="conteiner" style="order:0; flex: 50%;">
<span class="h1 t-b text-dark mt-4 text-align-center mx-auto text-end-xl text-end-lg">Why Choose Phaten Audio Solution?</span>
<div class="conteiner ctx-what-is mx-auto">
<div class="conteiner text-dark h3 text-align-start text-end-xl text-end-lg my-xs-5 my-sm-5 my-md-5">
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
<span class="t-b">Top XMOS Talent:</span> Our professionals are amongst the most skilled in XMOS technology, ensuring rapid project implementation in Hi-Fi Audio, Digital Conferencing, Local Sound Amplification, and Noise-Canceling Microphones.
</p>
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
<span class="t-b">Complete XMOS Hi-Fi Solutions:</span> We offer comprehensive TurnKey solutions for XMOS Hi-Fi Audio, Microphone Arrays, and Voice Noise Reduction to meet diverse product needs.
</p>
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
<span class="t-b">Proven XMOS Modules:</span> With our market-tested XMOS modules and PCBAs, clients can swiftly achieve design and development milestones.
</p>
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
<span class="t-b">Automated Production Workshop:</span> Our 10,000 m² automated workshop guarantees high-quality product outputs and expedited delivery times.
</p>
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
<span class="t-b">Extensive Documentation:</span> Clients benefit from our thorough product documentation, enabling quick access to technical materials necessary for product development.
</p>
<!--
<button
onclick="location.href='https://www.binbash.co/leverage'"
title="{{ page.next_page.title | e }}"
type="button"
class="btn-dark btn-xl-large btn-lg-large my-4 box-shadow ml-auto mx-xs-auto mx-sm-auto mx-md-auto"
>
产品中心
</button>
-->
</div>
</div>
</div>
<div class="conteiner" style="order:1; flex: 50%; overflow:hidden;">
<img src="assets/images/illustrations/fty-serves.png" class="laverage-mac-img my-xs-5 my-sm-5 my-md-5" />
</div>
</div>
</section>
<!--Why Leverage-->
<!--
<section class="third-dark-body w-100">
<div class="conteiner py-5 my-5">
<img src="assets/images/illustrations/why-leverage.svg" class="why-laverage-img" />
<img src="assets/images/illustrations/Ilustracion-Binbash.png" class="laverage-mac2-img" />
<div class="conteiner-row">
<div style="order:0; flex: 50%;">
<div class="conteiner ctx-card-white-1 text-white h3 my-5 d-xl-none d-lg-none mx-auto w-70">
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
You will get your entire Cloud Native Application Infra in a few weeks.
</p>
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
We've built every component based on the best recommended practices.
</p>
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" class="mx-2" width="20px" height="20px"/>
Implement, reuse and scale your production workloads faster.
</p>
</div>
<div class="conteiner ctx-card-white-1 text-white h3 my-5 mx-auto w-70">
<btn
onclick="window.open('https://www.binbash.co/competition','_blank')"
title="{{ lang.t('source.link.title') }}"
type="button"
class="btn-rainbow btn-rainbow-custom btn-xl-large btn-lg-large mx-auto text-align-center cursor-pointer"
>
Leverage vs. Competition
</btn>
</div>
</div>
<div style="order:0; flex: 50%;" class="d-lg">
<div class="card-rainbow second-gradiant-body px-5 py-5" style="order:1; flex: 100%;">
<div class="conteiner ctx-card-white-1 text-dark h3">
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" width="20px" height="20px"/>
If you implement our <span class="t-b">Reference AWS Cloud Solutions Architecture</span> and the <span class="t-b">Infrastructure as Code (IaC) Library</span> via <span class="t-b">Leverage CLI</span>, you will get your entire Cloud Native Application Infra in a few weeks.
</p>
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" width="20px" height="20px"/>
We've built every component based on the best-recommended practices, mainly following the <span class="t-b">AWS Well-Architected Framework</span>, granting you ownership to implement, reuse and scale your production workloads faster.
</p>
<p class="my-3">
<img src="assets/images/icons/check-ok.svg" width="20px" height="20px"/>
Leverage will solve your entire infrastructure and grant you complete control of the source code, and of course, you'll be able to run it without us.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
-->
<!--Our tech stack-->
<section class="four-gray-body w-100">
<div class="md-grid conteiner pt-0 my-0 my-xl-4 my-lg-4">
<p class="h1 t-b text-dark Telegraf-UltraBold mt-4 text-align-center text-start-xl text-start-lg">Workflow for Collaboration</p>
<img src="assets/images/logos/hz.png" class="mx-auto my-2" width="100%"/>
<div class="conteiner conteiner-row-lg conteiner-row-xl my-1">
<div class="text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style="order:0; flex: 4%;">
</div>
<div class="text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style="order:0; flex: 20%;">
<!--<p><span class="t-b">-----------洽谈需求------------------确认方案------------------产品开发------------------集成测试------------------量产上线------------------&gt;</span></p>-->
<p><span class="h2 t-b">Requirements Consultation</span></p>
</div>
<div class="text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style="order:0; flex: 20%;">
<p><span class="h2 t-b">Solution Confirmation</span></p>
</div>
<div class="text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style="order:0; flex: 20%;">
<p><span class="h2 t-b">Product Development</span></p>
</div>
<div class="text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style="order:0; flex: 20%;">
<p><span class="h2 t-b">Integration and Testing</span></p>
</div>
<div class="text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style="order:0; flex: 16%;">
<p><span class="h2 t-b">Mass Production</span></p>
</div>
</div>
<div class="conteiner conteiner-row-lg conteiner-row-xl my-4">
<div style="order:0; flex: 50%;">
<button
onclick="location.href='./services_support/acquire_services/'"
title="Inquiry & Service"
type="button"
class="btn-dark btn-xl-large btn-lg-large my-4 box-shadow mx-auto"
>
Inquiry & Service
</button>
</div>
</div>
<!--<img src="/assets/images/diagrams/AWS-ORGANIZATION.png" class="mx-auto mt-5 mb-3 d-sm" width="100%"/>-->
<!--
<img src="assets/images/diagrams/ref-architecture-aws.png" class="mx-auto mt-5 mb-3 d-sm" width="100%"/>
<img src="assets/images/diagrams/diagrama-organization-binbash.png" class="mx-auto mt-5 d-sm-none d-md-none d-lg-none d-xl-none" width="100%"/>
<div class="conteiner-row my-0 my-xl-4 my-lg-4 stack-tenology-gradient">
<img src="assets/images/logos/stack-tecnologico-2.svg" class="mx-auto py-3" width="60%"/>
</div>
-->
</div>
</section>
<!--Footer-->
<footer class="bg-dark w-100">
<div class="md-grid conteiner-row-xl conteiner-row-lg conteiner pt-5 my-4">
<div class="conteiner-row" style="flex:70%">
<div class="text-white d-flex" style="flex: 20%;">
<img src="assets/images/logos/phaten-logo-cn.png" class="mx-auto" width="100%" height="50%"/>
</div>
<div class="text-white d-flex" style="flex: 10%;">
</div>
<div class="text-white" style="flex: 30%;">
<div class="conteiner text-white h35">
<ul>
<li class="cursor-pointer item-text-footer">
<a href=./solutions/ >Solutions</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href=./products/ >Products</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="./dev_doc/" >Documents</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="./services_support/acquire_services/" >Inquiry & Service</a>
</li>
</ul>
</div>
</div>
<div class="text-white" style="flex: 40%;">
<div class="conteiner text-white h35">
<ul>
<li class="cursor-pointer item-text-footer">
<a href="./about_us/" >About Us</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href=".//about_us/xmos/" >XMOS Insights</a>
</li>
<li class="cursor-pointer item-text-footer">
<a href="./about_us/join_us/" >Career Opportunities</a>
</li>
<li class="cursor-pointer item-text-footer" target="_blank">
<a href="https://www.phaten.com" >Phaten Group Website</a>
</li>
</ul>
</div>
</div>
</div>
<div class="conteiner-row" style="flex:30%">
<div class="text-white text-end h3" style="flex: 40%;">
<span>Follow Us: </span>
</div>
<div class="text-white text-end h3" style="flex: 5%;">
</div>
<div class="text-white h3" style="flex: 55%;">
<img
src="assets/images/logos/phten-wechat.png"
title="Phaten WeChat"
class="mx-auto"
class="mx-3 cursor-pointer item-social-media"
width="50%"
/>
</div>
</div>
</div>
</footer>
<style>
/* 用来给文字"全球合作伙伴"加上样式的 */
.hover-blue:hover {
color: #2094F8 !important; /* 悬停时变为蓝色 */
background: linear-gradient(to right, currentColor, #2094F8); /* 渐变效果 */
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
{% endblock %}

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,28 @@
{% extends "base.html" %}
<!-- Custom front matter -->
{% block extrahead %}
<!-- Determine title -->
{% set title = config.site_name %}
{% if page and page.title and not page.is_homepage %}
{% set title = config.site_name ~ " - " ~ page.title | striptags %}
{% endif %}
<!-- The image needs to have an absolute URL -->
{% set image = config.site_url ~ 'assets/images/illustrations/banner.png' %}
<!-- Open graph meta tags -->
<meta property="og:type" content="website" />
<meta property="og:title" content="{{ title }}" />
<meta property="og:description" content="{{ config.site_description }}" />
<meta property="og:url" content="{{ page.canonical_url }}" />
<meta property="og:image" content="{{ image }}" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1080" />
<meta property="og:image:height" content="568" />
<!-- google-site-verification meta-tag -->
<meta name="google-site-verification" content="-Rj8YMCn9uu5IwOFdC-WfAzXp4ZOMJtYKxU40ZgcJIU" />
{% endblock %}

View File

@@ -0,0 +1,185 @@
{% extends "overrides/main-styles.html" %}
<!-- Render hero under tabs -->
{% block tabs %}
{{ super() }}
<!-- COMPARISON TABLE -->
<section class="tx-container-2">
<div class="md-grid md-typeset">
<br>
<h1 id="comparison-table"
style="text-align: center; color: #181917; font-weight: 600">
Leverage competitive advantages
</h1>
<h4
style="text-align: left; color: #181917; font-weight: 300; margin-left: 60px">
✅ Reduce the staff/skilling issue gap <br>
✅ Avoid from scratch and custom solutions hidden costs
(in many cases hundreds of thousands of dollars to implement)<br>
✅ Leverage is several orders of
magnitude less expensive (either time, money and risk) to
implement than a custom AWS solution for your business<br>
</h4>
<div class="table-wrapper" style="color: #181917">
<table class="fl-table">
<thead>
<tr>
<th style="text-align: center">FEATURE</th>
<th style="text-align: center">DO IT YOURSELF (in house)</th>
<th style="text-align: center">EXTERNAL CONSULTANT / <br>
CONSULTING FIRM</th>
<th style="text-align: center"><strong>BINBASH LEVERAGE</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>STARTING POINT</strong></td>
<td>From scratch</td>
<td>From scratch</td>
<td><a href="https://github.com/binbashar">
✅ Leverage 5+ years and 140+ Open Source<br>
repos of production ready code
</a></td>
</tr>
<tr>
<td><strong>INCENTIVES</strong></td>
<td>Minimize investment of time</td>
<td>Maximize billable hours</td>
<td><a href="https://leverage.binbash.com.ar/#tech-stack">
✅ Maximize utility w/ reusable components<br>
(IaC library) + Cross project reference<br>
architecture under best practices
</a></td>
</tr>
<tr>
<td><strong>SCOPE OF WORK</strong></td>
<td>Varies depending on team knowledge<br>
and time available</td>
<td>Varies depending on consultant<br>
knowledge and budget available</td>
<td><a href="https://leverage.binbash.com.ar/how-it-works/ref-architecture/">
✅ End-to-end, modular architecture that<br>
fulfills a production-ready solution<br>
roadmap fully based on the<br>
AWS Well-Architected Framework
</a></td>
</tr>
<tr>
<td><strong>TIME TO LAUNCH & PROD GO LIVE!</strong></td>
<td>3 12 months (highly variable)</td>
<td>3 12 months (highly variable)</td>
<td><a href="https://leverage.binbash.com.ar/work-with-us/">
✅ 1 3 months (highly predictable<br>
depending on your project complexity needs)
</a></td>
</tr>
<tr>
<td><strong>MONTHLY COST</strong></td>
<td>$14,000 $32,000 per month<br>
(2 Sr DevOps Engineers / SRE / Cloud<br>
Architects, $80k$150k /year)</td>
<td>$32,000 $64,000 per month<br>
(2 Sr DevOps, SRE or Cloud Consultants,<br>
$100$200 /hour)</td>
<td>✅ $0 $10,800 per month<br>
(Leverage Support team, $80 90 / hour)<br>
<a href="https://leverage.binbash.com.ar/work-with-us/subscription-plans/">
- Subscription Plans</a><br>
<a href="https://leverage.binbash.com.ar/work-with-us/faqs/#rates-and-billing">
- Rates and Billing</a>
</a></td>
</tr>
<tr>
<td><strong>DOCS & TESTS</strong></td>
<td>❌ None</td>
<td>❌️ None</td>
<td><a href="https://leverage.binbash.com.ar">
✅ Complete documentation and automated tests<br>
Better code quality and modules library<br>
maturity (proven and tested).
</a></td>
</tr>
<tr>
<td><strong>AUTOMATED DEPLOYMENT</strong></td>
<td>❌ None</td>
<td>❌ None</td>
<td><a href="https://github.com/binbashar/leverage">
Leverage CLI (Command Line Interface)</a>
</td>
</tr>
<tr>
<td><strong>SECURITY & BEST PRACTICES</strong></td>
<td>Varies depending on team knowledge<br>
and time available</td>
<td>Varies depending on consultant
<br> knowledge and budget available</td>
<td>✅ Security by design based on: <br>
<a href="https://docs.aws.amazon.com/prescriptive-guidance/latest/security-reference-architecture/architecture.html">
- AWS Security Reference Architecture</a><br>
<a href="https://aws.amazon.com/architecture/well-architected/">
- AWS Well-Architected Framework</a>
</td>
</tr>
<tr>
<td><strong>CONFIGURABLE BEHAVIOUR</strong></td>
<td>❌ None</td>
<td>❌ None</td>
<td>Composable, extensible & customizable <br>
(Provides reasonable defaults, but its<br>
very configurable in case you need more control)</td>
</tr>
<tr>
<td><strong>INFRA AS CODE (IAC) & VERSIONING</strong></td>
<td>Varies depending on team knowledge<br>
and time available</td>
<td>Varies depending on consultant<br>
knowledge and budget available</td>
<td>100% Infra as Code (IaC) versioned approach</td>
</tr>
<tr>
<td><strong>SUPPORT & MAINTENANCE</strong></td>
<td>❌ None</td>
<td>❌️ None<br>
(or paying even more money)</td>
<td>
✅ On-going maintenance, continuous updates<br>
and improvements, version upgrades and<br>
security patches
</td>
</tr>
<tbody>
</table>
</div>
</div>
</section>
<!-- Footer Section -->
<section class="tx-footer">
<div class="md-grid md-typeset">
<div class="tx-hero">
<!-- Hero content -->
<div class="tx-hero__content-footer">
<p style="text-align:center;">
© 2021
<strong>
<a href="https://www.binbash.com.ar">Binbashar, Inc</a>
</strong>. All rights reserved
|| Contact us 📧
<strong>
<a href="https://mail.google.com/mail/?view=cm&fs=1&to=info@binbash.com.ar&su=Leverage Contact
&body=Dear Leverage Team,">info@binbash.com.ar</a>
</strong>.
</p>
</div>
</div>
</div>
</section>
{% endblock %}

View File

@@ -0,0 +1,185 @@
{% extends "overrides/main-styles.html" %}
<!-- Render hero under tabs -->
{% block tabs %}
{{ super() }}
<!-- BRAINTRUST AGENCY -->
<!--<section class="tx-container-2">
<div class="md-grid md-typeset">
<div class="tx-hero__image-2">
<img
src="../../assets/images/logos/binbash-braintrust.png"
alt=""
width="800"
draggable="false"
align="left"
>
</div>
<div class="tx-hero">
&lt;!&ndash; Hero content &ndash;&gt;
<div class="tx-hero__content-2">
<h1 id="braintrust-agency">Braintrust Agency</h1>
<p><br>
Find us at <b>Braintrust</b> talent platform<br>
<i>"Creating the future of work, to benefit enterprise and talent alike".</i>
</p>
<a
href="https://app.usebraintrust.com/agency/432/"
title="{{ page.next_page.title | e }}"
class="md-button md-button"
>
Hire us at Braintrust
</a>
</div>
</div>
</div>
</section>-->
<!-- 7th Section -->
<!-- SUBSCRIPTION PLANS -->
<section>
<!-- Contenedor -->
<div class="pricing-wrapper clearfix">
<!-- Titulo -->
<h1 class="pricing-table-title" id="leverage-subscription" style="text-align: left">
Subscription Plans
</h1>
<div class="pricing-table">
<h3 class="pricing-title">Community (Free)</h3>
<div class="price">$0<sup>/ month</sup></div>
<!-- Lista de Caracteristicas / Propiedades -->
<ul class="table-list">
<li>AWS Reference Architecture <span>access</span></li>
<li>+120 Open Source modules <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Documentation <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Public Slack Channel <span>access</span></li>
<li>Community <span>support</span></li>
</ul>
<!-- Contratar / Contact Us -->
<div class="table-buy">
<p><sup> Open Source ❤️</sup></p>
<a href="https://github.com/binbashar"
class="pricing-action">Free</a>
</div>
</div>
<div class="pricing-table">
<h3 class="pricing-title">Basic</h3>
<div class="price">$3400<sup>/ month</sup></div>
<!-- Lista de Caracteristicas / Propiedades -->
<ul class="table-list">
<li>AWS Reference Architecture <span>access</span> <span class="unlimited">unlimited</span></li>
<li>+120 Open Source modules <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Documentation <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Public Slack Channel <span>access</span></li>
<li>Basic <span>support</span> <span class="unlimited">limited</span> <br>
<p data-tooltip="SLAs: 96hs (response time). Best effort delivery (prime time hours). Support tasks should not exceed an estimated effort > 40 hs / month."
style="text-align: left">
<small>
✅ 1 x repos feature request<br>
✅ 1 x bug fix request<br>
✅ 2 x imple support request<br>
✅ Notif (sec, updates, eol, releases) <br>
📒 Annual contract (Billed monthly or annually)
</small>
</p>
</li>
</ul>
<!-- Contratar / Contact Us -->
<div class="table-buy">
<p>$3400<sup>/ month (40hs)</sup></p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLScgYmguLk5lDgrDa7HEt8hZFsRKncCf0XMezbDRsXt4mixg4Q/viewform?usp=sf_link"
class="pricing-action">Contact Us</a>
</div>
</div>
<div class="pricing-table recommended">
<h3 class="pricing-title">Premium</h3>
<div class="price">$6400<sup>/ month</sup></div>
<!-- Lista de Caracteristicas / Propiedades -->
<ul class="table-list">
<li>AWS Reference Architecture <span>access</span> <span class="unlimited">unlimited</span></li>
<li>+120 Open Source modules <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Documentation <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Private & Public Slack Channel <span>access</span></li>
<li>Premium <span>support</span> <span class="unlimited">limited</span> <br>
<p data-tooltip="SLAs: 96hs (response time). Best effort delivery (prime time hours). Support tasks should not exceed an estimated effort > 80 hs / month. If more hours are needed it could be reviewed."
style="text-align: left">
<small>
✅ 2 x repos feature requests <br>
✅ 2 x bug fix requests<br>
✅ 4 x imple support requests<br>
✅ Notif (sec, updates, eol, releases) <br>
📒 Annual contract (Billed monthly or annually)
</small>
</p>
</li>
</ul>
<!-- Contratar / Contact Us -->
<div class="table-buy">
<p>$6400<sup>/ month (80hs)</sup></p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLScgYmguLk5lDgrDa7HEt8hZFsRKncCf0XMezbDRsXt4mixg4Q/viewform?usp=sf_link"
class="pricing-action">Contact Us</a>
</div>
</div>
<div class="pricing-table">
<h3 class="pricing-title">Business</h3>
<div class="price">$90<sup>/ hour</sup></div>
<!-- Lista de Caracteristicas / Propiedades -->
<ul class="table-list">
<li>AWS Reference Architecture <span>access</span> <span class="unlimited">unlimited</span></li>
<li>+120 Open Source modules <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Documentation <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Public & Private Slack Channel <span>access</span></li>
<li>Business <span>support</span> <span class="unlimited">on-demand</span> <br>
<p data-tooltip="SLAs: 72hs (response time). Best effort delivery (prime time hours). Support tasks estimated effort should be between 80 and 120 hs / month."
style="text-align: left">
<small>
✅ on-demand custom modules reqs<br>
✅ on-demand repos feature reqs<br>
✅ on-demand bug fix requests<br>
✅ on-demand imple support reqs<br>
✅ Notif (sec, updates, eol, releases) <br>
📒 Annual contract (Billed monthly or annually)
</small>
</p>
</li>
</ul>
<!-- Contratar / Contact Us -->
<div class="table-buy">
<p>$10800<sup>/ month (120hs)</sup></p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLScgYmguLk5lDgrDa7HEt8hZFsRKncCf0XMezbDRsXt4mixg4Q/viewform?usp=sf_link"
class="pricing-action">Contact Us</a>
</div>
</div>
</div>
</section>
<!-- Footer Section -->
<section class="tx-footer">
<div class="md-grid md-typeset">
<div class="tx-hero">
<!-- Hero content -->
<div class="tx-hero__content-footer">
<p style="text-align:center;">
© 2021
<strong>
<a href="https://www.binbash.com.ar">Binbashar, Inc</a>
</strong>. All rights reserved
|| Contact us 📧
<strong>
<a href="https://mail.google.com/mail/?view=cm&fs=1&to=info@binbash.com.ar&su=Leverage Contact
&body=Dear Leverage Team,">info@binbash.com.ar</a>
</strong>.
</p>
</div>
</div>
</div>
</section>
{% endblock %}

View File

@@ -0,0 +1,479 @@
{% extends "overrides/main-styles.html" %}
<!-- Render hero under tabs -->
{% block tabs %}
{{ super() }}
<!-- Team Section Style -->
<style>
*{
box-sizing: border-box
}
body{
margin: 0;
padding: 0;
font-family: Helvetica;
font-weight: 100;
color: #777;
}
.container-testimonial{
background: rgb(237, 239, 240);
height: 30vh;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
margin-left: 150px;
margin-right: 150px;
}
.testimonial-header{
margin-top: 50px;
margin-bottom: 30px;
border-radius: 10px;
position: center;
justify-content:center;
font-size: 42px;
color: #2a978d;
}
.testimonial-card{
min-height: 300px;
width: 350px;
background-color: white;
border-radius: 10px;
box-shadow: 0 8px 30px rgba(0,0,0,.3);
display: flex;
flex-flow: column;
justify-content:space-between;
margin-left: 10px;
}
.text{
padding: 2em;
line-height: 1.7em;
position: relative;
font-size: 14px;
color: #181917;
margin-bottom: 50px;
}
.image{
background-color:tomato;
height: 140px;
width: 140px;
border-radius: 50%;
border: 5px solid white;
position: absolute;
top: -50%;
left: 50%;
transform: translateX(-50%);
display:flex;
justify-content:center;
}
.footer{
background: linear-gradient(90deg, #181917 0%, #2a978d 100%);
height: 185px;
border-radius: 0 0 10px 10px;
position:relative;
}
.quote{
font-size: 400%;
float: right;
opacity: .1;
transform: rotate(10deg) translate(-10px, -40px);
color:#4D3FA3;
}
.person{
color:white;
position: absolute;
margin-top: 0px;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
font-size: 0.9rem;
font-weight: 550;
}
.person-title{
color:white;
position: absolute;
margin-top: 10px;
top: 90%;
left: 50%;
transform: translate(-50%, -100%);
font-size:0.65rem;
font-weight: 300;
}
@media screen and (max-width: 30em) {
.container-testimonial{
background: rgb(237, 239, 240);
height: 50vh;
display: table;
align-items: center;
justify-content: left;
margin-bottom: 30px;
margin-left: 5px;
margin-right: 5px;
}
.testimonial-card {
min-height: 250px;
width: 350px;
background-color: white;
border-radius: 10px;
box-shadow: 0 8px 30px rgb(0 0 0 / 30%);
display: flex;
flex-flow: column;
justify-content: space-between;
margin-left: 10px;
margin-bottom: 5px;
}
.testimonial-header{
margin-top: 50px;
margin-bottom: 30px;
border-radius: 10px;
position: center;
justify-content:center;
font-size: 24px;
color: #2a978d;
}
.footer{
background: linear-gradient(90deg, #181917 0%, #2a978d 100%);
height: 165px;
border-radius: 0 0 10px 10px;
position:relative;
}
}
@media only screen and (min-width: 481px) and (max-width: 1600px) {
.container-testimonial{
background: rgb(237, 239, 240);
height: 30vh;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 80px;
margin-left: 150px;
margin-right: 150px;
}
}
</style>
<!-- 1st Section -->
<!-- BRAINTRUST AGENCY -->
<section class="tx-container-2">
<div class="md-grid md-typeset">
<div class="tx-hero__image-2">
<img
src="../../assets/images/logos/binbash-braintrust.png"
alt=""
width="800"
draggable="false"
align="left"
>
</div>
<div class="tx-hero">
<!-- Hero content -->
<div class="tx-hero__content-2">
<h1 id="braintrust-agency">Braintrust Agency</h1>
<p><br>
Find us at <b>Braintrust</b> talent platform<br>
<i>"Creating the future of work, to benefit enterprise and talent alike".</i>
</p>
<a
href="https://app.usebraintrust.com/agency/432/"
title="{{ page.next_page.title | e }}"
class="md-button md-button"
>
Hire us at Braintrust
</a>
</div>
</div>
</div>
</section>
<!-- 2nd Section -->
<!-- TEAM -->
<section class="tx-container-testimonial">
<div>
<!-- Titulo -->
<h1 class=testimonial-header id="testimonials" style="text-align: center">
Meet our Team
</h1>
</div>
<div class="container-testimonial">
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/marcos.pagnucco.bwc.png);">
</div>
<h3 class='person'>
Marcos Pagnucco
</h3>
<h5 class='person-title' style="text-align:center;">Co-Founder & DevOps Cloud Engineer<br>
<a href="https://www.linkedin.com/in/pagnucco/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/exequiel.barrirero.bwc.png);">
</div>
<h3 class='person'>
Exequiel Barrirero
</h3>
<h5 class='person-title' style="text-align:center;">Co-Founder & DevOps Cloud Engineer<br>
<a href="https://www.linkedin.com/in/barrireroexequiel/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/diego.ojeda.bwc.png);">
</div>
<h3 class='person'>
Diego A. Ojeda
</h3>
<h5 class='person-title' style="text-align:center;">DevOps Cloud Solutions Consultant<br>
<a href="https://www.linkedin.com/in/diegoaojeda/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/carolina.rey.bwc.png);">
</div>
<h3 class='person'>
Carolina Rey
</h3>
<h5 class='person-title' style="text-align:center;">Emotional Intelligence Coach<br>
<a href="https://www.linkedin.com/in/caroreyp/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
</div>
<div class="container-testimonial">
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/marcelo.beresvil.bwc.png);">
</div>
<h3 class='person'>
Marcelo Beresvil
</h3>
<h5 class='person-title' style="text-align:center;">CFO & BizDev Manager<br>
<a href="https://www.linkedin.com/in/marceloberesvil/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/luis.gallardo.bwc.png);">
</div>
<h3 class='person'>
Luis Gallardo
</h3>
<h5 class='person-title' style="text-align:center;">Cloud Solutions Architect<br>
<a href="https://www.linkedin.com/in/lgallard/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/angelo.fenoglio.bwc.png);">
</div>
<h3 class='person'>
Angelo Fenoglio
</h3>
<h5 class='person-title' style="text-align:center;">Software Engineer / DevOps Engineer<br>
<a href="https://www.linkedin.com/in/angelofenoglio/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/patricia.charlier.bwc.png);">
</div>
<h3 class='person'>
Patricia Charlier
</h3>
<h5 class='person-title' style="text-align:center;">Project Manager<br>
<a href="https://www.linkedin.com/in/patricia-charlier-653bb23b/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
</div>
<div class="container-testimonial">
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/matias.rodriguez.bwc.png);">
</div>
<h3 class='person'>
Matías Rodriguez
</h3>
<h5 class='person-title' style="text-align:center;">OSS Developer<br>
<a href="https://www.linkedin.com/in/rodriguezmatias/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/alejandro.parise.bwc.png);">
</div>
<h3 class='person'>
Alejandro Parise
</h3>
<h5 class='person-title' style="text-align:center;">Business Advisor<br>
<a href="https://www.linkedin.com/in/aleparise/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
</div>
</section>
<!-- CERTS & APN -->
<section class="tx-container-3">
<div class="md-grid md-typeset">
<div class="tx-hero">
<!-- Hero image -->
<div class="tx-hero__image-4">
<img
src="../../assets/images/illustrations/home-section-7.png"
alt=""
width="800"
draggable="false"
>
</div>
</div>
</div>
</section>
{% endblock %}