jrenna.github.io/about.html at master · ARS327/jrenna.github.io · 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
<!DOCTYPE html>
<html lang="en">
  <head>

       <link rel="icon" href="images/logo3.png">

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Joseph Renna About</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/background.css" rel="stylesheet">
      <link href="css/burger.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
     <style>
     body {
      position: relative;
      width: 100%;
      height: 100%;
          Background-image: url("images/logo6.png");
          background-repeat: no-repeat;
    background-attachment: fixed;
      background-size: 18%;
      background-position: bottom center;
      z-index: 1;
    }
      img {
    float: left;
    margin: 0 0 10px 10px;
    padding-right: 30px;
}
</style>
  </head>
  <body>
<!-- nav here -->
   <div class="b-nav">
      <li><a class="b-link" href="index.html">Home</a></li>
      <li><a class="b-link b-link--active" href="about.html">About</a></li>
      <li><a class="b-link" href="projects1.html">Portfolio</a></li>
      <li><a class="b-link" href="contact.html">Contact</a></li>
    </div>

    <!-- Burger-Icon -->
    <div class="b-container">
      <div class="b-menu">
        <div class="b-bun b-bun--top"></div>
        <div class="b-bun b-bun--mid"></div>
        <div class="b-bun b-bun--bottom"></div>
      </div>

      <!-- Burger-Brand -->
      <a href="#" class="b-brand"></a>
    </div>
      <!-- end nav -->
<div class="jumbotron text-center">
    <h1>About Me</h1>
      </div>
<div class="container">
    <div class="row">
        <div class="column"><a><img src="images/gifs/self-portrait-gif.gif" height="350px"></a></div><div class="column"><font size="5px">
    <p>     I am an artist currently attending Stony Brook University in New York.  I have been studying and practicing art with intentions of working with it professionally since 2008, when I set my sights on the gaming and entertainment industries.</p>
    <p>     I believe that the advancing technologies that these industries use present me with an opportunity to create entirely new worlds and stories for viewers to see and explore.  Not trying to be a part of the creation of such things would be denying some of my earliest childhood dreams.</p>
            <p>    I prefer to work mainly with digital mediums, using programs such as Blender 3d and Photoshop to create my projects.  In addition to those two programs, I also work in Zbrush, Unity, After Effects, and Illustrator; and I have a basic understanding of Maya.</p></font>

        </div>

      </div>
        </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
      <script src="js/burger.js"></script>
  </body>
</html>