diff --git a/images/bg.jpg b/images/bg.jpg
new file mode 100644
index 0000000..881bf6c
Binary files /dev/null and b/images/bg.jpg differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..0229ee1
--- /dev/null
+++ b/index.html
@@ -0,0 +1,35 @@
+<!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.0">
+  <title>Sample Page for Night Mode</title>
+  <!-- CSS and JS for night mode -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
+  <script type="text/javascript" src="nightmode/night.js" defer></script>
+  <link rel="stylesheet" href="nightmode/night.css">
+  <style>
+    body {
+      text-align:center;
+    }
+  </style>
+</head>
+<div class="toggler fa fa-moon-o"></div>
+<body translate="no" class="night">
+    <h1>This is a sample webpage to serve CSS and JS for night-mode</h1>
+    <h1>Sample Text for h1</h1>
+    <h2>Sample Text for h2</h2>
+    <h3>Sample Text for h3</h3>
+    <h4>Sample Text for h4</h4>
+    <p>Sample Text for p</p>
+    <p>Sample Text for p</p>
+    <input placeholder="Sample text for input box" size="28px">
+    <br><br>
+    <button>Place Holder Button</button>
+    <br><br><br><br>
+    <h2>Dots</h2>
+    <hr style="border-bottom: dotted 10px;" />
+    <hr style="border-top: dotted 10px;" />
+</body>
+</html>
