🐞 fix(img): section broken images

This commit is contained in:
Eshan Roy
2024-11-07 07:04:54 +05:30
parent ba6e3b64a0
commit fb70449492
10 changed files with 192 additions and 37 deletions

View File

@@ -33,7 +33,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar">
@@ -60,8 +59,7 @@
<section class="hero">
<div class="hero-content">
<!-- <img src="data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M100 0 C130 50 170 50 200 100 C170 150 130 150 100 200 C70 150 30 150 0 100 C30 50 70 50 100 0' fill='%23754ffe'/%3E%3C/svg%3E" alt="Kali Linux Dragon" class="kali-dragon"> -->
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="400" height="400">
<a href="/" target="_blank" aria-label="Visit Snigdha OS">
<title>Snigdha OS</title>
@@ -84,7 +82,7 @@
Designed to be efficient in its use of system resources, making it ideal for older hardware or devices with limited resources.
Emphasizes minimalism and user-centric design, and it also focuses on penetration testing.
</p>
<div class="cta-buttons" align="center">
<div class="cta-buttons">
<a href="#" class="btn glow-on-hover">
Download
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-download" viewBox="0 0 16 16">
@@ -106,31 +104,31 @@
</section>
<section class="features">
<h2 class="section-title">The Industry Standard</h2>
<p class="section-subtitle">Kali Linux is not about the tools, nor the operating system. Kali Linux is a platform.</p>
<h2 class="section-title">Features At A Glance</h2>
<p class="section-subtitle">It is not only about the penetration testing!</p>
<div class="features-grid">
<div class="feature-card">
<h3>Make Your Job Easier</h3>
<p>You can take our base and start customizing built on it, but you have to see the tools up manually and configure them. Let a professional tool set do these things.</p>
<h3 align="center">Elegant & Minimal</h3>
<p align="center">You can take our base and start customizing built on it, but you have to see the tools up manually and configure them. Let a professional tool set do these things.</p>
</div>
<div class="feature-card">
<h3>Kali Everywhere</h3>
<p>A version of Kali is always close by, pre-loaded where you need it. Mobile devices, Container, ARM, Cloud platform, Windows Subsystem for Linux, Docker Images, and others are all available.</p>
<h3 align="center">Low Resources</h3>
<p align="center">A version of Kali is always close by, pre-loaded where you need it. Mobile devices, Container, ARM, Cloud platform, Windows Subsystem for Linux, Docker Images, and others are all available.</p>
</div>
<div class="feature-card">
<h3>Customization</h3>
<p>With the use of tool metapackages optimized for the specific tasks of a security professional, it's a highly specialized and well-documented Linux distribution that allows you to generate an optimized version of Kali for your specific needs.</p>
<h3 align="center">Customization</h3>
<p align="center">With the use of tool metapackages optimized for the specific tasks of a security professional, it's a highly specialized and well-documented Linux distribution that allows you to generate an optimized version of Kali for your specific needs.</p>
</div>
</div>
</section>
<section class="laptop-showcase">
<img src="./assets/snigdhaos-interface.png?height=600&width=700" alt="Kali Linux Interface" class="laptop-image">
<img src="./assets/snigdhaos-interface.png?height=600&width=700" alt="Snigdha OS Interface" class="laptop-image">
</section>
<!--
<section class="tools-section">
<h2 class="section-title">All the tools you need</h2>
<p>The Kali Linux penetration testing platform contains a vast array of tools and utilities. From information gathering to final reporting, Kali Linux enables security and IT professionals to assess the security of their systems.</p>
<p>The Snigdha OS penetration testing platform contains a vast array of tools and utilities. From information gathering to final reporting, Snigdha OS enables security and IT professionals to assess the security of their systems.</p>
<div class="tools-grid">
<img src="/placeholder.svg?height=64&width=64" alt="Metasploit" class="tool-icon">
<img src="/placeholder.svg?height=64&width=64" alt="Nmap" class="tool-icon">
@@ -141,67 +139,67 @@
</div>
<a href="#tools" class="btn glow-on-hover">Find out all about Kali's Tools</a>
</section>
-->
<section class="kali-everywhere">
<h2 class="section-title">Kali Everywhere</h2>
<h2 class="section-title">Snigdha OS Diversity</h2>
<div class="platform-showcase">
<div class="platform-card">
<img src="/placeholder.svg?height=300&width=200" alt="Windows" class="platform-image">
<img src="/icons/windows-logo.svg?height=300&width=200" alt="Windows" class="platform-image">
<h3>Windows WSL</h3>
<p>Running Kali Linux on Windows Subsystem for Linux</p>
<p>Running Snigdha OS on Windows Subsystem for Linux</p>
</div>
<div class="platform-card featured">
<!-- <div class="platform-card featured">
<img src="/placeholder.svg?height=400&width=200" alt="Mobile" class="platform-image">
<h3>Kali NetHunter</h3>
<p>A mobile penetration testing platform for Android devices that can be installed on supported phones and tablets.</p>
</div>
</div> -->
<div class="platform-card">
<img src="/placeholder.svg?height=300&width=200" alt="WSL" class="platform-image">
<img src="/icons/wsl-logo.svg" alt="WSL" class="platform-image">
<h3>WSL GUI</h3>
<p>Run your preferred Kali GUI Desktop Environment</p>
<p>Run your preferred Snigdha OS GUI Desktop Environment</p>
</div>
</div>
<div class="platform-grid">
<div class="platform-item">
<img src="/placeholder.svg?height=64&width=64" alt="ARM" class="platform-icon">
<img src="/icons/arm-logo.svg" alt="ARM" class="platform-icon">
<h4>ARM</h4>
<p>Single board computers have grown up! With the rise of ARM64 as a server platform, Kali's ARM support has grown too.</p>
</div>
<div class="platform-item">
<img src="/placeholder.svg?height=64&width=64" alt="Bare Metal" class="platform-icon">
<img src="/icons/material-logo.svg" alt="Bare Metal" class="platform-icon">
<h4>Bare Metal</h4>
<p>The classic way to run Kali Linux - install it on your hardware and boot directly into Kali.</p>
<p>The classic way to run Snigdha OS - install it on your hardware and boot directly into Kali.</p>
</div>
<div class="platform-item">
<img src="/placeholder.svg?height=64&width=64" alt="Cloud" class="platform-icon">
<img src="/icons/cloud-logo.svg" alt="Cloud" class="platform-icon">
<h4>Cloud</h4>
<p>Launch Kali Linux in your preferred cloud platform with our pre-built images.</p>
<p>Launch Snigdha OS in your preferred cloud platform with our pre-built images.</p>
</div>
<div class="platform-item">
<img src="/placeholder.svg?height=64&width=64" alt="Containers" class="platform-icon">
<img src="/icons/docker.svg" alt="Containers" class="platform-icon">
<h4>Containers</h4>
<p>Run Kali Linux in a container with our official Docker images.</p>
<p>Run Snigdha OS in a container with our official Docker images.</p>
</div>
<div class="platform-item">
<img src="/placeholder.svg?height=64&width=64" alt="Mobile" class="platform-icon">
<img src="/icons/mobile-logo.svg" alt="Mobile" class="platform-icon">
<h4>Mobile</h4>
<p>Take Kali with you on your Android device with NetHunter.</p>
</div>
<div class="platform-item">
<img src="/placeholder.svg?height=64&width=64" alt="USB" class="platform-icon">
<img src="/icons/usb-logo.svg" alt="USB" class="platform-icon">
<h4>USB</h4>
<p>Create a portable Kali Linux installation on a USB drive.</p>
<p>Create a portable Snigdha OS installation on a USB drive.</p>
</div>
<div class="platform-item">
<img src="/placeholder.svg?height=64&width=64" alt="Virtual Machines" class="platform-icon">
<img src="/icons/vmware.svg" alt="Virtual Machines" class="platform-icon">
<h4>Virtual Machines</h4>
<p>Run Kali Linux in a virtual machine with our pre-built images.</p>
<p>Run Snigdha OS in a virtual machine with our pre-built images.</p>
</div>
<div class="platform-item">
<img src="/placeholder.svg?height=64&width=64" alt="WSL" class="platform-icon">
<img src="/icons/wsl-logo.svg" alt="WSL" class="platform-icon">
<h4>WSL</h4>
<p>Run Kali Linux directly on Windows with WSL integration.</p>
<p>Run Snigdha OS directly on Windows with WSL integration.</p>
</div>
</div>
</section>