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