Untitled

<!doctype html>
<html lang="en">
<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<style>
.questions {
    padding: 15px;
    border-radius: 10px 0;
    width: 70%;
    opacity: .8;
    border: 1px solid #7d7d7d;
    background-color: #212121;
    margin: 5% 0px 0px 0px;
    max-width: 800px;
}
.me {
    margin: 5% 0px 0px 0px;
}
</style>
<body style="background-color: black; color: white;">
<div class="container-fluid">
    <div class="row">
        <div class="col-3 text-center me">
            <img src="itsame.jpg" style="max-height: 250px; border-radius: 50%;">
            <h2>Martin Rebane</h2>
            <a href="mailto: martin.rebane97@gmail.com">martin.rebane97@gmail.com</a>
        </div>
        <div class="col-9 questions">
            <ul>
                <li>Miks kandideerid kutseõppeasutusse?<br>Answer</li>
                <li>Loetle oma huvid, hobid?<br>Answer</li>
                <li>Kas oled lugenud kooli kodulehel olevat erialakirjeldust?<br>Answer</li>
                <li>Miks Sa soovid valitud eriala õppida?<br>Answer</li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>