Initial commit
This commit is contained in:
root
146
src/pages/services.astro
Normal file
146
src/pages/services.astro
Normal file
@@ -0,0 +1,146 @@
|
||||
---
|
||||
import '../styles/styles.css';
|
||||
---
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Services - My Website</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<nav>
|
||||
<ul class="main-menu">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="has-dropdown">
|
||||
<a href="services.html">Services</a>
|
||||
<ul class="dropdown">
|
||||
<li class="has-submenu">
|
||||
<a href="#networking">Networking</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="#adblocker">Adblocker</a></li>
|
||||
<li><a href="#openwrt">OpenWRT</a></li>
|
||||
<li><a href="#opnsense">OPNsense</a></li>
|
||||
<li><a href="#nas">NAS</a></li>
|
||||
<li><a href="#proxmox">Proxmox</a></li>
|
||||
<li><a href="#wireguard">Wireguard</a></li>
|
||||
<li><a href="#vpn">VPN</a></li>
|
||||
<li><a href="#vps">VPS</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-submenu">
|
||||
<a href="#os">OS</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="#remove-telemetry">Remove Windows Telemetry</a></li>
|
||||
<li><a href="#linux-setup">Set Up Linux</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside class="sidebar">
|
||||
<section class="sidebar-section news">
|
||||
<h2>Latest News</h2>
|
||||
<div class="news-item">
|
||||
<div class="news-date">May 19, 2025</div>
|
||||
<div class="news-title">Website Launch</div>
|
||||
<p>Our new website is now live with an improved user experience.</p>
|
||||
</div>
|
||||
<div class="news-item">
|
||||
<div class="news-date">May 15, 2025</div>
|
||||
<div class="news-title">New Services Added</div>
|
||||
<p>We've expanded our services to include specialized solutions.</p>
|
||||
</div>
|
||||
<div class="news-item">
|
||||
<div class="news-date">May 10, 2025</div>
|
||||
<div class="news-title">Community Event</div>
|
||||
<p>Join us for our upcoming community event on June 1st.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="sidebar-section important-links">
|
||||
<h2>Important Links</h2>
|
||||
<ul>
|
||||
<li><a href="#">Documentation</a></li>
|
||||
<li><a href="#">Resources</a></li>
|
||||
<li><a href="#">Projects</a></li>
|
||||
<li><a href="#">Downloads</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
</aside>
|
||||
|
||||
<main>
|
||||
<section class="main-content">
|
||||
<h1>Our Services</h1>
|
||||
<p>We offer a wide range of technical services to help you optimize your digital environment. Below you'll find detailed information about each of our service categories.</p>
|
||||
|
||||
<!-- Networking Section -->
|
||||
<h2 id="networking">Networking Services</h2>
|
||||
<p>Our networking services help you build a secure, efficient, and reliable network infrastructure tailored to your specific needs.</p>
|
||||
|
||||
<div class="service-card" id="adblocker">
|
||||
<h3>Adblocker Setup</h3>
|
||||
<p>Enhance your browsing experience and protect your privacy with our comprehensive ad-blocking solutions. We implement network-wide ad blocking that works across all your devices without requiring individual software installations.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-card" id="openwrt">
|
||||
<h3>OpenWRT Configuration</h3>
|
||||
<p>Maximize your router's potential with OpenWRT, a powerful open-source firmware that provides enhanced control, security features, and performance improvements. Our experts will configure OpenWRT to optimize your network based on your specific requirements.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-card" id="opnsense">
|
||||
<h3>OPNsense Implementation</h3>
|
||||
<p>Secure your network with OPNsense, an enterprise-grade firewall and routing platform. We provide complete setup, configuration, and maintenance services to ensure your network remains protected against evolving threats.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-card" id="nas">
|
||||
<h3>NAS Setup and Optimization</h3>
|
||||
<p>Create a centralized storage solution with our Network Attached Storage (NAS) services. We'll help you select the right hardware, implement the appropriate software, and configure backup routines to keep your data safe and accessible.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-card" id="proxmox">
|
||||
<h3>Proxmox Virtualization</h3>
|
||||
<p>Leverage the power of Proxmox VE to create an efficient virtualization environment. Our services include installation, configuration, VM setup, and ongoing management to ensure optimal resource utilization and system performance.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-card" id="wireguard">
|
||||
<h3>Wireguard VPN Setup</h3>
|
||||
<p>Implement a modern, secure, and efficient VPN solution with Wireguard. We provide end-to-end setup and configuration services to ensure secure remote access to your network from anywhere in the world.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-card" id="vpn">
|
||||
<h3>VPN Solutions</h3>
|
||||
<p>Protect your online privacy and secure your data with our comprehensive VPN solutions. We offer setup, configuration, and troubleshooting services for various VPN protocols to meet your specific security requirements.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-card" id="vps">
|
||||
<h3>VPS Management</h3>
|
||||
<p>Let us handle the setup and management of your Virtual Private Server. From initial configuration to ongoing maintenance and security updates, we ensure your VPS runs smoothly and securely at all times.</p>
|
||||
</div>
|
||||
|
||||
<!-- OS Section -->
|
||||
<h2 id="os">Operating System Services</h2>
|
||||
<p>Our OS services help you get the most out of your operating system while ensuring security, privacy, and optimal performance.</p>
|
||||
|
||||
<div class="service-card" id="remove-telemetry">
|
||||
<h3>Remove Windows Telemetry</h3>
|
||||
<p>Enhance your privacy by removing Windows telemetry features that collect and send data to Microsoft. Our service includes identification and disabling of telemetry components while ensuring system stability and functionality.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-card" id="linux-setup">
|
||||
<h3>Set Up Linux</h3>
|
||||
<p>Make the transition to Linux smooth and hassle-free with our comprehensive setup services. We'll help you select the right distribution, handle the installation process, configure your system, and provide guidance on essential software and daily operations.</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user