index.html

<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lucachinou</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-slate-900 text-white place-content-center text-center">
    <div class="bg-slate-800 window">
        <h2 id="title"class="mb-10 font-bold text-2xl animate-bounce">Welcome !</h2>
        <h3 id="description">Hello! My username is <b>Lucachinou</b> and i love new technologies and programming language.<br>
        I speak <b>English</b> and <b>French</b>.</h3>
    </div>

    <div class="bg-slate-800 window-competence">
        <h2 id="title-c">My competence</h2>
        <h3 id="description-c">I know how to develop on:<br><li>Python</li><li>Java</li><li>HTML And CSS</li><li>Lua And Roblox studio</li></h3>
    </div>

    <div class="bg-slate-800 window-other">
        <h2 id="title-c">Other coming soon</h2>
        <h3 class="animate-spin" id="description-c">Other informations about future projects or games are coming soon. :)</h3>
    </div>
</body>
</html>