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 href="" rel="stylesheet">
  <link href="style.css" rel="stylesheet">

  <title>Responsive Animated Popup Box</title>
</head>

<body>
	<section class="popup center">
		<div class="icon">
			<i class="fa fa-check"></i>
		</div>

		<div class="title">Check Email</div>
			<div class="description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias nihil provident voluptatem nulla placeat.</div>
		<div class="dismiss-btn">
			<button id="dismiss-popup-btn">Confirm</button>
		</div>
	</section>
	<section class="center">
		<button id="open-popup-btn">Subscribe</button>
	</section>

	<script src="script.js"></script>

</body>
</html>