Bootstrap-Portfolio/index.html at master · ArmandFrvr/Bootstrap-Portfolio · 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Alwyn's Portfolio - About Me</title>

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

  <link rel="stylesheet" type="text/css" href="assets/css/style.css">
  <link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Not currently functional but saving this code for when I can get it
    hosted elsewhere.  Running locally, I'm getting cross-origin request
    errors.  But I want to pull out the reused code...
  <script type="text/javascript" src="assets/js/jquery-3.2.1.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('#headerbar').load("header.html"); /* Load header into #headerbar div */
    });
  </script> -->

</head>

<body>
  <div id="page-wrapper" class="container-fluid">

<!-- <header id="headerbar" class="row">
      <div id="logo-wrapper" class="col-xs-12 col-md-7 col-md-offset-1 text-xs-center text-sm-center text-md-left">
        <div id="logo">
          Alwyn Durham
        </div>
      </div>
      <nav class="col-xs-12 col-md-3">
        <a href="index.html" accesskey="a">About</a> |
        <a href="portfolio.html" accesskey="p">Portfolio</a> |
        <a href="contact.html" accesskey="c">Contact</a>
      </nav>
    </header> -->

    <nav id="headerbar" class="navbar navbar-default navbar-fixed-top">
      <!-- <div id="navbar-inner"> -->
        <div id="logo-wrapper" class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavBar">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <div id="logo" class="navbar-brand">
              Alwyn Durham
            </div>
          </div>
        <!-- </div> -->
        <div class="collapse navbar-collapse" id="myNavBar">
          <ul class="nav navbar-nav navbar-right">
            <li class="active"><a href="index.html" accesskey="a">About</a></li>
            <li><a href="portfolio.html" accesskey="p">Portfolio</a></li>
            <li><a href="contact.html" accesskey="c">Contact</a></li>
          </ul>
        </div>
      </div>
    </nav>

    <div id="wrapper" class="row">
      <div class="col-xs-12 col-md-7 col-md-offset-1">
        <section id="main-content" >
          <h1>About Me</h1>
            <hr>
            <p><img class="bio-img pull-left img-responsive img-rounded" src="assets/images/d3barb.jpg" alt="Diablo 3 male barbarian">Alwyn Durham is an anal-retentive technologically-oriented person who has chosen to partake in the grand adventure that is web development.  He hopes to use the skills gained in this endeavour to force his company to release accessible products, despite attempts by other developers to add in last-minute changes under the guise of agile methodology.
            </p>
            <p>Alwyn also moonlights as a technical writer.  Although that is currently his actual job title, he seems to have become too efficient at it lately due to the fact that writing scripts to automate tasks is far more interesting than doing things like a normal person.  Alwyn is currently using the free time gained to document software accessibility problems, but would prefer to be even more efficient by fixing the problems so that documentation isn't necessary.</p>
            <p>In his other life, Alwyn has been known to play video games, adopt excessive numbers of cats, and eat entire gallons of ice cream in one sitting.</p>
        </section>
      </div>

      <div id="social-media-wrapper" class="col-xs-12 col-md-3">
        <section id="social-media">
          <h2 class="social-media">Connect with Me</h2>
          <hr class="social-media">
          <a href="https://stackoverflow.com/users/3010362/armandfrvr" target="_blank"><img class="sm-icon" src="assets/images/stackoverflow.png" alt="Stack Overflow"></a>
          <a href="https://www.linkedin.com/in/alwyn-durham-3883a833" target="_blank"><img class="sm-icon" src="assets/images/linkedin_square_color-128.png" alt="Linkedin"></a>
          <a href="https://github.com/ArmandFrvr" target="_blank"><img class="sm-icon" src="assets/images/github_square-128.png" alt="Github"></a>
        </section>
      </div>

    </div>

    <footer class="fixed-bottom sub-text">
      Copyright &copy; 2017 Alwyn Durham
    </footer>

  </div>

</body>

</html>