Initial commit
This commit is contained in:
root
123
src/pages/about.astro
Normal file
123
src/pages/about.astro
Normal file
@@ -0,0 +1,123 @@
|
||||
---
|
||||
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>About - 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="services.html#networking">Networking</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="services.html#adblocker">Adblocker</a></li>
|
||||
<li><a href="services.html#openwrt">OpenWRT</a></li>
|
||||
<li><a href="services.html#opnsense">OPNsense</a></li>
|
||||
<li><a href="services.html#nas">NAS</a></li>
|
||||
<li><a href="services.html#proxmox">Proxmox</a></li>
|
||||
<li><a href="services.html#wireguard">Wireguard</a></li>
|
||||
<li><a href="services.html#vpn">VPN</a></li>
|
||||
<li><a href="services.html#vps">VPS</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-submenu">
|
||||
<a href="services.html#os">OS</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="services.html#remove-telemetry">Remove Windows Telemetry</a></li>
|
||||
<li><a href="services.html#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>About Us</h1>
|
||||
<p>Welcome to my personal tech services website! I'm a passionate technology specialist with expertise in networking, system administration, and open-source solutions.</p>
|
||||
|
||||
<h2>My Background</h2>
|
||||
<p>With over [X] years of experience in the IT industry, I've developed a deep understanding of various technologies and methodologies. My journey began with a curiosity about how computers work and has evolved into a comprehensive skill set that allows me to tackle complex technical challenges.</p>
|
||||
|
||||
<p>I hold certifications in [relevant certifications] and continuously update my knowledge to stay current with the rapidly evolving tech landscape.</p>
|
||||
|
||||
<h2>My Approach</h2>
|
||||
<p>I believe in the power of open-source solutions and privacy-focused technologies. My approach combines technical expertise with a commitment to empowering users through knowledge sharing and transparent practices.</p>
|
||||
|
||||
<p>When working on projects, I prioritize:</p>
|
||||
<ul>
|
||||
<li><span class="highlight">Security</span> - Implementing robust security measures to protect your data and systems</li>
|
||||
<li><span class="highlight">Privacy</span> - Respecting and enhancing your digital privacy</li>
|
||||
<li><span class="highlight">Reliability</span> - Building solutions that work consistently and require minimal maintenance</li>
|
||||
<li><span class="highlight">Knowledge Transfer</span> - Ensuring you understand how your systems work</li>
|
||||
</ul>
|
||||
|
||||
<h2>Why Choose My Services</h2>
|
||||
<p>Unlike large service providers that offer one-size-fits-all solutions, I provide personalized services tailored to your specific needs. I take the time to understand your requirements, preferences, and constraints before recommending and implementing solutions.</p>
|
||||
|
||||
<p>My clients appreciate my:</p>
|
||||
<ul>
|
||||
<li>Attention to detail and thoroughness</li>
|
||||
<li>Clear communication and jargon-free explanations</li>
|
||||
<li>Commitment to finding the right solution, not just the easiest one</li>
|
||||
<li>Ongoing support and availability for questions</li>
|
||||
</ul>
|
||||
|
||||
<h2>Get in Touch</h2>
|
||||
<p>I'm always happy to discuss potential projects, answer questions, or provide advice. Feel free to reach out using the contact information below:</p>
|
||||
|
||||
<p>Email: <a href="mailto:your-email@example.com">your-email@example.com</a><br>
|
||||
Phone: (123) 456-7890</p>
|
||||
|
||||
<a href="#" class="cta-button">Contact Me</a>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user