Sindbad~EG File Manager

Current Path : /home/d/p/a/dparejd/www/
Upload File :
Current File : /home/d/p/a/dparejd/www/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>dparejo.es - Official Site</title>
    <style>
        :root { --bg: #0a0b10; --card: #15161e; --text: #e2e8f0; --accent: #3b82f6; }
        body { margin: 0; padding: 0; font-family: 'Inter', sans-serif; background-color: var(--bg); color: var(--text); line-height: 1.6; }
        header { padding: 20px 5%; background: rgba(10, 11, 16, 0.95); border-bottom: 1px solid rgba(255,255,255,0.05); display: flex; justify-content: space-between; align-items: center; }
        .logo { font-size: 1.5rem; font-weight: bold; }
        nav a { color: #94a3b8; text-decoration: none; margin-left: 30px; transition: 0.3s; }
        nav a:hover { color: var(--text); }
        .hero { padding: 100px 5%; text-align: center; background: linear-gradient(180deg, #0a0b10 0%, #15161e 100%); }
        .hero h1 { font-size: 3rem; margin-bottom: 10px; }
        .section { padding: 80px 5%; max-width: 1200px; margin: auto; }
        .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 30px; }
        .card { background: var(--card); border: 1px solid rgba(255,255,255,0.05); border-radius: 12px; overflow: hidden; padding-bottom: 20px; }
        .card img { width: 100%; height: 200px; object-fit: cover; }
        .card-content { padding: 0 20px; }
        .form-group { margin-bottom: 20px; }
        input, textarea { width: 100%; padding: 15px; background: #0f1016; border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; color: var(--text); box-sizing: border-box; }
        button { background: var(--accent); color: white; padding: 15px 30px; border: none; border-radius: 6px; cursor: pointer; font-weight: bold; width: 100%; transition: 0.3s; }
        button:hover { background: #2563eb; }
        footer { text-align: center; padding: 30px; border-top: 1px solid rgba(255,255,255,0.05); color: #94a3b8; }
    </style>
</head>
<body>
    <header>
        <div class="logo">dparejo.es</div>
        <nav>
            <a href="#about">About Us</a>
            <a href="#products">Products</a>
            <a href="#contact">Contact</a>
        </nav>
    </header>

    <div class="hero">
        <h1>Welcome to dparejo.es</h1>
        <p>Your trusted partner for professional digital solutions.</p>
    </div>

    <div id="about" class="section">
        <h2>About Us</h2>
        <p>We are a dedicated team providing high-end technological solutions tailored to modern enterprises. Focused on security, performance, and reliability.</p>
    </div>

    <div id="products" class="section">
        <h2>Our Products</h2>
        <div class="grid">
            <div class="card">
                <img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=600&q=80" alt="Cyber Security">
                <div class="card-content">
                    <h3>Digital Defense Suite</h3>
                    <p>Advanced protection for your infrastructure.</p>
                </div>
            </div>
            <div class="card">
                <img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=600&q=80" alt="Cloud Infrastructure">
                <div class="card-content">
                    <h3>Enterprise Cloud Node</h3>
                    <p>Secure and distributed data solutions.</p>
                </div>
            </div>
        </div>
    </div>

    <div id="contact" class="section">
        <h2>Contact Us</h2>
        <form>
            <div class="form-group"><input type="text" placeholder="Name" required></div>
            <div class="form-group"><input type="email" placeholder="Email Address" required></div>
            <div class="form-group"><textarea rows="4" placeholder="Your Message" required></textarea></div>
            <button type="button">Send Message</button>
        </form>
    </div>
    
    <footer>
        &copy; 2026 dparejo.es. All rights reserved.
    </footer>
</body>
</html>

Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists