diff --git a/index.php b/index.php
new file mode 100644
index 0000000..9c364e5
--- /dev/null
+++ b/index.php
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<?php
+  /* Catches the form post to update the timezone.
+   * If there is no form submission it will just inishilize the
+   * timezone variables to be passed to the JS.
+   */
+  if(isset($_POST['formSubmit'])){
+    $selectedTimezone = $_POST['userTimezone'];
+    if(!isset($selectedTimezone)){
+      //I don't have any error message set here. It will just reload the page.
+    } else{
+      date_default_timezone_set($selectedTimezone);
+      $scriptTZ = date_default_timezone_get();
+    }
+  } else{
+    $selectedTimezone = date_default_timezone_get();
+    //date_default_timezone_set("America/Los_Angeles");
+    $scriptTZ = date_default_timezone_get();
+  }
+?>
+<html>
+  <head>
+    <title id='time_title'>
+      <?php
+        echo "Time is: " . date("H:i:s e");
+      ?>
+    </title>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta name="author" content="efrick"/>
+    <link href="/styles.css" type="text/css" rel="stylesheet"/>
+    <script>var current_tz=<?php echo json_encode($scriptTZ);?></script>
+    <script type="text/javascript" src="clock.js"></script>
+  </head>
+  <body>
+    <h1>
+      Date and Time
+    </h1>
+    <div class="body">
+      <?php //Print default time and date values for the JS to update.
+        echo "The full date and time:".
+          "<br>".
+          "<p id='time_body'>".
+          date("D, M d, Y, H:i:s") .
+          " GMT" . date("O") . " (" . date("T") . ")"."</p>\n\t\t";
+          echo '<p>The user timezone is now set to ' . $selectedTimezone . "</p>\n\t\t";
+          echo '<p>The system timezone is now set to ' . $scriptTZ . "</p>\n";
+        ?>
+      <div class="tz_select">
+        <p>
+          If the detcted timezone is not correct selct your timezone from the dropdown below.
+        </p>
+      </div>
+      <form action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post">
+      <!---
+        <select name="userTimezone" class="tz_select">
+          <option value="" disabled selected class="invisable">Timezone</option>
+          <option value="EDT">EDT</option>
+          <option value="America/Denver">MDT</option>
+          <option value="UTC">UTC</option>
+          <option value="America/Los_Angeles">PDT</option>
+        </select><br/>
+        -->
+        
+        <select name="userTimezone" class="tz_select">
+		<option value="-12" >(GMT -12:00) Eniwetok, Kwajalein</option>
+                <option value="-11" >(GMT -11:00) Midway Island, Samoa</option>
+                <option value="America/Honolulu">(GMT -10:00 Hawaii No DST</option>
+                <option value="America/Adak" >(GMT -10:00) Hawaii</option>
+                <option value="America/Anchorage"  >(GMT -9:00) Alaska</option>
+                <option value="America/Los_Angeles"  >(GMT -8:00) Pacific Time (US &amp; Canada)</option>
+                <option value="America/Denver"  >(GMT -7:00) Mountain Time (US &amp; Canada)</option>
+                <option value="America/Chicago"  >(GMT -6:00) Central Time (US &amp; Canada), Mexico City</option>
+                <option value="America/New_York"  >(GMT -5:00) Eastern Time (US &amp; Canada), Bogota, Lima</option>
+                <option value="-4.5">(GMT -4:30) Caracas</option>
+                <option value="-4"  >(GMT -4:00) Atlantic Time (Canada), La Paz, Santiago</option>
+                <option value="-3.5">(GMT -3:30) Newfoundland</option>
+                <option value="-3"  >(GMT -3:00) Brazil, Buenos Aires, Georgetown</option>
+                <option value=""  >(GMT -2:00) Mid-Atlantic</option>
+                <option value="Atlantic/Azores"  >(GMT -1:00 hour) Azores, Cape Verde Islands</option>
+                <option value="0"  selected="selected">(GMT) Western Europe Time, London, Lisbon, Casablanca, Greenwich</option>
+                <option value="1"   >(GMT +1:00 hour) Brussels, Copenhagen, Madrid, Paris</option>
+                <option value="2"   >(GMT +2:00) Kaliningrad, South Africa, Cairo</option>
+                <option value="3"   >(GMT +3:00) Baghdad, Riyadh, Moscow, St. Petersburg</option>
+                <option value="3.5" >(GMT +3:30) Tehran</option>
+                <option value="4"   >(GMT +4:00) Abu Dhabi, Muscat, Yerevan, Baku, Tbilisi</option>
+                <option value="4.5" >(GMT +4:30) Kabul</option>
+                <option value="5"   >(GMT +5:00) Ekaterinburg, Islamabad, Karachi, Tashkent</option>
+                <option value="5.5" >(GMT +5:30) Mumbai, Kolkata, Chennai, New Delhi</option>
+                <option value="5.75">(GMT +5:45) Kathmandu</option>
+                <option value="6"   >(GMT +6:00) Almaty, Dhaka, Colombo</option>
+                <option value="6.5" >(GMT +6:30) Yangon, Cocos Islands</option>
+                <option value="7"   >(GMT +7:00) Bangkok, Hanoi, Jakarta</option>
+                <option value="Asia/Hong_Kong"   >(GMT +8:00) Beijing, Perth, Singapore, Hong Kong</option>
+                <option value="Asia/Tokyo"   >(GMT +9:00) Tokyo, Seoul, Osaka, Sapporo, Yakutsk</option>
+                <option value="Australia/Darwin" >(GMT +9:30) Adelaide, Darwin</option>
+                <option value="Australia/Sydney"  >(GMT +10:00) Eastern Australia, Guam, Vladivostok</option>
+                <option value="11"  >(GMT +11:00) Magadan, Solomon Islands, New Caledonia</option>
+                <option value="12"  >(GMT +12:00) Auckland, Wellington, Fiji, Kamchatka</option>
+	</select>
+
+        <input type="submit" name="formSubmit" value="Update" >
+      </form>
+      <p id="JStz">JS Timezone</p>
+    </div>
+  </body>
+</html>
