Untitled

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.207/distr/fira_code.css">
    <title>Portfolio</title>
</head>
<body>
    <div class="info">
        <h1><span>Damian Bieniek</span> - Portoflio</h1>
        <p>Nazywam się Damian Bieniek. Przygodę z programowaniem rozpocząłem od nauki C++, potem pojawiły się technologie Webowe - PHP oraz MySQL, aż wreszcie skupiłem się na frontendzie. Czuję silną potrzebę ciągłego rozwoju dlatego, że uwielbiam uczyć się nowych rzeczy.</p>

        <ul class="info__filters filters">
            <li class="filters__item">
              <button class="filters__button filters__button--active">O mnie</button>
            </li>
                <li class="filters__item">
              <button class="filters__button">Kwalifikacje</button>
            </li>
                <li class="filters__item">
              <button class="filters__button">Doświadczenie</button>
            </li>
            </li>
                <li class="filters__item">
              <button class="filters__button">Kontakt</button>
            </li>
          </ul>

    </div>

    <div class="omnie">
        <div class="foto"><img src="face.png"></div>
        <div class="dane">

            <ul>
                <li><h2>Dane Osobowe</h2></li>
                <li>Imię / Nazwisko: <span class="reverse">Damian Bieniek</span></li>
                <li>Data narodzin: <span class="reverse">08.05.1997r</span></li>
                <li>Miejsce zamieszkania: <span class="reverse">Płock</span></li>
                <li>Numer Telefonu: <span class="reverse">724-822-677</span></li>
                <li>Email: <span class="reverse">bieniekdamian97@gmail.com</span></li>
                <li></li>
            </ul>

        </div>
    </div>

</body>
</html>