coming-soon2.html

<section class="coming_soon">
    <nav class="navbar navbar-expand shadow justify-content-between px-3 py-2">
        <a href="#" class="navbar-brand text-danger">Coming soon</a>
        <div class="mt-3" id="navbarMenu">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a href="#" class="nav-link" target="_blank"><i class="bi bi-facebook"></i></a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link" target="_blank"><i class="bi bi-instagram"></i></a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link" target="_blank"><i class="bi bi-twitter"></i></a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link" target="_blank"><i class="bi bi-linkedin"></i></a>
                </li>
                <li class="nav-item">
                    <a href="mailto:xyz@gmail.com" class="nav-link rounded" target="_blank"><i class="bi bi-envelope rounded-pill px-2 py-1"><span class="email">
                                &nbsp;xyz@gmail.com</span></i></a>
                </li>
            </ul>
        </div>
    </nav>
    
    <div class="container">
        <div class="row justify-content-center align-items-center" style="min-height: 80vh; width: 100%;">
            <div class="col-md-6 text-center">
                <h2 class="text-color display-4 text-uppercase"> something <br> <span class="display-1 text-danger fw-bolder big">
                        BIG</span> <br>
                    is Coming</h2>
            </div>
        </div>
    </div>
</section>