<div class="relative mb-10 md:m-0">

    <span class="cf-icon-server block md:hidden h-20 bg-center bg-no-repeat"></span>

    <span class="cf-icon-error w-12 h-12 absolute left-1/2 md:left-auto md:right-0 md:top-0 -ml-6 -bottom-4"></span>

    </div>

    <span class="md:block w-full truncate">www.myhtlmebook.com</span>

    <h3 class="md:inline-block mt-3 md:mt-0 text-2xl text-gray-600 font-light leading-1.3">Host</h3>

    <span class="leading-1.3 text-2xl text-red-error">Error</span>

    </div>

    </div>

    </div>

    </div>

    <div class="w-240 lg:w-full mx-auto mb-8 lg:px-8">

    <div class="clearfix">

    <div class="w-1/2 md:w-full float-left pr-6 md:pb-10 md:pr-0 leading-relaxed">

    <h2 class="text-3xl font-normal leading-1.3 mb-4">What happened?</h2>

    There is an unknown connection issue between Cloudflare and the origin web server. As a result, the web page can not be displayed.