diff --git a/Resume.html b/Resume.html
index 0579c60..9303c8e 100644
--- a/Resume.html
+++ b/Resume.html
@@ -1,31 +1,34 @@
-<!doctype html>
-<html lang='en'>
+<!DOCTYPE html>
+<html lang="en">
 <head>
-<meta charset="utf-8">
+  <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Resume</title>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
+  <link type="text/css" rel="stylesheet" href="style.css">
+</head>
+<body>
+  <!-- Header -->
+  <header id="header"></header>
+
+  <!-- PDF Content -->
+  <embed src="Resume.pdf" type="application/pdf" width="100%" height="800px" scrolling="auto" />
+
+  <!-- Footer -->
+  <footer>
+    <div id="footer"></div>
+  </footer>
+
+  <!-- Scripts -->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
-  <script
-    src="https://code.jquery.com/jquery-3.3.1.js"
-    integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
-    crossorigin="anonymous">
-</script>
-  <link type="text/css" rel="stylesheet" href="style.css" />
-  <title>Resume</title>
-<script> 
-$(function(){
-  $("#header").load("header.html"); 
-  $("#footer").load("footer.html");
-});
-</script> 
- <div id="header"></div>
-</head>
-<body>
-   <embed src="Resume.pdf" type="application/pdf" width="1000px" height="2100px" scrolling="auto" />
+  <script>
+    $(function(){
+      // Load header and footer content dynamically
+      $("#header").load("header.html"); 
+      $("#footer").load("footer.html");
+    });
+  </script>
 </body>
-<footer>
-   <div id="footer"></div>
- </footer>
-<html>
+</html>
