Contact.html

<!DOCTYPE html> 
<html>
   <head>
	  <title>Contact</title>	
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <!--Style sheets-->
      <link rel="stylesheet" type="text/css" href="style.css">
      <link href="https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i" rel="stylesheet">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
   </head>
   <body>
      <div class="layout-foreground">
         <div id="blurred-image-container">
            <div class="img-src"></div>
            <div class="img-src blurred-image"></div>
         </div>
         <!--Navigation Bar-->
         <div class="container">
            <header class ="navbar-inverse">
               <ul class="nav nav-pills nav-fill">
                  <li class="nav-item">
                     <a class="nav-link" href="index.html">Home</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link" href="Projects.html">Projects</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link" href="Contact.html">Contact</a>
                  </li>
               </ul>
            </header>
            <div class="align">
			<div class="animated animatedFadeInUp fadeInUp">
               <div class = "contact">
                  <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSczcyiT6rB_P6GvhYbsMI3OPgtTN9YlfZECMiLU0YzqlFOpIw/viewform?embedded=true" width="640" height="1000" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
               </div>
		    </div>
            </div>
         </div>
      </div>
      </div>
   </body>
</html>