index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <title>Mint Scream</title>
</head>
<body>
   
   
<main class="rain">
    
    <section>
       
        <h1>Mint Scream</h1>
        <h2>Enter at your own risk</h2>
        <div class="container">
            <div class="arrow-holder">
              <div id="arrow" class="circle bounce" data-target="#introText">
                <a class="enterBtn" href="about.html"><i class="fa fa-angle-double-down fa-4x drop-arrow"></i></a>
               
              </div>
            
            </div> 
            
        </div>
    </section>
   
</main>
  

<iframe src="images/silence.mp3" allow="autoplay" id="audio" style="display: none"></iframe>
    <audio id="player" autoplay controls loop>
        <source src="images/rainThunder.wav" type="audio/mp3">
    </audio>


    <script src="index.js"></script>
</body>
</html>