Project codeschool-projects#2

mJohn142 · web-flow · commit d916fc532284 · 2018-04-06T13:35:22.000-04:00
diff --git a/index.html b/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
+  <link rel="stylesheet" href="main.css">
+  <title>HTML Portfolio</title>
+</head>
+
+<body>
+
+  <header>
+    <h1>Sergio Cruz</h1>
+    <h2>Application Developer</h2>
+
+  <nav>
+    <ul>
+      <li><a href="index.html" class="active">Home</a></li>
+      <li><a href="about.html">About</a></li>
+    </ul>
+  </nav>
+  </header>
+
+<div class = "Main Content">
+  <section class="tagline">
+    <div class="content-wrapper">
+      <h3>A bit more about me</h3>
+      <p>Hey I am Sergio, I work for <a target="_blank" href="https://www.codeschool.com">Code School</a> and I love writing JavaScript!</p>
+    </div>
+  </section>
+
+
+  <section class="skills">
+    <div class="content-wrapper">
+      <h3>Skills</h3>
+      <p>Here are some of the technologies I enjoy writing day-to-day:</p>
+      <ul>
+        <li>HTML &amp; CSS</li>
+        <li>Node.js</li>
+        <li>React</li>
+        <li>Angular 2</li>
+        <li>Webpack</li>
+      </ul>
+    </div>
+  </section>
+
+  <section class="contact">
+    <div class="content-wrapper">
+      <h3>How to contact me</h3>
+      <p>The easiest way to contact me is via twitter: <a target="_blank" href="https://twitter.com/hashtagserg">@hashtagserg</a></p>
+    </div>
+  </section>
+</div>
+
+  <footer>
+    <div class="content-wrapper">
+      <h3>Credits</h3>
+      <p>This portfolio was created using <a href="https://www.codeschool.com">Code School's</a> <a href="https://github.com/codeschool/SemanticHTMLPortfolioProject">Semantic HTML Portfolio Project</a> template.</p>
+    </div>
+  </footer>
+
+</body>
+
+</html>
