diff --git a/about.html b/about.html index e69de29..36c54a0 100644 --- a/about.html +++ b/about.html @@ -0,0 +1,161 @@ + + + + + + HelmHub.IO + + + + + + + + +
+
+

What's Helmhub-IO?

+

Here's what you need to know about the helmhub-io

+ + +
+
+ +
+
+
+
+

First, What's Helmhub?

+

In DevOps and Site Reliability Engineering (SRE) practices, Helm charts are a packaging format used to define, install, + and manage complex Kubernetes applications consistently and reliably. Often described as the "package manager" + for Kubernetes (similar to apt or yum in Linux), + Helm streamlines the deployment and lifecycle management of applications within a Kubernetes cluster. +

+ So, simply put, this is where you can get all your helm charts +
+
+ helm logo +
+
+
+ + + + + + + + diff --git a/assets/logo/Helm.svg b/assets/logo/Helm.svg new file mode 100644 index 0000000..d1ea4f0 --- /dev/null +++ b/assets/logo/Helm.svg @@ -0,0 +1 @@ + diff --git a/index.html b/index.html index f058766..0dd5e87 100644 --- a/index.html +++ b/index.html @@ -17,12 +17,12 @@
- - About - Charts - Docs - Team - Blog + + About + Charts + Docs + Contributors + Blog
diff --git a/style.css b/style.css index 216a498..a37ad86 100644 --- a/style.css +++ b/style.css @@ -68,6 +68,18 @@ img.logo{ width: 4rem; height:4rem; } .btn { display: inline-block; background: #1e3a8a; color: white; padding: 12px 30px; text-decoration: none; border-radius: 5px; font-weight: 500; transition: background 0.3s; } .btn:hover { background: #1e40af; } + +/* about page*/ +.about-hero { padding: 4rem 0; text-align: center;} +.about-hero h2 { font-size: 2.5rem; margin-bottom: 1rem; color: var(--nav-bg); } +.about-hero h3{ margin-bottom: 1.3rem; color: #1e40af;} +.about-hero p { font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 2rem; } +.about-hero-wrap > .abh-left , .abh-right{ height: auto; width: 50vw; justify-content: space-evenly;} +.about-hero-wrap .abh-left{margin-top: 3rem;} +.about-hero-wrap .abh-right> img{width: 80%; height:80% ;margin-top: 1.5rem; } +.about-hero-wrap{ display: flex; gap:2rem; justify-content: center;} +.about-hero-wrap .abh-left em{font-size: 1.5rem; margin-bottom: 1rem; color: var(--nav-bg); } + /* Features Section */ .features { padding: 4rem 0; } .features h2 { text-align: center; margin-bottom: 3rem; font-size: 2rem; color: var(--text-primary); }