navbar

2020-12-17 20:47:28 +01:00 · 2020-12-17 20:47:28 +01:00 · 3e9b182e3d
commit 3e9b182e3d
parent 3eec54e88a
5 changed files with 63 additions and 0 deletions
--- a/images/background-langing-page.png
+++ b/images/background-langing-page.png
--- a/images/logo-bez-tla.png
+++ b/images/logo-bez-tla.png
--- a/images/wwf-text.png
+++ b/images/wwf-text.png
--- a/index.html
+++ b/index.html
@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+<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>WWF - Watch With Friends</title>
+<link rel="stylesheet" type="text/css" id="applicationStylesheet" href="style.css"/>
+
+
+<!-- <script id="applicationScript" type="text/javascript" src="script.js"></script> -->
+<!-- Font Awesome -->
+<link
+  href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
+  rel="stylesheet"
+/>
+<!-- Google Fonts -->
+<link
+  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+  rel="stylesheet"
+/>
+<!-- MDB -->
+<link
+  href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/2.2.1/mdb.min.css"
+  rel="stylesheet"
+/>
+<!-- MDB -->
+<script
+  type="text/javascript"
+  src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/2.2.1/mdb.min.js"
+></script>
+
+</head>
+
+<body>
+
+<!-- Image and text -->
+<nav class="navbar navbar-dark bg-dark">
+	<div class="container-fluid">
+	  <a class="navbar-brand mx-auto" href="#">
+		<img
+		  src="logo-bez-tla.png"
+		  height="140"
+		  alt=""
+		  loading="lazy"
+		/>
+	  </a>
+	</div>
+	<div class="container-fluid bg-dark">
+		<button type="button" class="btn btn-warning btn-rounded btn-lg mx-auto" style="background-color: rgb(218, 110, 10);">Create a room!</button>
+	</div>
+  </nav>
+
+
+
+
+
+
+
+
+
+</body>
+</html>
--- a/style.css
+++ b/style.css