feat(sreez): Rework new initial-offer page
This commit is contained in:
Jean-Gabriel Gill-Couture
parent
78d69a72f5
commit
d8bed59ef7
@ -53,7 +53,7 @@ style-file = "style/main.scss"
|
||||
# Optional. Env: LEPTOS_ASSETS_DIR.
|
||||
assets-dir = "assets"
|
||||
# The IP and port (ex: 127.0.0.1:3000) where the server serves the content. Use it in your server setup.
|
||||
site-addr = "127.0.0.1:3000"
|
||||
site-addr = "0.0.0.0:3000"
|
||||
# The port to use for automatic reload monitoring
|
||||
reload-port = 3001
|
||||
# [Optional] Command to use when running end2end tests. It will run in the end2end dir.
|
||||
|
||||
@ -3,6 +3,7 @@ use leptos_meta::*;
|
||||
use leptos_router::*;
|
||||
|
||||
use crate::pages::HomePage;
|
||||
use crate::pages::InitialOffer;
|
||||
|
||||
#[component]
|
||||
pub fn App() -> impl IntoView {
|
||||
@ -19,9 +20,10 @@ pub fn App() -> impl IntoView {
|
||||
|
||||
// content for this welcome page
|
||||
<Router>
|
||||
<main>
|
||||
<main class="bg-main">
|
||||
<Routes>
|
||||
<Route path="" view=HomePage/>
|
||||
<Route path="/initial-offer" view=InitialOffer/>
|
||||
<Route path="/*any" view=NotFound/>
|
||||
</Routes>
|
||||
</main>
|
||||
|
||||
@ -2,7 +2,6 @@ use leptos::*;
|
||||
/// Renders the home page of your application.
|
||||
#[component]
|
||||
pub fn HomePage() -> impl IntoView {
|
||||
// Creates a reactive value to update the button
|
||||
view! {
|
||||
<div class="row margin-y-4 justify-center">
|
||||
<img src="assets/sreez_transparent_bg.png" alt="SREEZ mascot. Yes it is text-to-image generated by GPT4/DALL·E" class="max-width-400 margin-x-3"/>
|
||||
@ -19,6 +18,7 @@ pub fn HomePage() -> impl IntoView {
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-2x margin-x-1">"Imagine a world where your startup's infrastructure is as resilient as the biggest tech giants', but without the overhead. Welcome to SREEZ, where we make that dream a reality"</p>
|
||||
<div class="row card-list">
|
||||
<div class="card">
|
||||
<h3>"24/7 support"</h3>
|
||||
@ -49,18 +49,36 @@ pub fn HomePage() -> impl IntoView {
|
||||
<p>"And much more, just "<a href="mailto:sreez@nationtech.io">"ask us!"</a></p>
|
||||
<h2>"How it works"</h2>
|
||||
<div class="md-container text-left">
|
||||
<ol class="huge-list-markers">
|
||||
<li><h3 class="text-3x">"Fork a template repo"</h3></li>
|
||||
<li><h3 class="text-3x">"Create an account"</h3></li>
|
||||
<li><h3 class="text-3x">"Push a modification"</h3></li>
|
||||
<li><h3 class="text-3x">"Enjoy life in production"</h3></li>
|
||||
</ol>
|
||||
<ul class="list-style-none">
|
||||
<li><h3 class="text-2x">"Call the CLI and generate a project from a template"</h3>
|
||||
<ul>
|
||||
<li>"Rust front-end"</li>
|
||||
<li>"Rust REST API"</li>
|
||||
<li>"Rust gRPC"</li>
|
||||
<li>"Rust simple binary"</li>
|
||||
<li>"Python uvicorn backend"</li>
|
||||
<li>"React + Node SSR"</li>
|
||||
<li>"Vue + Node SSR"</li>
|
||||
<li>"PyTorch model"</li>
|
||||
<li>"Tensorflow model"</li>
|
||||
<li>"Burn model"</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><h3 class="text-2x">"Create an account"</h3>
|
||||
</li>
|
||||
<li><h3 class="text-2x">"Push a modification"</h3>
|
||||
</li>
|
||||
<li><h3 class="text-2x">"Enjoy life in production"</h3>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="row card-list">
|
||||
<div class="card">
|
||||
<h3 class="border-bottom-4">"Base package - Self Managed"</h3>
|
||||
<h3 class="border-bottom-4">"Bootstrap package - Integrate, deliver, monitor"</h3>
|
||||
<p class="font-bold text-center ">"1 055 CAD / Month"</p>
|
||||
<p class="font-bold text-center ">"10 555 CAD / Year"</p>
|
||||
<ul class="text-left">
|
||||
<li>"1 Kubernetes namespace - Auto-Healing, Auto-Scaling, Fully Managed"</li>
|
||||
<li>"Dedicated Kubernetes namespace - Auto-Healing, Auto-Scaling, Fully Managed"</li>
|
||||
<li>"Kubeapps dashboard - install hundreds of applications and databases in 1 click"</li>
|
||||
<li>"Argo-CD"</li>
|
||||
<li>"Gitea"</li>
|
||||
@ -71,12 +89,11 @@ pub fn HomePage() -> impl IntoView {
|
||||
<li>"32 CPU Cores"</li>
|
||||
<li>"2 TB General Purpose Distributed Storage"</li>
|
||||
</ul>
|
||||
<div class="spacer"></div>
|
||||
<p class="font-bold text-center text-4">"1 055 CAD / Month"</p>
|
||||
<p class="font-bold text-center text-4">"10 555 CAD / Year"</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3 class="border-bottom-4">"Startup Package - SRE as a Service"</h3>
|
||||
<p class="font-bold text-center ">"5 555 CAD / Month"</p>
|
||||
<p class="font-bold text-center ">"55 555 CAD / Year"</p>
|
||||
<ul class="text-left">
|
||||
<li>"Everything in lower package, plus"</li>
|
||||
<li>"Unlimited Kubernetes namespaces - Auto-Healing, Auto-Scaling, Fully Managed"</li>
|
||||
@ -89,13 +106,12 @@ pub fn HomePage() -> impl IntoView {
|
||||
<li>"2 hours per month complimentary consulting with our SRE team"</li>
|
||||
<li>"Access to direct messaging with 4 hour SLA 24/7"</li>
|
||||
</ul>
|
||||
<div class="spacer"></div>
|
||||
<p class="margin-x-1">"For those who have modest needs but want to benefit from the best SRE tools and teams in the industry"</p>
|
||||
<p class="font-bold text-center text-4">"5 555 CAD / Month"</p>
|
||||
<p class="font-bold text-center text-4">"55 555 CAD / Year"</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3 class="border-bottom-4">"Top Package - Dedicated Cluster"</h3>
|
||||
<p class="font-bold text-center ">"55 555 CAD / Month"</p>
|
||||
<p class="font-bold text-center ">"555 555 CAD / Year"</p>
|
||||
<ul class="text-left">
|
||||
<li>"Everything in lower package, plus"</li>
|
||||
<li>"2 Dedicated OKD (OpenShift Community) Clusters"</li>
|
||||
@ -106,12 +122,9 @@ pub fn HomePage() -> impl IntoView {
|
||||
<li>"500 CPU Cores"</li>
|
||||
<li>"1 200 TB General Purpose Distributed Storage"</li>
|
||||
</ul>
|
||||
<div class="spacer"></div>
|
||||
<p class="margin-x-1">"We can customize our offering around this base package. Let us know what you need."</p>
|
||||
<p class="margin-x-1">"We can deliver, fast : 2 clusters available within 3 days."</p>
|
||||
<p class="margin-x-1">"1 month lead time for more clusters."</p>
|
||||
<p class="font-bold text-center text-4">"55 555 CAD / Month"</p>
|
||||
<p class="font-bold text-center text-4">"555 555 CAD / Year"</p>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
154
sreez/src/pages/initial_offer.rs
Normal file
154
sreez/src/pages/initial_offer.rs
Normal file
@ -0,0 +1,154 @@
|
||||
use leptos::*;
|
||||
/// Renders the home page of your application.
|
||||
#[component]
|
||||
pub fn InitialOffer() -> impl IntoView {
|
||||
view! {
|
||||
<div class="text-center margin-y-25vh">
|
||||
<p class="text-3x font-bold max-width-900 margin-x-auto">"Imagine a world where your startup's infrastructure is as resilient as the biggest tech giants', but without the overhead."</p>
|
||||
<p class="text-3x font-bold max-width-900 margin-x-auto">"Welcome to SREEZ, where we make that dream a reality"</p>
|
||||
</div>
|
||||
<div class="row margin-y-4 justify-center">
|
||||
<img src="assets/sreez_transparent_bg.png" alt="SREEZ mascot. Yes it is text-to-image generated by GPT4/DALL·E" class="max-width-400 margin-x-3"/>
|
||||
<div class="margin-x-3 text-left column justify-center">
|
||||
<h1>"SREEZ"
|
||||
<br/>
|
||||
<span class="font-size-xl color-gray">"Site Reliability Engineering for Everyone, eZ"</span>
|
||||
</h1>
|
||||
<h2 class="font-size-3xl">
|
||||
<span>"Stay focused"</span><br/>
|
||||
<span>"on your features,"</span><br/>
|
||||
<span>"we take care"</span><br/>
|
||||
<span>"of the infrastructure."</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row card-list">
|
||||
<div class="card">
|
||||
<h3>"24/7 support"</h3>
|
||||
<ul>
|
||||
<li>"We make sure your infrastructure is running, all the time"</li>
|
||||
<li>"We won't wake you up unless there is a bug in your code"</li>
|
||||
<li>"Full post-mortem and reactive measures taken so it won't happen again"</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>"Batteries included"</h3>
|
||||
<ul>
|
||||
<li>"Managed Orchestrator : Kubernetes with monitoring, alterting, virtual machines, dashboard and more"</li>
|
||||
<li>"Marketplace : Easily install hundreds of apps, databases, productivity tools at no additional cost"</li>
|
||||
<li>"CI/CD Pipeline : Source Control, Continuous Integration, Test Automation, Static Analysis, Continuous Delivery"</li>
|
||||
<li>"AI Tools : Open source LLMs, Model Management and Deployment, Jupyter Notebooks, NVidia GPUs"</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>"Free as a byte"</h3>
|
||||
<ul>
|
||||
<li>"Run anywhere : NationTech Network, Bare Metal, Virtual Machines, Public Cloud, Private Cloud"</li>
|
||||
<li>"No vendor lock-in, only open source tools"</li>
|
||||
<li>"Install any software based on your specific needs only"</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<p>"And much more, just "<a href="mailto:sreez@nationtech.io">"ask us!"</a></p>
|
||||
|
||||
<div class="row card-list">
|
||||
<div class="card">
|
||||
<h3 class="border-bottom-4 height-110">"Bootstrap Package - Integrate, deliver, monitor"</h3>
|
||||
<p class="font-bold text-center ">"1 055 CAD / Month"</p>
|
||||
<p class="font-bold text-center ">"10 555 CAD / Year"</p>
|
||||
<p class="font-bold text-center">"Coming soon"</p>
|
||||
<p class="font-bold text-center">
|
||||
<a href="mailto:sreez@nationtech.io?subject=SREEZ Bootstrap Package&body=I am interested in SREEZ Bootstrap Package">"Subscribe to waitlist"</a>
|
||||
</p>
|
||||
<ul class="text-left">
|
||||
<li>"Dedicated Kubernetes namespace - Auto-Healing, Auto-Scaling, Fully Managed"</li>
|
||||
<li>"Kubeapps dashboard - install hundreds of applications and databases in 1 click"</li>
|
||||
<li>"Argo-CD"</li>
|
||||
<li>"Gitea"</li>
|
||||
<li>"Jenkins"</li>
|
||||
<li>"Prometheus"</li>
|
||||
<li>"Grafana"</li>
|
||||
<li>"64 GB RAM"</li>
|
||||
<li>"32 CPU Cores"</li>
|
||||
<li>"2 TB General Purpose Distributed Storage"</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3 class="border-bottom-4 height-110">"Startup Package - SRE as a Service"</h3>
|
||||
<p class="font-bold text-center ">"5 555 CAD / Month"</p>
|
||||
<p class="font-bold text-center ">"55 555 CAD / Year"</p>
|
||||
<p class="font-bold text-center">"5 available "</p>
|
||||
<p class="font-bold text-center">
|
||||
<a href="mailto:sreez@nationtech.io?subject=SREEZ Startup Package&body=I am interested in SREEZ Startup Package">"Get it now"</a>
|
||||
</p>
|
||||
<ul class="text-left">
|
||||
<li>"Everything in lower package, plus"</li>
|
||||
<li>"Unlimited Kubernetes namespaces - Auto-Healing, Auto-Scaling, Fully Managed"</li>
|
||||
<li>"Kubeflow"</li>
|
||||
<li>"OpenLLM - LLaMa, Mistral, StarCoder and more open source models to tune and run privately"</li>
|
||||
<li>"1 AI GPU with 24GB+ VRAM"</li>
|
||||
<li>"256 GB RAM"</li>
|
||||
<li>"96 CPU Cores"</li>
|
||||
<li>"10 TB General Purpose Distributed Storage"</li>
|
||||
<li>"2 hours per month complimentary consulting with our SRE team"</li>
|
||||
<li>"Access to direct messaging with 4 hour SLA 24/7"</li>
|
||||
</ul>
|
||||
<p class="margin-x-1">"For those who have modest needs but want to benefit from the best SRE tools and teams in the industry"</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3 class="border-bottom-4 height-110">"Top Package - Dedicated Cluster"</h3>
|
||||
<p class="font-bold text-center">"55 555 CAD / Month"</p>
|
||||
<p class="font-bold text-center">"555 555 CAD / Year"</p>
|
||||
<p class="font-bold text-center">"1 available "</p>
|
||||
<p class="font-bold text-center">
|
||||
<a href="mailto:sreez@nationtech.io?subject=SREEZ Top package&body=I am interested in SREEZ Top Package">"Get it now"</a>
|
||||
</p>
|
||||
<ul class="text-left">
|
||||
<li>"Everything in lower package, plus"</li>
|
||||
<li>"2 Dedicated OKD (OpenShift Community) Clusters"</li>
|
||||
<li>"Distributed in two geographical sites of your choice"</li>
|
||||
<li>"4 days per month SRE development and improvement on your stack"</li>
|
||||
<li>"4 AI GPUs with 24GB+ VRAM"</li>
|
||||
<li>"4 000 GB RAM"</li>
|
||||
<li>"500 CPU Cores"</li>
|
||||
<li>"1 200 TB General Purpose Distributed Storage"</li>
|
||||
</ul>
|
||||
<p class="margin-x-1">"We can customize our offering around this base package. Let us know what you need."</p>
|
||||
<p class="margin-x-1">"We can deliver, fast : 2 clusters available within 3 days."</p>
|
||||
<p class="margin-x-1">"1 month lead time for more clusters."</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="margin-y-25vh">
|
||||
<h2>"Not ready to make a move yet but want to improve your infrastructure"</h2>
|
||||
<p>
|
||||
<a href="mailto:sreez@nationtech.io?subject=Mailing list subscription&body=I want to get SREEZ news">"Subscribe to our mailing list"</a>
|
||||
" for SRE advice and events"
|
||||
</p>
|
||||
</div>
|
||||
<h2>"How it works"</h2>
|
||||
<div class="md-container text-left">
|
||||
<ul class="list-style-none">
|
||||
<li><h3 class="text-2x">"Call the CLI and generate a project from a template"</h3>
|
||||
<ul>
|
||||
<li>"Rust front-end"</li>
|
||||
<li>"Rust REST API"</li>
|
||||
<li>"Rust gRPC"</li>
|
||||
<li>"Rust simple binary"</li>
|
||||
<li>"Python uvicorn backend"</li>
|
||||
<li>"React + Node SSR"</li>
|
||||
<li>"Vue + Node SSR"</li>
|
||||
<li>"PyTorch model"</li>
|
||||
<li>"Tensorflow model"</li>
|
||||
<li>"Burn model"</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><h3 class="text-2x">"Create an account"</h3>
|
||||
</li>
|
||||
<li><h3 class="text-2x">"Push a modification"</h3>
|
||||
</li>
|
||||
<li><h3 class="text-2x">"Enjoy life in production"</h3>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
@ -1,2 +1,4 @@
|
||||
mod home_page;
|
||||
mod initial_offer;
|
||||
pub use home_page::*;
|
||||
pub use initial_offer::*;
|
||||
|
||||
131
sreez/src/pages/sreez_initial_offer.rs
Normal file
131
sreez/src/pages/sreez_initial_offer.rs
Normal file
@ -0,0 +1,131 @@
|
||||
use leptos::*;
|
||||
/// Renders the home page of your application.
|
||||
#[component]
|
||||
pub fn InitialOffer() -> impl IntoView {
|
||||
view! {
|
||||
<div class="row margin-y-4 justify-center">
|
||||
<img src="assets/sreez_transparent_bg.png" alt="SREEZ mascot. Yes it is text-to-image generated by GPT4/DALL·E" class="max-width-400 margin-x-3"/>
|
||||
<div class="margin-x-3 text-left column justify-center">
|
||||
<h1>"SREEZ"
|
||||
<br/>
|
||||
<span class="font-size-xl color-gray">"Site Reliability Engineering for Everyone, eZ"</span>
|
||||
</h1>
|
||||
<h2 class="font-size-3xl">
|
||||
<span>"Stay focused"</span><br/>
|
||||
<span>"on your features,"</span><br/>
|
||||
<span>"we take care"</span><br/>
|
||||
<span>"of the infrastructure."</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-2x margin-x-1">"Imagine a world where your startup's infrastructure is as resilient as the biggest tech giants', but without the overhead. Welcome to SREEZ, where we make that dream a reality"</p>
|
||||
<div class="row card-list">
|
||||
<div class="card">
|
||||
<h3>"24/7 support"</h3>
|
||||
<ul>
|
||||
<li>"We make sure your infrastructure is running, all the time"</li>
|
||||
<li>"We won't wake you up unless there is a bug in your code"</li>
|
||||
<li>"Full post-mortem and reactive measures taken so it won't happen again"</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>"Batteries included"</h3>
|
||||
<ul>
|
||||
<li>"Managed Orchestrator : RedHat OpenShift Community (OKD) cluster"</li>
|
||||
<li>"Marketplace : Easily install hundreds of apps, databases, productivity tools at no additional cost"</li>
|
||||
<li>"CI/CD Pipeline : Source Control, Continuous Integration, Test Automation, Static Analysis, Continuous Delivery"</li>
|
||||
<li>"AI Tools : Open source LLMs, Model Management and Deployment, Jupyter Notebooks, NVidia GPUs"</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>"Free as a byte"</h3>
|
||||
<ul>
|
||||
<li>"No vendor lock-in, only open source tools"</li>
|
||||
<li>"Install any software based on your specific needs only"</li>
|
||||
<li>"Run anywhere : NationTech Network, Bare Metal, Virtual Machines, Public Cloud, Private Cloud"</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<p>"And much more, just "<a href="mailto:sreez@nationtech.io">"ask us!"</a></p>
|
||||
<h2>"How it works"</h2>
|
||||
<div class="md-container text-left">
|
||||
<ul class="list-style-none">
|
||||
<li><h3 class="text-2x">"Call the CLI and generate a project from a template"</h3>
|
||||
<ul>
|
||||
<li>"Rust front-end"</li>
|
||||
<li>"Rust REST API"</li>
|
||||
<li>"Rust gRPC"</li>
|
||||
<li>"Rust simple binary"</li>
|
||||
<li>"Python uvicorn backend"</li>
|
||||
<li>"React + Node SSR"</li>
|
||||
<li>"Vue + Node SSR"</li>
|
||||
<li>"PyTorch model"</li>
|
||||
<li>"Tensorflow model"</li>
|
||||
<li>"Burn model"</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><h3 class="text-2x">"Create an account"</h3>
|
||||
</li>
|
||||
<li><h3 class="text-2x">"Push a modification"</h3>
|
||||
</li>
|
||||
<li><h3 class="text-2x">"Enjoy life in production"</h3>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="row card-list">
|
||||
<div class="card">
|
||||
<h3 class="border-bottom-4">"Bootstrap package - Integrate, deliver, monitor"</h3>
|
||||
<p class="font-bold text-center ">"1 055 CAD / Month"</p>
|
||||
<p class="font-bold text-center ">"10 555 CAD / Year"</p>
|
||||
<ul class="text-left">
|
||||
<li>"Dedicated Kubernetes namespace - Auto-Healing, Auto-Scaling, Fully Managed"</li>
|
||||
<li>"Kubeapps dashboard - install hundreds of applications and databases in 1 click"</li>
|
||||
<li>"Argo-CD"</li>
|
||||
<li>"Gitea"</li>
|
||||
<li>"Jenkins"</li>
|
||||
<li>"Prometheus"</li>
|
||||
<li>"Grafana"</li>
|
||||
<li>"64 GB RAM"</li>
|
||||
<li>"32 CPU Cores"</li>
|
||||
<li>"2 TB General Purpose Distributed Storage"</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3 class="border-bottom-4">"Startup Package - SRE as a Service"</h3>
|
||||
<p class="font-bold text-center ">"5 555 CAD / Month"</p>
|
||||
<p class="font-bold text-center ">"55 555 CAD / Year"</p>
|
||||
<ul class="text-left">
|
||||
<li>"Everything in lower package, plus"</li>
|
||||
<li>"Unlimited Kubernetes namespaces - Auto-Healing, Auto-Scaling, Fully Managed"</li>
|
||||
<li>"Kubeflow"</li>
|
||||
<li>"OpenLLM - LLaMa, Mistral, StarCoder and more open source models to tune and run privately"</li>
|
||||
<li>"1 AI GPU with 24GB+ VRAM"</li>
|
||||
<li>"256 GB RAM"</li>
|
||||
<li>"96 CPU Cores"</li>
|
||||
<li>"10 TB General Purpose Distributed Storage"</li>
|
||||
<li>"2 hours per month complimentary consulting with our SRE team"</li>
|
||||
<li>"Access to direct messaging with 4 hour SLA 24/7"</li>
|
||||
</ul>
|
||||
<p class="margin-x-1">"For those who have modest needs but want to benefit from the best SRE tools and teams in the industry"</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3 class="border-bottom-4">"Top Package - Dedicated Cluster"</h3>
|
||||
<p class="font-bold text-center ">"55 555 CAD / Month"</p>
|
||||
<p class="font-bold text-center ">"555 555 CAD / Year"</p>
|
||||
<ul class="text-left">
|
||||
<li>"Everything in lower package, plus"</li>
|
||||
<li>"2 Dedicated OKD (OpenShift Community) Clusters"</li>
|
||||
<li>"Distributed in two geographical sites of your choice"</li>
|
||||
<li>"4 days per month SRE development and improvement on your stack"</li>
|
||||
<li>"4 AI GPUs with 24GB+ VRAM"</li>
|
||||
<li>"4 000 GB RAM"</li>
|
||||
<li>"500 CPU Cores"</li>
|
||||
<li>"1 200 TB General Purpose Distributed Storage"</li>
|
||||
</ul>
|
||||
<p class="margin-x-1">"We can customize our offering around this base package. Let us know what you need."</p>
|
||||
<p class="margin-x-1">"We can deliver, fast : 2 clusters available within 3 days."</p>
|
||||
<p class="margin-x-1">"1 month lead time for more clusters."</p>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
@ -4,6 +4,12 @@ body {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #FAFAF5;
|
||||
font-family: Roboto, helvetica;
|
||||
font-family: Poppins, helvetica;
|
||||
}
|
||||
|
||||
|
||||
.font-size-4xl {
|
||||
font-size: 3rem;
|
||||
@ -54,6 +60,24 @@ ol {
|
||||
margin-right: 3rem;
|
||||
}
|
||||
|
||||
.margin-y-25vh {
|
||||
margin-top: 25vh;
|
||||
margin-bottom: 25vh;
|
||||
}
|
||||
|
||||
.margin-3 {
|
||||
margin: 3rem;
|
||||
}
|
||||
|
||||
.max-width-900 {
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
.margin-x-auto {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.card-list {
|
||||
text-align: left;
|
||||
justify-content: center;
|
||||
@ -64,8 +88,12 @@ ol {
|
||||
flex: 1;
|
||||
min-width: 250px;
|
||||
max-width: 400px;
|
||||
border: solid 3px black;
|
||||
border-radius: 20px;
|
||||
// border: solid 3px #ccc;
|
||||
//border-radius: 20px;
|
||||
// background-color: white;
|
||||
//border: 2px solid #eee;
|
||||
//border-right: 2px solid #fc314e88;
|
||||
//border-left: 2px solid #fc314e88;
|
||||
margin: 30px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -74,10 +102,18 @@ ol {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.border-bottom {
|
||||
border-bottom: solid 2px #F0F0F0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 1rem;
|
||||
margin-top: 2rem;
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
min-height: 55px;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
@ -103,15 +139,23 @@ ol {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.list-style-none {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ol.huge-list-markers li{
|
||||
margin-bottom: 5rem;
|
||||
&::marker {
|
||||
font-size: 4rem;
|
||||
font-size: 3rem;
|
||||
font-weight: 800;
|
||||
margin: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.text-2x {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.text-3x {
|
||||
font-size: 3rem;
|
||||
}
|
||||
@ -127,3 +171,7 @@ ol.huge-list-markers li{
|
||||
.max-width-400 {
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
.height-110 {
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user