Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body>
    <div class="container mt-2">
        <div class="row bg-primary p-3 rounded">
            <ul class="nav w-100 justify-content-center">
                <li class="nav-item">
                    <a href="#" class="nav-link text-white"> Потребител</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link text-white"> Кариерно развитие</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link text-white"> Консултиране</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link text-white"> Полезно</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link text-white"> <i class="fa fa-sign-out"></i> Изход</a>
                </li>
            </ul>
        </div>
        <div class="row mt-3">
            <div class="col-12 col-lg-3 px-0">
                <div class="card border-primary">
                    <div class="card-header bg-primary text-white text-center">
                        Последни обяви
                    </div>
                    <div class="card-body">
                        <ul class="list-group flex-row flex-lg-column">
                            <li class="list-group-item">
                                <strong>placehol placehold placehol placeho </strong>
                                <div class="small">text text text</div>
                            </li>
                            <li class="list-group-item">
                                <strong>placehol placehold placehol placeho </strong>
                                <div class="small">text text text</div>
                            </li>
                            <li class="list-group-item">
                                <strong>placehol placehold placehol placeho </strong>
                                <div class="small">text text text</div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="card d-none d-lg-block border-primary mt-4">
                    <div class="card-header bg-primary text-white text-center">
                        Последни активност
                    </div>
                    <div class="card-body">
                        <ul class="list-group">
                            <li class="list-group-item">
                                <strong>placehol placehold placehol placeho </strong>
                                <div class="small">text text text</div>
                            </li>
                            <li class="list-group-item">
                                <strong>placehol placehold placehol placeho </strong>
                                <div class="small">text text text</div>
                            </li>
                            <li class="list-group-item">
                                <strong>placehol placehold placehol placeho </strong>
                                <div class="small">text text text</div>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
            <div class="col-12 col-lg px-0 ml-3">
                <div class="breadcrumb">
                    <div class="breadcrumb-item">
                        <a href="#">Профил</a>
                    </div>
                    <div class="breadcrumb-item active">
                        Промяна на парола
                    </div>
                </div>
            </div>
        </div>

    </div>
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>