Merge pull request #7 from LimSongWei/Daniel-Heng

LimSongWei · web-flow · commit 1ca51f00b3e0 · 2022-09-04T21:45:50.000+08:00
Daniel heng
diff --git a/background-image.jpg b/background-image.jpg
diff --git a/index.html b/index.html
@@ -7,7 +7,9 @@
   <title>Contact Form Example</title>
 </head>
 
-<body>
+<body style="background-image: url('background-image.jpg'); background-size: cover;">
+  <div style="display:inline-block; width: 20%"> </div>
+  <div class = "form-container">
   <h2 class="content-head is-center">Contact Us!</h2>
   <aside>
        <p>
@@ -79,6 +81,6 @@ <h2><em>Thanks</em> for contacting us!
     }
   </script>
 <!-- END -->
-
+  </div>
 </body>
 </html>
diff --git a/style.css b/style.css
@@ -38,3 +38,10 @@ button {
 .honeypot-field {
   display: none;
 }
+
+.form-container{
+  background: rgba(255, 255, 255, 0.8);
+  width: 700px;
+  display: inline-block;
+  padding: 0px 35px 20px 35px;
+}
