Merge pull request #27 from Sujal-2820/footer

Added Footer
roannav · Oct 8, 2023 · 026a2f6 · 026a2f6
2 parents c67bb1e + 1d18dcb
commit 026a2f6
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -116,9 +116,24 @@ <h3>Credits</h3>
             >
           </li>
         </ul>
+
+        <br>
       </section>
       <!--credits-section-->
 
+      <footer>
+        <div class="note-footer">
+          <h6><u>Note:</u></h6>
+          &nbsp;&nbsp;Contributions from anyone to this website are welcome!  Please see the <a href="https://github.com/roannav/matrix-movies-website-hacktoberfest">[Matrix Movies Website GitHub Repo]</a>
+          <br><br>
+          &nbsp;&nbsp;This website is licensed under the terms of the MIT license.
+          <br><br>
+          &nbsp;&nbsp;By using this site, you agree to the <a href="terms-of-use.html">[Terms of Use]</a> and <a href="privacy-policy.html">[Privacy Policy]</a>
+        </div>
+      </footer>
+
+
+
     </div>
     <script src="js/accordion.js"></script>
   </body>

diff --git a/styles.css b/styles.css
@@ -21,6 +21,20 @@ header {
   cursor: pointer;
 }
 
+.note-header{
+  background-color: aliceblue;
+  color: #000000;
+  padding: 10px 7px;
+}
+
+.note-header a{
+  color: blue;
+}
+
+.note-header a:hover{
+  color: #005cb7;
+}
+
 section {
   margin: 1em 0;
   padding: 1em;
@@ -169,3 +183,18 @@ a {
 .content p {
   padding: 1em;
 }
+
+
+.note-footer{
+  background-color: #00000050;
+  color: white;
+  padding: 10px 5px;
+}
+
+.note-footer a{
+  color: #4CAF50;
+}
+
+.note-footer a:hover{
+  color: white;
+}