Jelajahi Sumber

Initial commit

Okynos 9 tahun lalu
induk
melakukan
b495281a4a
2 mengubah file dengan 57 tambahan dan 0 penghapusan
  1. 39 0
      css/style.css
  2. 18 0
      index.html

+ 39 - 0
css/style.css

@@ -0,0 +1,39 @@
+
+.top-menu{
+  border-bottom: 2px solid;
+  border-color: rgb(125, 125, 125);
+}
+
+.top-menu-button-div{
+  background-color: rgb(83, 231, 147);
+  margin: 1% 50%;
+  //padding: 1%;
+  border-radius: 5px;
+  text-align: center;
+  line-height: 100px;
+  width: 100px;
+  height: 100px;
+  float: right;
+}
+
+.top-menu-button{
+  text-decoration: none;
+  text-shadow: 1px 1px rgb(143, 143, 143);
+  color: rgb(255, 255, 255);
+  display: block;
+}
+
+.top-menu-button:hover{
+  color: rgb(0, 0, 0);
+}
+
+#top-menu-div-buttons{
+  display: block;
+  width: 100px;
+  background-color: rgb(235, 48, 43);
+}
+
+#top-text-logo{
+  display: block;
+  width: 20%;
+}

+ 18 - 0
index.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+  </head>
+  <body>
+    <header>
+      <div class="top-menu">
+        <h1 id="top-text-logo">Makefile.es</h1>
+        <div id="top-menu-div-buttons">
+          <div class="top-menu-button-div"><a class="top-menu-button" href="https://makefile.es:3000">Gogs</a></div>
+          <div class="top-menu-button-div"><a class="top-menu-button" href="https://makefile.es:3000">Syncthing</a></div>
+          <div class="top-menu-button-div"><a class="top-menu-button" href="https://makefile.es:3000">Pydio</a></div>
+        </div>
+      </div>
+    </header>
+  </body>
+</html>