            <div class="container m-auto">

                <div class="flex justify-between items-baseline lg:mr-8  uk-visible@s">
                    <h1 class="font-extrabold leading-none mb-6 lg:text-2xl text-lg text-gray-900 tracking-tight"> Friends </h1>
                    <a href="#" class="text-blue-400 hover:text-blue-500"> See all</a>
                </div>

                <!-- users-->

                    <div class="">

                        <ul class="uk-slider-items uk-grid uk-grid-small friends__ul">


                            <li>
                                <a href="/profile-alex">
                                    <div
                                        class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-1 rounded-full transform -rotate-2 hover:rotate-3 transition hover:scale-105 m-1">
                                        <img src="assets/images/alex.jpg"
                                            class="w-20 h-20 rounded-full border-2 border-white bg-gray-200">
                                    </div>
                                </a>
                                <a href="/profile-alex" class="block font-medium text-center text-gray-500 text-x truncate ">
                                    Alex </a>
                            </li>
                            <li>
                                <a href="#story-view" uk-toggle>
                                    <div
                                        class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-1 rounded-full transform -rotate-2 hover:rotate-3 transition hover:scale-105 m-1">
                                        <img src="/assets/images/paul.jpg"
                                            class="w-20 h-20 rounded-full border-2 border-white bg-gray-200">
                                    </div>
                                </a>
                                <a href="profile.html" class="block font-medium text-center text-gray-500 text-x truncate ">
                                    Paul </a>
                            </li>
                            <li>
                                <a href="#story-view">
                                    <div
                                        class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-1 rounded-full transform -rotate-2 hover:rotate-3 transition hover:scale-105 m-1">
                                        <img src="/assets/images/jan.jpg"
                                            class="w-20 h-20 rounded-full border-2 border-white bg-gray-200">
                                    </div>
                                </a>
                                <a href="profile.html" class="block font-medium text-center text-gray-500 text-x truncate ">
                                    Jan </a>
                            </li>
                            <li>
                                <a href="/profile">
                                    <div
                                        class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-1 rounded-full transform -rotate-2 hover:rotate-3 transition hover:scale-105 m-1">
                                        <img src="/assets/images/pes_svan.jpg"
                                            class="w-20 h-20 rounded-full border-2 border-white bg-gray-200">
                                    </div>
                                </a>
                                </a>
                                <a href="/profile" class="block font-medium text-center text-gray-500 text-x truncate ">
                                    Svan </a>
                            </li>
                            <li>
                                <a href="#story-view">
                                    <div
                                        class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-1 rounded-full transform -rotate-2 hover:rotate-3 transition hover:scale-105 m-1">
                                        <img src="/assets/images/face4.jpg"
                                            class="w-20 h-20 rounded-full border-2 border-white bg-gray-200">
                                    </div>
                                </a>
                                <a href="profile.html" class="block font-medium text-center text-gray-500 text-x truncate ">
                                    Stella </a>
                            </li>
                            <li>
                                <a href="#story-view">
                                    <div
                                        class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-1 rounded-full transform -rotate-2 hover:rotate-3 transition hover:scale-105 m-1">
                                        <img src="assets/images/avatar-6.jpg"
                                            class="w-20 h-20 rounded-full border-2 border-white bg-gray-200">
                                    </div>
                                </a>
                                <a href="profile.html" class="block font-medium text-center text-gray-500 text-x truncate ">
                                    Anneta </a>
                            </li>
                            <li>
                                <a href="#story-view">
                                    <div
                                        class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-1 rounded-full transform -rotate-2 hover:rotate-3 transition hover:scale-105 m-1">
                                        <img src="assets/images/face1.jpg"
                                            class="w-20 h-20 rounded-full border-2 border-white bg-gray-200">
                                    </div>
                                </a>
                                <a href="profile.html" class="block font-medium text-center text-gray-500 text-x truncate ">
                                    Jakob </a>
                            </li>
                            <li>
                                <a href="#story-view">
                                    <div
                                        class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-1 rounded-full transform -rotate-2 hover:rotate-3 transition hover:scale-105 m-1">
                                        <img src="/assets/images/face2.jpg"
                                            class="w-20 h-20 rounded-full border-2 border-white bg-gray-200">
                                    </div>
                                    <a href="profile.html"
                                        class="block font-medium text-center text-gray-500 text-x truncate "> Adrian
                                    </a>
                            </li>
                            <li>
                                <a href="#story-view">
                                    <div
                                        class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-1 rounded-full transform -rotate-2 hover:rotate-3 transition hover:scale-105 m-1">
                                        <img src="assets/images/face6.jpg"
                                            class="w-20 h-20 rounded-full border-2 border-white bg-gray-200">
                                    </div>
                                </a>
                                <a href="profile.html" class="block font-medium text-center text-gray-500 text-x truncate ">
                                    Thomas </a>
                            </li>
                            <li>
                                <a href="#story-view">
                                    <div
                                        class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-1 rounded-full transform -rotate-2 hover:rotate-3 transition hover:scale-105 m-1">
                                        <img src="assets/images/cat.jpg"
                                            class="w-20 h-20 rounded-full border-2 border-white bg-gray-200">
                                    </div>
                                </a>
                                <a href="profile.html" class="block font-medium text-center text-gray-500 text-x truncate ">
                                Emma </a>
                            </li>
                        </ul>

                    </div>
 



            <script>
                let hash = window.location.hash;
                //alert(hash);
                document.getElementById('obr__homeless').scrollIntoView();

            </script>