test

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Material Design for Bootstrap</title>
    <!-- MDB icon -->
    <link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
    <!-- Google Fonts Roboto -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <!-- Material Design Bootstrap -->
    <link rel="stylesheet" href="../static/css/mdb.min.css">
    <!-- Your custom styles (optional) -->
    <link rel="stylesheet" href="../static/css/style.css">
</head>
<body>
<div class="container z-depth-1 my-5 p-5">

    <!-- Section -->
    <section>

        <h3 class="font-weight-bold text-center dark-grey-text pb-1 mb-0">Diabet</h3>
<!--        <hr class="w-header my-4">-->
        <p class="lead text-center text-muted mb-5" style="font-size: 80%">gigi, azi</p>

        <div class="row d-flex justify-content-center">

            <div class="col-md-6 col-xl-4">
                <h5 class="font-weight-normal"><a class="dark-grey-text" href="#">Observatii</a></h5>
                <p class="small grey-text">gigi, azi</p>
            </div>

            <div class="col-md-6">
                <p class="text-muted mb-5 pb-2">da</p>
            </div>


            <div class="col-md-6 col-xl-4">
                <h5 class="font-weight-normal"><a class="dark-grey-text" href="#">Web Development</a></h5>
                <p class="small grey-text">PHP, MySQL, Laravel</p>
            </div>

            <div class="col-md-6">
                <p class="text-muted mb-5 pb-2">So delightful up dissimilar by unreserved it connection frequently. Do an high room so in paid. Up on
                    cousin ye dinner should in. Sex stood tried walls manor truth shy and three his. Their to years so child
                    truth. Honoured peculiar families sensible up likewise by on in.</p>
            </div>


            <div class="col-md-6 col-xl-4">
                <h5 class="font-weight-normal"><a class="dark-grey-text" href="#">Mobile App</a></h5>
                <p class="small grey-text">Andriod, iOS</p>
            </div>

            <div class="col-md-6">
                <p class="text-muted mb-5 pb-2">So delightful up dissimilar by unreserved it connection frequently. Do an high room so in paid. Up on
                    cousin ye dinner should in. Sex stood tried walls manor truth shy and three his. Their to years so child
                    truth. Honoured peculiar families sensible up likewise by on in.</p>
            </div>

        </div>

    </section>
    <!-- Section -->

</div>
<!-- End your project here-->

<!-- jQuery -->
<script type="text/javascript" src="../static/js/jquery.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="../static/js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="../static/js/mdb.min.js"></script>
<!-- Your custom scripts (optional) -->
<script type="text/javascript"></script>

</body>
</html>