Pengerjaan Welcome page #12

SI-RPL-2021 · Apr 27, 2021 · 22ba8cb · 22ba8cb
1 parent 4b91e3c
commit 22ba8cb
Show file tree

Hide file tree

Showing 10 changed files with 81 additions and 46 deletions.
diff --git a/Library.id/css/app.css b/Library.id/css/app.css
@@ -0,0 +1,11 @@
+.bookbg {
+    background: url("../img/undraw_Books_l33t.svg") no-repeat center center;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+
+.text-outline {
+    text-shadow: 0px 0px 10px black;
+}
diff --git a/Library.id/css/bootstrap.min.css b/Library.id/css/bootstrap.min.css
diff --git a/Library.id/img/books-icon.png b/Library.id/img/books-icon.png
diff --git a/Library.id/undraw_Books_l33t.svg → Library.id/img/undraw_Books_l33t.svg b/Library.id/undraw_Books_l33t.svg → Library.id/img/undraw_Books_l33t.svg
diff --git a/Library.id/img/undraw_Bookshelves_re_lxoy.svg b/Library.id/img/undraw_Bookshelves_re_lxoy.svg
diff --git a/Library.id/img/undraw_book_lover_mkck.svg b/Library.id/img/undraw_book_lover_mkck.svg
diff --git a/Library.id/js/bootstrap.bundle.min.js b/Library.id/js/bootstrap.bundle.min.js
diff --git a/Library.id/js/jquery.slim.min.js b/Library.id/js/jquery.slim.min.js
diff --git a/Library.id/welcomepage.html b/Library.id/welcomepage.html
diff --git a/Library.id/welcomepage.php b/Library.id/welcomepage.php
@@ -0,0 +1,52 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Bootstrap CSS -->
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <link href="css/app.css" rel="stylesheet">
+
+    <title>Welcome Page</title>
+</head>
+
+<body class="">
+    <nav class="navbar navbar-expand-lg navbar-dark bg-danger justify-content-between">
+        <a class="navbar-brand" href="#">Library.id</a>
+        <form class="form-inline">
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarToggleExternalContentZz">
+                <a class="btn btn-outline-light mr-2" href="registrasi">Registrasi</a>
+                <a class="btn btn-outline-light mr-2" href="login">Login</a>
+            </div>
+
+        </form>
+        <div class="w-100 collapse" id="navbarToggleExternalContent">
+            <a class="btn btn-outline-light mr-2 w-100 m-1 mt-3" href="registrasi">Registrasi</a>
+            <a class="btn btn-outline-light mr-2 w-100 m-1" href="login">Login</a>
+        </div>
+    </nav>
+
+    <div class="bookbg w-100 vh-100">
+
+    </div>
+
+    <!-- Optional JavaScript; choose one of the two! -->
+
+    <!-- Option 1: Bootstrap Bundle with Popper -->
+    <script src="js/jquery.slim.min.js"></script>
+    <script src="js/bootstrap.bundle.min.js"></script>
+
+    <!-- Option 2: Separate Popper and Bootstrap JS -->
+    <!--
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>
+    -->
+</body>
+
+</html>