Main Page: Difference between revisions

Revision as of 18:44, 24 October 2025

🚀 Getting Started

Welcome to Linux Beta, your comprehensive resource for all things Linux! Explore our curated guides, tutorials, and documentation designed for beginners and advanced users alike. Start your journey into the world of open-source computing with confidence.

📚 Documentation

Access comprehensive documentation covering system administration, package management, networking, and security. Our documentation is regularly updated to reflect the latest best practices and emerging technologies in the Linux ecosystem.

💡 Tutorials

Learn through hands-on tutorials covering web servers, databases, scripting, and development environments. Each tutorial includes step-by-step instructions with real-world examples to help you build practical skills quickly.

🌟 Community

Join our vibrant community of Linux enthusiasts! Connect with fellow users, share knowledge, contribute to our wiki, and get help with troubleshooting. Together, we're building the ultimate Linux knowledge base.

@@ Line 1: / Line 1: @@
 <div style="max-width: 1400px; margin: 0 auto;">
-{| style="width: 100%; border-collapse: separate; border-spacing: 20px; margin: -20px;"
+<!-- Row 1 -->
-|-
+<div style="display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 20px;">
-| style="width: 50%; vertical-align: top; padding: 0;" |
-<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.1);">
+<!-- Box 1: Getting Started -->
+<div style="flex: 1 1 calc(50% - 10px); min-width: 280px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3); border: 1px solid rgba(255, 255, 255, 0.1);">
 <div style="background: rgba(0, 0, 0, 0.15); padding: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.1);">
 <div style="color: #ffffff; font-size: 28px; font-weight: 700; letter-spacing: 0.5px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);">🚀 Getting Started</div>
@@ Line 17: / Line 18: @@
 </div>
-| style="width: 50%; vertical-align: top; padding: 0;" |
+<!-- Box 2: Documentation -->
-<div style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(240, 147, 251, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.1);">
+<div style="flex: 1 1 calc(50% - 10px); min-width: 280px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(240, 147, 251, 0.3); border: 1px solid rgba(255, 255, 255, 0.1);">
 <div style="background: rgba(0, 0, 0, 0.15); padding: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.1);">
 <div style="color: #ffffff; font-size: 28px; font-weight: 700; letter-spacing: 0.5px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);">📚 Documentation</div>
@@ Line 31: / Line 32: @@
 </div>
-|-
+</div>
-| style="width: 50%; vertical-align: top; padding: 0;" |
-<div style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(79, 172, 254, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.1);">
+<!-- Row 2 -->
+<div style="display: flex; flex-wrap: wrap; gap: 20px;">
+<!-- Box 3: Tutorials -->
+<div style="flex: 1 1 calc(50% - 10px); min-width: 280px; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(79, 172, 254, 0.3); border: 1px solid rgba(255, 255, 255, 0.1);">
 <div style="background: rgba(0, 0, 0, 0.15); padding: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.1);">
 <div style="color: #ffffff; font-size: 28px; font-weight: 700; letter-spacing: 0.5px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);">💡 Tutorials</div>
@@ Line 46: / Line 51: @@
 </div>
-| style="width: 50%; vertical-align: top; padding: 0;" |
+<!-- Box 4: Community -->
-<div style="background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(67, 233, 123, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.1);">
+<div style="flex: 1 1 calc(50% - 10px); min-width: 280px; background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(67, 233, 123, 0.3); border: 1px solid rgba(255, 255, 255, 0.1);">
 <div style="background: rgba(0, 0, 0, 0.15); padding: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.1);">
 <div style="color: #ffffff; font-size: 28px; font-weight: 700; letter-spacing: 0.5px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);">🌟 Community</div>
@@ Line 60: / Line 65: @@
 </div>
-|}
+</div>
 </div>
-<style>
-@media screen and (max-width: 768px) {
-  table {
-    display: block !important;
-  }
-  tbody, tr, td {
-    display: block !important;
-    width: 100% !important;
-  }
-  td {
-    margin-bottom: 20px !important;
-  }
-}
-</style>