<!DOCTYPE html>
<html lang="it">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Convertitore di numeri</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>

<body>
    <div class="container">
        <aside class="sidebar">
            <div class="logo-container">
                <a href="home.html"><img class="logo" src="logo.png" alt="Logo"></a>
            </div>
            <nav class="menu">
                <ul>
                    <li><a href="binariodecimale.html" id="blabla"><i class="fa-solid fa-code"></i> BINARIA-DECIMALE</a>
                    </li>
                    <li><a href="binariaottale.html" id="blabla"><i class="fa-solid fa-code"></i> BINARIA-OTTALE</a>
                    </li>
                    <li><a href="binariaesadecimale.html" id="blabla"><i class="fa-solid fa-code"></i>
                            BINARIA-ESADECIMALE</a></li>
                </ul>
            </nav>
        </aside>
        <main class="content">
            <div class="main-box">
                <h1>
                    scegli cosa convertire
                    <br>
                    <a href="#" id="binary-button" class="button">binario</a>
                    <a href="#" id="octal-button" class="button">ottale</a>
                </h1>
                <input type="text" class="custom-input" placeholder="Inserisci il numero binario qui...">
                <i id="ugual" class="fa-solid fa-equals"></i>
                <input type="text" class="custom-input2" placeholder="">
                <br>
            </div>
            <p> © Copyright reserved to Petrovic Luka</p>
        </main>
    </div>
    <script src="binariaottale.js"></script>
</body>

</html>