byte-me-3/index.html at master · nathan-lai-engineering/byte-me-3 · 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="shortcut icon" href="https://img.icons8.com/emoji/48/000000/koala-emoji.png" type="image/x-icon"/>
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Byte Me | Operation Koala</title>

  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Custom styles for this template -->
  <link href="css/modern-business.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Tomorrow&display=swap" rel="stylesheet">

</head>


  <!-- Navigation -->
  <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top">
  <!-- <nav class="navbar"> -->
    <div class="container">
      <a class="navbar-brand" href="index.html">Byte Me | Operation Koala</a>
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
            <a class="nav-link" href="index.html">About</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="game.html">Game</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="donation.html">Donations</a>
          </li>

  </div>
</div>
  </nav>

  <header>
<div class="cover">
  <img class="coverpic" src="css/photo/finalbg.png" alt="">
</div>
  </header>

<body>
  <!-- Page Content -->
  <div class="container">
<div class="origin-container">
    <b><h1 class="my-4">Origins of This Game</h1><b>
    <p2>Tackling the sustainability pillar, our team was inspired to create a web application whose goal is to spread awareness of the climbing death toll of koalas as a result of the devastating Australian wildfires.
</p2>
<br></br>
<br></br>
<br></br>
<h2>Objective</h2>
<b><p4>As a civilian escaping the wildfires, you need to catch all the koalas before you evacuate!</p4></b>
<br></br>
<h2>Instructions</h2>
<p4> Use your keyboard left and right arrows to control the basket and catch the koalas from the wildfires! But, be careful because you only have three lives! </p4>

<div class="button-container">
  <button onclick="window.location.href='game.html'">PLAY</button>
<!-- <script>
function myFunction() {
  window.open("game.html", "__self");

}
</script> -->

</div>
    <br></br>
</div>


      <b><h1>Team Byte Me</h1></b>
      <br></br>
    <div class="box">

      <div class="bioitem1">
          <div class="text">
            <b><p1>Han Pham</p1></b>
            <!-- <br></br>  -->
            <p>I am a first year at CSULB studying Computer Science. I am super passionate about incoporating art and code into an interactive space! Aside participating in many code related things, I love painting, journaling, and drawing.</p> </div>
          </div>

      <div class="bioitem2">
        <div class="text">
          <b><p1>Nathan Lai</p1></b>
          <!-- <br></br>  -->
          <p>A freshman student at csulb exploring the field of cs. Thinks giraffes are cool.</p> </div>
      </div>
      <div class="bioitem3">
        <div class="text">
          <b><p1>Githel Suico</p1></b>
          <!-- <br></br>  -->
          <p>A first year CS student at CSULB. Apart of my university’s Women in Computing where we collaborate with other students to build cool projects. I love film photography and sleep.
</p> </div>
      </div>
      <div class="bioitem4">
          <div class="text">
        <b><p1>Isabella Paine</p1></b>
        <!-- <br></br>  -->
        <p> I am a first year from UC San Diego studying applied mathematics. Other than coding, I enjoy exploring San Diego with my friends.
</p></div>
  </div>
      </div>
</div>


</body>

  <!-- Footer -->
  <footer class="py-5 bg-dark">
    <div class="container">
      <p class="m-0 text-center text-white">Copyright &copy; Byte-Me 2020</p>
    </div>
    <!-- /.container -->
  </footer>

  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

</body>

</html>