Rep. Same Assests as comp. Hacktoberfest

4 years ago · 7897347041
parent f682234a3c
commit 7897347041
3 changed files with 18 additions and 1 deletions
--- a/netflix-mobile-navigation/BebasNeue.otf
+++ b/netflix-mobile-navigation/BebasNeue.otf
--- a/netflix-mobile-navigation/index.html
+++ b/netflix-mobile-navigation/index.html
@ -5,6 +5,9 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
    <link rel="stylesheet" href="style.css" />
+
+
+
    <title>Netflix Mobile Navigation</title>
  </head>
  <body>
--- a/netflix-mobile-navigation/style.css
+++ b/netflix-mobile-navigation/style.css
@ -1,5 +1,10 @@
@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');

+@font-face {
+  font-family: Bebas-Nenue;
+  src: url(BebasNeue.otf);
+}
+
 * {
  box-sizing: border-box;
 }
@ -60,7 +65,7 @@ body {
 }

 .nav-red {
-  background-color: rgb(229, 9, 20);
+  background-color: #E50914;
  width: 95%;
  transition-delay: 0.2s;
 }
@ -95,6 +100,7 @@ body {

 .list li {
  margin: 20px 0;
+  font-family: Bebas-Nenue;
 }

 .list li a {
@ -102,6 +108,14 @@ body {
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
+  font-kerning: 70px;
+  font-stretch: expanded;
+  transition: .25s ease;
+  font-size: 1.3em;
+}
+
+.list li a:hover {
+  color: #E50914;
 }

 .list ul {