kaitzhen · kaitzhen · Feb 8, 2022 · Feb 8, 2022 · Feb 8, 2022
diff --git a/eric/index.html b/eric/index.html
@@ -8,7 +8,7 @@ <h1 class="header">Eric's Zoo</h1>
 <body>
     <p1><strong>Come See Our Animals</strong></p1>
 
-        <ul class="box"><strong>Lion <a href="file:///C:/Users/ericm/Documents/Spring%202022/Web%20Dev/Zoo/lion/Lion.html">here</a>!</strong></ul>
+        <ul class="box"><strong>Lion <a href="/lion/Lion.html">here</a>!</strong></ul>
         <ul class="box"><strong>Tiger <a href="file:///C:/Users/ericm/Documents/Spring%202022/Web%20Dev/Zoo/tiger/Tiger.html">here</a>!</strong></ul>
         <ul class="box"><strong>Zebra <a href="file:///C:/Users/ericm/Documents/Spring%202022/Web%20Dev/Zoo/zebra/Zebra.html">here</a>!</strong></ul>
         <ul class="box"><strong>Elephant <a href="file:///C:/Users/ericm/Documents/Spring%202022/Web%20Dev/Zoo/elephant/Elephant.html">here</a>!</strong></ul>

diff --git a/eric/lion/Lion.html b/eric/lion/Lion.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="stylesheet" href="style.css">
+    <form>
+        <input type="button" value="Go back!" onclick="history.back()">
+    </form>
+    <title>Lion</title>
+    <h1 class="header">Introducing the Lion</h1>
+</head>
+<body>
+    <ul><img src="img/lion.png"></ul>
+    <div class = "box">
+        <p1>
+            The lion (Panthera leo) is a large cat of the genus Panthera native to Africa and India. It has a muscular, deep-chested body, short, rounded head, round ears, and a hairy tuft at the end of its tail. It is sexually dimorphic; adult male lions are larger than females and have a prominent mane. It is a social species, forming groups called prides. A lion's pride consists of a few adult males, related females, and cubs. Groups of female lions usually hunt together, preying mostly on large ungulates. The lion is an apex and keystone predator; although some lions scavenge when opportunities occur and have been known to hunt humans, the species typically does not.
+        </p1>
+    </div>
+</body>
+
+
+</html>
diff --git a/eric/lion/img/background1.jpg b/eric/lion/img/background1.jpg
diff --git a/eric/lion/img/background2.jpg b/eric/lion/img/background2.jpg
diff --git a/eric/lion/img/lion.png b/eric/lion/img/lion.png
diff --git a/eric/lion/style.css b/eric/lion/style.css
@@ -0,0 +1,28 @@
+html {
+    background-color: rgb(255, 153, 0);
+    background-image: url(img/background1.jpg);
+    padding: 10px;
+
+  }
+
+  .header {
+    color: rgb(255, 0, 0);
+    font-family: Monaco, monospace;
+    text-align: center;
+    border: 10px solid rgb(0, 0, 0);
+    font-size: 50px;
+    background-color: rgb(0, 0, 0);
+  }
+    .box {
+    margin: auto;
+    background-color: brown;
+
+    font-size: 35px;
+}
+  body {
+      text-align: center;
+      border-color: 10px solid black;
+  }
+  form {
+      text-align: left;
+  }