Merge pull request #102 from alikahwaji/master

niccokunzmann · web-flow · commit a4f9dc2ae4cc · 2017-08-18T09:44:41.000+02:00
Creating a CSS style for the index.html
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,12 @@
+button {
+  background-color: #958adb;
+  border: none;
+  color: white;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 10px;
+  margin: 4px 2px;
+  cursor: pointer;
+  border-radius: 12px;
+}
diff --git a/index.html b/index.html
@@ -1,19 +1,23 @@
 <!DOCTYPE html>
 <html>
-  <head>
-  </head>
-  <body>
-    <ul>
-      <li>
-        <a href="en/00-01.html">English</a>
-      </li>
-      <li>
-        <a href="de/00-01.html">Deutsch</a>
-      </li>
-      <li>
-        <a href="sv/00-01.html">Svenska</a>
-      </li>
-    </ul>
-    <a href="https://niccokunzmann.github.io/download_latest/regex-tutorial.zip">Download</a>
-  </body>
+
+<head>
+  <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+
+<body>
+  <form method="get" action="/en/00-01.html">
+    <button class="btn" type="submit">English</button>
+  </form>
+  <form method="get" action="de/00-01.html">
+    <button type="submit">Deutsch</button>
+  </form>
+  <form method="get" action="sv/00-01.html">
+    <button type="submit">Svenska</button>
+  </form>
+  <form method="get" action="https://niccokunzmann.github.io/download_latest/regex-tutorial.zip">
+    <button type="submit">Download</button>
+  </form>
+</body>
+
 </html>
