<div id="my-container">

    <div class="container h-40">

        <div class="row align-items-center mt-3">

            <div class="col-6 text-center">

                <img width="150" height="150" src="img/user-placeholder.svg">

                <p class="mt-2 mb-0">pholder</p>

            </div>

            <div class="col-6">

                <div class="mb-2">

                    <div class="row">

                        <div class="col-6 text-center">pholder</div>

                        <div class="col-6 text-center">pholder</div>

                    </div>

                    <div class="row">

                        <div class="col-6 text-center">Friends</div>

                        <div class="col-6 text-center">Posts</div>

                    </div>

                </div>

                <butto class="btn btn-transparent mt-2">Click</button>

            </div>

        </div>

        <br>

        <p class="text-center m-0">Contents</p>

        <hr class="mt-0 mb-2">

    </div>

    <div id="filling" class="h-60 text-center">

        <div class="sample">

             <img width="270" height="270" src="my_img.jpg">

             <p>coding</p>

        </div>

        <div class="sample">

             <img width="270" height="270" src="my_img.jpg">

             <p>coding</p>

        </div>

        <div class="sample">

             <img width="270" height="270" src="my_img.jpg">

             <p>coding</p>

        </div>

    </div>

</div>