diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..8e7de24
Binary files /dev/null and b/.DS_Store differ
diff --git a/index.html b/index.html
index 5aaac8a..0a420fc 100644
--- a/index.html
+++ b/index.html
@@ -62,7 +62,7 @@
       </li>
     </ol>
     <h2>
-      <a href="problems.html">interview problems</a>
+      <a href="problems/index.html">interview problems</a>
     </h2>
     <h2><a target="_blank" href="/public/resume.pdf">resume</a></h2>
     <h2 style="display: none">
diff --git a/problems/dynamic-programming.html b/problems/dynamic-programming.html
new file mode 100644
index 0000000..3c2ef53
--- /dev/null
+++ b/problems/dynamic-programming.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js"></script>
+    <link rel="stylesheet" href="gruvbox-light.css" />
+    <link rel="stylesheet" href="../index.css" />
+    <title>Dynamic Programming</title>
+  </head>
+  <body>
+    <h1>Dynamic Programming</h1>
+    <p>Trapping Raintwaters Leetcode Problem Description</p>
+    <pre><code class="trapping-rainwater"></code></pre>
+    <h2>Problem Statement</h2>
+    <p>hi</p>
+    <script>
+      const code = document.querySelector(".trapping-rainwater");
+      code.textContent = `
+int trap(vector<int>& height) {
+    some code
+}
+`;
+      hljs.highlightAll();
+    </script>
+  </body>
+</html>
diff --git a/problems.html b/problems/index.html
similarity index 52%
rename from problems.html
rename to problems/index.html
index 6328860..23634b8 100644
--- a/problems.html
+++ b/problems/index.html
@@ -4,12 +4,13 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="index.css" />
-    <title>Interview Problems</title>
+    <link rel="stylesheet" href="../index.css" />
+    <title>Interview Problems &#8212; Data Structures and Algorithms</title>
   </head>
   <body>
     <h1>Problems</h1>
     <p>Description</p>
-    <a href="problems/rainwater.html"><h2>Trapping Rainwater</h2></a>
+    <a href="rainwater.html"><h2>Trapping Rainwater</h2></a>
+    <a href="dynamic-programming.html"><h2>Dynamic Programming</h2></a>
   </body>
 </html>
diff --git a/problems/rainwater.html b/problems/rainwater.html
index 2c75b0f..d204c4a 100644
--- a/problems/rainwater.html
+++ b/problems/rainwater.html
@@ -27,7 +27,8 @@
     </p>
     <script>
       const code = document.querySelector(".trapping-rainwater");
-      code.textContent = `int trap(vector<int>& height) {
+      code.textContent = `
+int trap(vector<int>& height) {
     auto l = height.begin(), r = height.end() - 1;
     int level = 0, water = 0;
     while (l != r + 1) {
@@ -36,7 +37,8 @@
         water += level - lower;
     }
     return water;
-}`;
+}
+`;
       hljs.highlightAll();
     </script>
   </body>
diff --git a/public/.DS_Store b/public/.DS_Store
new file mode 100644
index 0000000..15971a7
Binary files /dev/null and b/public/.DS_Store differ
diff --git a/public/resume.pdf b/public/resume.pdf
index e26d8a6..d249a67 100644
Binary files a/public/resume.pdf and b/public/resume.pdf differ
