built About Me page

mdr19002 · Feb 3, 2020 · 6cc71c4d90104f59ce7073e05ab5bf4b73d507e0 · 6cc71c4
1 parent db80737
commit 6cc71c4d90104f59ce7073e05ab5bf4b73d507e0
Unified Split

Showing with 53 additions and 11 deletions.

BIN img/maria_photo

+3 −0 index.html

+50 −11 wk2-about-me.html
diff --git a/img/maria_photo b/img/maria_photo
diff --git a/index.html b/index.html
@@ -8,5 +8,8 @@
 </head>
 <body>
     <h1>I love HTML5!</h1>
+    <nav>
+        <a href="wk2-about-me.html">Wk 2 Assignment: About Me</a>
+    </nav>
 </body>
 </html>
diff --git a/wk2-about-me.html b/wk2-about-me.html
@@ -1,10 +1,10 @@
 <!doctype html>
-<html class="no-js" lang="">
+<html class="no-js" lang="en">
 
 <head>
   <meta charset="utf-8">
-  <title>About Me</title>
-  <meta name="description" content="">
+  <title>About Me - Maria Raykova</title>
+  <meta name="description" content="Maria Raykova wk2 hw for DMD 5470">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <link rel="manifest" href="site.webmanifest">
@@ -22,20 +22,59 @@
     <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
   <![endif]-->
 
-  <!-- Add your site or application content here -->
-  <p>Hello world! This is HTML5 Boilerplate.</p>
+  <header>
+    <h1>
+      Maria Raykova
+    </h1>
+  </header>
+
+  <hr/>
+
+  <main>
+    <h3>Hello world! My name is Maria.</h3>
+    <img src="img/maria_photo" width=300px>
+    <p>I am a first-year graduate student in the MFA in Digital Media and Design program at UConn. 
+      I earned a BA in Animation and Digital Arts from the University of Southern California in 2015.</p>
+    <p>My interests include:
+      <ul>
+        <li>science communication</li>
+        <li>experimental animation</li>
+        <li>instructional design</li>
+      </ul>
+    </p>
+    <br/>
+    <p><strong>My Favorite Sites:</strong></p>
+      <ul>
+        <li>
+          <a href="https://youtube.com">YouTube</a>
+        </li>
+        <li>
+          <a href="https://cartoonbrew.com">Cartoon Brew</a>
+        </li>
+        <li>
+          <a href="https://wikipedia.com">Wikipedia</a>
+        </li>
+      </ul>
+  </main>
+
+  <nav>
+    <a href="index.html">Back to Home</a>
+  </nav>
+
+  <hr/>
+
+  <footer>
+    <p>
+      University of Connecticut | DMD 5470: Advanced Web Development - Spring 2020
+    </p>
+  </footer>
+
   <script src="js/vendor/modernizr-3.8.0.min.js"></script>
   <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
   <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.4.1.min.js"><\/script>')</script>
   <script src="js/plugins.js"></script>
   <script src="js/main.js"></script>
 
-  <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
-  <script>
-    window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
-    ga('create', 'UA-XXXXX-Y', 'auto'); ga('set','transport','beacon'); ga('send', 'pageview')
-  </script>
-  <script src="https://www.google-analytics.com/analytics.js" async></script>
 </body>
 
 </html>