index.html


<!doctype html>
<html lang=en>

<head>
    <meta charset=UTF-8 />
    <meta name=viewport content="width=device-width,initial-scale=1" />
    <meta http-equiv=X-UA-Compatible content="ie=edge" />
    <link rel=stylesheet href=https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css
        integrity=sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO crossorigin=anonymous>
    <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel=stylesheet>
    <link href="https://fonts.googleapis.com/css2?family=Muli:wght@300;700&display=swap" rel=stylesheet>
    <link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
    <script src=https://kit.fontawesome.com/3c09bcb51a.js></script>
    <title>Pragmatic Programmer</title>
    <link href="styles/main.css" rel="stylesheet">
    <link rel="shortcut icon" href="img/logo.png" type="image">
</head>

<body>
    <div class=container>
        <div class=row>
            <div class="left-wrap col-12 col-md-5">
                <div class=left>
                    <pre><h1 style="color: aliceblue;">Landing in...🛬           </h1></pre>
                    <p><span class=days></span><span class=small> days</span></p>
                    <p><span class=hours></span><span class=small> hours</span></p>
                    <p>&nbsp;&nbsp;<span class=minutes></span><span class=small> minutes</span></p>
                    <p>&nbsp;&nbsp;<span class=seconds></span><span class=small> seconds</span></p>
                </div>
            </div>
            <div class="col-12 col-md-7 right">
                <div class=mainInfo>
                    <img src="img/logo.png" alt="Pragmatic Programmer" width="166" height="161">
                    <h1 style="font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif">Pragmatic Programmer</h1>
                    <p class=slogan>Growing community of Geeks, Programmers & Hackers!</p>
                    <form class=form-subscribe action="https://discord.gg/bM9Wy6Yzn2" method="POST" enctype="multipart/form-data" name="JoinCommunityBtn"> <button type=submit>Join Community</button></form>
                </div>
                <ul class=icon-list>
                    <li class=icon><a class=discord href="https://discord.gg/bM9Wy6Yzn2"></a></li>
                    <li class=icon><a class=facebook href="https://www.facebook.com/groups/pragmaticprogrammer"></a></li>
                    <li class=icon><a class=instagram href="https://instagram.com/pragmaticprogrammer"></a></li>
                </ul>
                <p>Designed with ❤ by <a href="https://pragmatic-programmers.github.io/Landing_page/"> Pragmatic Programmer</a></p>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="scripts/main.js"></script>
 
</body>
</html>