diff --git a/index.html b/index.html
index 3d296fe..b3f5222 100755
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Array in a Matrix</title>
-  <link rel="stylesheet" type="text/css" href="/style/main.style.css" />
+  <link rel="stylesheet" type="text/css" href="/style/alt.style.css" />
   <link rel="stylesheet" href="/res/site/fonts/DarkNewRoman/stylesheet.css" type="text/css" />
   <link rel="icon" type="image/x-icon" href="/res/site/icons/favicon.ico">
 </head>
diff --git a/style/alt.index.html b/style/alt.index.html
new file mode 100644
index 0000000..59413a6
--- /dev/null
+++ b/style/alt.index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en-US">
+
+<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>Array in a Matrix</title>
+    <link rel="stylesheet" type="text/css" href="/style/alt.style.css" />
+</head>
+
+<body>
+    <header class="page-header" role="banner">
+        <h1 class="project-name"> Project Name
+        </h1>
+        <h2 class=" project-tagline">Project tagline</h2>
+    </header>
+    <div class="main-content">
+        <nav>
+            <a href="/" class="btn">Home</a>
+        </nav>
+        <nav>
+            <a href="#" class="btn">navigation button</a>
+            <a href="#" class="btn">navigation button</a>
+        </nav>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
