mypage: Top page empty

<div class="mypage">
    <div class="mypage__nav">
        <nav class="myPageNav">
            <ul class="myPageNav__list">
                <li class="myPageNav__item myPageNav__item--main">
                    <a href="#" class="myPageNav__link myPageNav__link--main">My page top</a>
                </li>
                <li class="myPageNav__item myPageNav__item--main">
                    <a href="#" class="myPageNav__link myPageNav__link--main">Account</a>
                    <ul class="myPageNav__list myPageNav__list--sub">
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Registration information</a>
                        </li>
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Password management</a>
                        </li>
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Email reception settings</a>
                        </li>
                    </ul>
                </li>
                <li class="myPageNav__item myPageNav__item--main">
                    <a href="#" class="myPageNav__link myPageNav__link--main">Hardware</a>
                    <ul class="myPageNav__list myPageNav__list--sub">
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Product registration</a>
                        </li>
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Purchase history</a>
                        </li>
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">AlphaTheta Care Extended warranty service</a>
                        </li>
                    </ul>
                </li>
                <li class="myPageNav__item myPageNav__item--main">
                    <a href="#" class="myPageNav__link myPageNav__link--main">Recordbox</a>
                    <ul class="myPageNav__list myPageNav__list--sub">
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Contract Plan/Purchase History</a>
                        </li>
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Purchase history</a>
                        </li>
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Cloud settings</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </nav>

    </div>

    <div class="mypage__content">
        <section class="mypage__section">

            <div class="mypage__heading">
                <h1 class="mypage__titlewrap">
                    <span>Hardware</span>
                </h1>
            </div>

            <div class="mypage__block">
                <p>There are no products registered.
                    <br>Briefly describe the benefits of registering your product. Briefly describe the benefits of registering your product. Briefly describe the benefits of registering your product.
                </p>
                <div class="spacer spacer--14"></div>
                <div class="actions actions--center actions--force">
                    <div class="actions__item">

                        <a href="#" target="_blank" class="action action--normal action--on-light">
                            <span class="action__label">Register products</span>
                            <span class="action__bg"></span>
                        </a>

                    </div>
                </div>
            </div>
        </section>

        <section class="mypage__section">
            <h1 class="mypage__titlewrap">
                <span>Rekordbox</span>
            </h1>

            <div class="mypage__block">
                <p>(tentative) Professional DJ software designed for all DJs.
                    <br>rekordbox is DJ software that integrates everything from music management using the cloud to creative DJ performances.
                </p>
                <div class="spacer spacer--14"></div>
                <div class="actions actions--center actions--force">
                    <div class="actions__item">

                        <a href="#" target="_blank" class="action action--normal action--on-light">
                            <span class="action__label">Buy now</span>
                            <span class="action__bg"></span>
                        </a>

                    </div>
                </div>
            </div>
        </section>

        <section class="mypage__section">
            <h1 class="mypage__titlewrap">
                <span>AlphaTheta Care Extended Warranty Service</span>
            </h1>

            <div class="mypage__block">
                <p>(tentative) Professional DJ software designed for all DJs.
                    <br>rekordbox is DJ software that integrates everything from music management using the cloud to creative DJ performances.
                </p>
                <div class="spacer spacer--14"></div>
                <div class="actions actions--center actions--force">
                    <div class="actions__item">

                        <a href="#" target="_blank" class="action action--normal action--on-light">
                            <span class="action__label">Buy now</span>
                            <span class="action__bg"></span>
                        </a>

                    </div>
                </div>
            </div>
        </section>

        <section class="mypage__section">
            <div class="mypage__block"></div>
            <div class="mypage__top">
                <h2 class="mypage__titlewrap--subtitle">
                    <span>Registration information</span>
                </h2>
                <a href="#" class="mypage__link link link--icon-right">
                    <span class="link__icon">
                        <svg class="icon-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                            <path fill="currentColor" d="M11.172 9.82L13 8 9.906 4.99 6.04 1.21c-.281-.28-.703-.28-.914 0l-.914.91c-.281.28-.281.7 0 .91L9.273 8l-5.062 4.97c-.281.28-.281.7 0 .91l.914.91c.281.28.703.28.914 0l5.133-4.97z" />
                        </svg>

                    </span>
                    <span class="link__label">See more</span>
                </a>

            </div>

            <div class="spacer spacer--6"></div>

            <div class="mypage__informationfield">
                <div class="grid grid--two-col">
                    <div class="grid__col grid__col--full">
                        <div class="col__label">Name</div>
                        <div class="col__content">Lorem ipsum</div>
                    </div>
                    <div class="grid__col grid__col--full">
                        <div class="col__label">Email adress</div>
                        <div class="col__content">lorem.ipsum@gmail.com</div>
                    </div>
                </div>
            </div>
    </div>
    </section>
</div>
</div>