GWGPortfolioProject/index.html at master · AmberRoberts/GWGPortfolioProject · 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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link rel="stylesheet" href="style.css">
  <title>Amber Roberts | Front-End Master-in-Training</title>
</head>

<body>
  <header class="header">
    <div class="logo-block">
      <img class="logo" src="images/logolinemountain.png" alt="Mountain scribble image">
    </div>
    <div class="name-block">
      <h1>AMBER ROBERTS</h1>
      <p>Front-End Master-in-Training
    </div>
  </header>

  <!-- <nav id="menu" class="nav">
    <ul class="nav-menu">
      <li class="link"><a href="#">Home</a></li>
      <li class="link"><a href="#">Featured Work</a></li>
      <li class="link"><a href="#">Contact Me</a></li>
    </ul>
  </nav> -->

  <main>
    <article class="intro">
      <img class="me" src="images/sailing.jpg" alt="Amber sailing">
    <div class="bio">
    <p>I got a Tandy in 1991. That computer was a dream. I felt like Terry in Jumpin’ Jack Flash; the blinking white cursor on the black MS-DOS screen sucked me in and refused to let me go. I was so excited that with only a few keystrokes, I could transport myself into a world where gorillas stood on top of buildings and threw atomic bananas at each other. I also started learning Spanish using that computer, but nothing compared to being able to type c:/something just to have the screen flash text back in response.
    <p>
    I was hooked.
    <p>
    Fast-forward to today: I’ve got a notebook filled with more ideas than I have time, a brain that’s overflowing with useless trivia, notes reminding me of inventions that I’ll never actually create, and a pretty spectacular number of hours logged in Skyrim.
    <p>
    I'm livin' large, writing by day, coordinating and marketing events when the sun goes down, and learning to dev like a pro with Grow with Google and Udacity. And it's all good.</p>
  </div>
</article>

      <h2>Featured Work</h2>
        <section class="featured">
          <div class="example">
            Pixel Art Maker
            <p>
            Udacity GWG Challenge
          <img class="work pixel" src="images/pixelartmaker.jpg" alt="pixel art maker screenshot">
          <a href="https://codepen.io/AmberRoberts/full/RMLRZp">Codepen</a>
          </div>
        <div class="example">
          Animal Trading Card
          <p>
          Udacity GWG Challenge
          <img class="work animal" src="images/animaltradingcard.jpg" alt="Animal trading card">
          <a href="https://codepen.io/AmberRoberts/full/xpyOqg/">Codepen</a>
      </div>
      </section>

  </main>

  <footer>
    <hr>
    Completed for the Grow With Google/ Udacity FEND Program 2018<br>
    <p><a href="https://www.linkedin.com/in/amberrobertsvt/" target="_blank">LinkedIn</a>
      | <a href="https://github.com/AmberRoberts" target="_blank">GitHub</a>
  </footer>

</body>

</html>

<!-- Referenced https://www.w3schools.com, https://developer.mozilla.org/en-US/docs/Web/CSS/Reference, http://jonibologna.com/content/images/flexboxsheet.pdf, and Udacity/GWG coursework to build this website.  All images are my own, Mario pixel art based on Mario Bros by Nintendo and fox image in tradig card via Wikimedia Commons. -->