testprofile/index.html at master · jimbiddle/testprofile · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>James Biddle's Profile</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <link href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900" rel="stylesheet"></head>
  <body>

    <div class="main-nav">
        <ul class="nav">
          <li class="name">James Biddle</li>
          <li><a href="index.html">Home</a></li>
          <!-- <li><a href="#">Experience</a></li> -->
        </ul>
    </div>

    <header>
      <img src="images/jim_small.png" alt="Drawing of James Biddle" class="profile-image">
      <h1 class="tag name">Hello, I’m James.</h1>
      <p class="tag location">My home is Phoenix, Arizona.</p>
    </header>

    <main class="flex">
      <div class="card">
        <h2>Background</h2>
        <p>I am a Security Analyst transitioning into a front-end developer role. I am looking forward to freeing myself from the cube and travelling while freelancing. I hope to get my front-end skills up to date and them move into some back-end.</p>
        <p>I love technology and my Pets, that's about it. When not in front of a computer I am usually on the XBOX. Guess I need to get out more. </p>
      </div>

      <div class="card">
        <h2>Goals</h2>
        <p>I want to be fluent in the below skills in order to achieve my goals:</p>
        <ul class="skills">
          <li>HTML</li>
          <li>CSS</li>
          <li>JavaScript</li>
          <li>Ruby</li>
          <li>Rails</li>
        </ul>
        <p>I’d like freelance using the top sites for work. There are also many remote jobs from front-end developers.</p>
      </div>

    </main>
    <footer>
      <ul>
        <li><a href="https://twitter.com/groupanon" class="social twitter">Twitter</a></li>
        <li><a href="https://www.linkedin.com/in/jimbiddle/" class="social linkedin">LinkedIn</a></li>
        <li><a href="https://github.com/jimbiddle" class="social github">Github</a></li>
      </ul>
      <p class="copyright">Copyright 2017, Your Mom</p>
    </footer>
  </body>
  </html>