website/j-index.html at master · 8keys-studio/website · 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>8 Keys Studio</title>
<link href="j-general.css" rel="stylesheet" type="text/css" />
<!-- drawer.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.1/css/drawer.min.css">
<!-- jquery & iScroll -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.1.3/iscroll.min.js"></script>
<!-- drawer.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.1/js/drawer.min.js"></script>
</head>

<body class="drawer drawer--left">


<!-- <header>
  <img src="images/layout/hamburger.png" alt="Hamburger Menu Button" id="hamburger" />
</header> -->
  <header role="banner" class="burgertest">
    <button type="button" class="drawer-toggle drawer-hamburger">
      <span class="sr-only">toggle navigation</span>
      <span class="drawer-hamburger-icon"></span>
    </button>
    <nav class="drawer-nav" role="navigation">
      <ul class="drawer-menu">
        <li><a class="drawer-brand" href="#">Brand</a></li>
        <li><a class="drawer-menu-item" href="#">Nav1</a></li>
        <li><a class="drawer-menu-item" href="#">Nav2</a></li>
      </ul>
    </nav>
  </header>
  <script>
  $(document).ready(function() {
  $('.drawer').drawer();
});
  </script>

  <main role="main">
<img class="title" src="images/layout/logo-01.png" width="" height="" alt="8 Keys Studio"/>

<div class="nav">
<img src="images/layout/Menu-Contact.png" alt="Contact" class="nav"/><img src="images/layout/Menu-Contact.png" alt="Contact" class="nav"/><img src="images/layout/Menu-Contact.png" alt="Contact" class="nav"/><img src="images/layout/Menu-Contact.png" alt="Contact" class="nav"/><img src="images/layout/Menu-Contact.png" alt="Contact" class="nav"/></div>
<div class="spacer">&nbsp;</div>


<div id="About" class="section">
<img src="images/Team-Photo.png" width="" height="" alt="Team Photo" id="teamphoto" />
<h1>About</h1>
8 Keys Studio began when our group of friends, who love playing video games, decided to try making some. Somehow, even though it probably should have been a bad idea to just jump into something without any real training, it ended up being really fun. We started out by participating in game jams and worked on developing ideas in our spare time.  We have made five games this way, and are working on our first complete project.

We come from a range of backgrounds and professions, but we all like the internet and coffee and cats. We never have any trouble finding a place to order together from on Seamless. We are based primarily in Brooklyn and New Jersey. </div>


<div id="Team" class="section">
<h1>Team</h1>

<div class="bio clearfix">
<div id="wrapper" class="portrait">
  <img src="images/Team-Veronica.png" alt="Portrait" id="portraitpic" /><br />
  <div class="bubblewrap">
    <div class="speechwords bubble speech">I always know where my towel is.</div>
  </div>
</div>
<div class="biotext">
    <h6>Veronica Grijalva</h6><br />
    Cat Wrangling Officer<br />
    Executive Scribbler
<br /><br />
Veronica works in the publishing industry and has a degree in creative writing. Storytelling is her main kick and she is a particular fan of multi-platform stories. She is obsessed with Virtual Reality, Artificial Intelligence, and pork products.
</div>
</div><p>


<div class="bio clearfix">
<div id="wrapper" class="portrait">
  <img src="images/Team-Chris.png" alt="Portrait" id="portraitpic" /><br />
  <div class="bubblewrap">
    <div class="speechwords bubble speech">Everything is better with a Punisher skull.</div>
  </div>
</div>
<div class="biotext">
    <h6>Chris Bonilla</h6><br />
    Infiltration and Espionage Expert<br /><br />
Chris works in business software development, with a knack for solving unsolvable problems. He longs to make a transition to work on games that have a retro feel with a modern twist. He also sports an insatiable need for AR/VR and home automation equipment.
</div>
</div>

</div>


<div class="snowflakes" aria-hidden="true">
  <div class="snowflake">
  <img src="images/Key-Dark-Chris-01.png" width="23" height="51" /> </div>
  <div class="snowflake">
   <img src="images/Key-Dark-Veronica-01.png" width="28" height="64" /> </div>
  <div class="snowflake">
  <img src="images/Key-Dark-Chris-01.png" width="23" height="51" /> </div>
    <div class="snowflake">
  <img src="images/Key-Dark-Chris-01.png" width="23" height="51" /> </div>
  <div class="snowflake">
  <img src="images/Key-Dark-Chris-01.png" width="23" height="51" /> </div>
  <div class="snowflake">
   <img src="images/Key-Dark-Veronica-01.png" width="28" height="64" /> </div>
  <div class="snowflake">
   <img src="images/Key-Dark-Veronica-01.png" width="28" height="64" /> </div>
  <div class="snowflake">
  <img src="images/Key-Dark-Chris-01.png" width="23" height="51" /> </div>
  <div class="snowflake">
  <img src="images/Key-Dark-Chris-01.png" width="23" height="51" /> </div>
  <div class="snowflake">
  <img src="images/Key-Dark-Chris-01.png" width="23" height="51" /> </div>
</div>
</main>
</body>
</html>