Update biog-download.html

LSLUEE · LSLUEE · commit cdb49f2a1acd · 2020-03-26T01:47:15.000+11:00
diff --git a/learn/getting-started/biog-download.html b/learn/getting-started/biog-download.html
@@ -1,8 +1,7 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-
   <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
     <title>Formatting a biography</title>
     <style>
       body {
@@ -14,14 +13,21 @@
       }
 
       h1 {
-        color: #375e97;
+        color: hotpink;
         font-size: 2em;
-        font-family: Georgia, 'Times New Roman', Times, serif;
-        border-bottom: 1px solid #375e97;
+        font-family: Georgia, "Times New Roman", Times, serif;
+        border-bottom: 10px dotted purple;
       }
 
       h2 {
         font-size: 1.5em;
+        font-style: italic;
+      }
+
+      ul{
+        background-color: #eeeeee;
+        border: 5px solid purple;
+        padding: 25px
       }
 
       .job-title {
@@ -36,30 +42,38 @@
 
       a:hover {
         text-decoration: none;
+        color: green;
       }
     </style>
   </head>
 
   <body>
-
     <h1>Jane Doe</h1>
     <div class="job-title">Web Developer</div>
-    <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
+    <p>
+      Far far away, behind the word mountains, far from the countries Vokalia
+      and Consonantia, there live the blind texts. Separated they live in
+      Bookmarksgrove right at the coast of the Semantics, a large language
+      ocean.
+    </p>
 
-    <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+    <p>
+      A small river named Duden flows by their place and supplies it with the
+      necessary regelialia. It is a paradisematic country, in which roasted
+      parts of sentences fly into your mouth.
     </p>
 
     <h2>Contact information</h2>
     <ul>
-      <li>Email:
+      <li>
+        Email:
         <a href="mailto:jane@example.com">jane@example.com</a>
       </li>
-      <li>Web:
+      <li>
+        Web:
         <a href="http://example.com">http://example.com</a>
       </li>
       <li>Tel: 123 45678</li>
     </ul>
-
   </body>
-
-</html>
+</html>
