Html/hacktober.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>contribute to hacktoberfest 2018</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
  </head>
  <body>
    <section class="pt-5 pb-5 mt-0 align-items-center d-flex bg-dark" style="height:100vh; background-size: cover; background-image: url(https://cdn.theatlantic.com/assets/media/img/mt/2018/08/iss050e066094_large/lead_720_405.jpg);">

       <div class="container-fluid">
          <div class="row  justify-content-center align-items-center d-flex text-center h-100">
            <div class="col-12 col-md-8  h-50 ">
                <h1 class="display-2  text-light mb-2 mt-5"><strong>Hacktoberfest 2018</strong> </h1>
                <p class="lead  text-light mb-5">Im join in hacktoberfest 2018 :)</p>
    <p><a href="#" class="btn bg-primary btn-round text-light btn-lg btn-rised">Get Started Now ></a></p>

    					<div class="btn-container-wrapper p-relative d-block  zindex-1">
    						<a class="btn btn-link btn-lg   mt-md-3 mb-4 scroll align-self-center text-light" href="#">
    						    <i class="fa fa-angle-down fa-4x text-light"></i>
    						    </a>
    					</div>
            </div>

          </div>
        </div>
        </section>
  </body>



</html>