Merge pull request #5 from LimSongWei/Daniel-Heng

DHST7988 · web-flow · commit d297b39f208f · 2022-09-04T18:46:14.000+08:00
Merge from Daniel Heng branch
diff --git a/background-image.jpg b/background-image.jpg
diff --git a/index.html b/index.html
@@ -7,9 +7,11 @@
   <title>Contact Form Example</title>
 </head>
 
-<body>
-  <h2 class="content-head is-center">Contact Us!</h2>
-  <aside>
+<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" style="color: white;">Contact Us!</h2>
+  <aside style="color: white;">
        <p>
            We would <em>love</em> to hear from you! </p>
            <p>Please use the <b><em>Contact Form</em></b>
@@ -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,9 @@ button {
 .honeypot-field {
   display: none;
 }
+.form-container{
+  background: rgba(255, 255, 255, 0.8);
+  width: 700px;
+  display: inline-block;
+  padding: 0px 35px 20px 35px;
+}
