<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
        <meta name="referrer" content="origin-when-cross-origin">
        <meta name="description" content="RootsFix - Remote Linux support. Solve the problems of your linux machine thanks to professional assistance.">
        <meta name="keywords" content="Linux, Assistance, Remote support, Troubleshooting, Fix">
        <title>RootsFix | Remote Linux support</title>
        <link rel="icon" type="image/x-icon" href="../assets/img/favicon.ico">
        <link rel="stylesheet" href="../assets/css/style.css">
        <script src="../assets/js/main.js"></script>
    </head>
    <body>
        <header>
            <nav>
                <ul>
                    <li><a href="#Services">Services</a></li>
                    <li><a href="#Blog">Blog</a></li>
                    <li><a href="#Prices">Prices</a></li>
                </ul>
            </nav>
        </header>
        <h1 class="title" id="title"></h1>
        <p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        <div class="container">
            <button class="get-started">Get started</button>
        </div>
        <div class="container">
            <h2 class="services" id="Services">SERVICES</h2>
        </div>
        <div class="desktop">
            <img src="../assets/img/notebookfedora.svg" class="notebook" alt="Notebook">
            <div class="desk">
                <h1 class="desk-title">/Desktop</h1>
                <p class="desk-description">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea  commodo consequat.
                </p>
            </div>
        </div>
        <div class="server">
            <img src="../assets/img/server.png" class="linuxserver" alt="Server">
            <div class="serv">
                <h1 class="serv-title">/Server</h1>
                <p class="serv-description">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea  commodo consequat.
                </p>
            </div>
        </div>
        <div class="container">
            <h2 class="blog" id="Blog">BLOG</h2>
        </div>
        <div class="container">
            <div class="terminal-card">
                <div class="header">
                    <span class="dot red"></span>
                    <span class="dot yellow"></span>
                    <span class="dot green"></span>
                </div>
                <div class="content">
                    <pre>
                        ╔╗╔╗╔╗    ╔╗                 ╔╗
                        ║║║║║║    ║║                 ║║
                        ║║║║║║╔══╗║║ ╔══╗╔══╗╔╗╔╗╔══╗║║
                        ║╚╝╚╝║║╔╗║║║ ║╔═╝║╔╗║║╚╝║║╔╗║╚╝
                        ╚╗╔╗╔╝║║═╣║╚╗║╚═╗║╚╝║║║║║║║═╣╔╗
                         ╚╝╚╝ ╚══╝╚═╝╚══╝╚══╝╚╩╩╝╚══╝╚╝
                    </pre>
                </div>
            </div>
        </div>
    </body>
</html>