forked from TheNerdyFeline/marvel-app
-
Notifications
You must be signed in to change notification settings - Fork 0
/
indexBio.html
91 lines (83 loc) · 5.77 KB
/
indexBio.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Herolution</title>
<!-- jquery link -->
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<!-- veiwport info for media query -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- boostrap jquery link -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- bootstrap link -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div>
<nav class="navbar navbar-default navbar-fixed-top">
<!-- collapsing menu -->
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand"><img src="assets/images/logo_small.png" id="logoHeader" alt="logo"></a>
</div>
<!-- navbar-header -->
<!-- collect nav links to toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="index.html" title="homepage">Home<span class="sr-only">(current)</span></a></li>
<li class="active"><a href="regHeroes.html" title="registered heros">Registered Heroes</a></li>
<li class="active"><a href="indexBio.html" title="about us">About Us</a></li>
</ul>
</div>
<!-- navbar-collapse -->
</div>
<!-- close nav container -->
</nav>
<div class="container gmap swordBio">
<br><br><br>
<div class="bioBox">
<img src="assets/images/logo.png" id="mainLogo" alt="logo">
<h2> Sentient World Observation and Response Department </h2>
<div class="heroProfiles">
<ul class="topnav">
<li><img src="assets/images/carloBio.jpg" height="100px" width="100px" class="bio_link" href="#Carlo"><p><strong>Carlo Anacta</strong><br>Intergallatic Delivery Boy</p> </li>
<li><img src="assets/images/brandonBio.jpg" height="100px" width="100px" class="bio_link" href="#Brandon"><p><strong>Brandon Chang</strong><br>Super-visor</p></li>
<li><img src="assets/images/jackiebio.jpg" height="100px" width="100px" class="bio_link" href="#Jackie"><p><strong>Jackie Wellons</strong><br>Head of HR (Hero Relations)</p> </li>
<!-- <p>I have a BFA from Penn State in Theatre Technology, and I'm currently enrolled 6 month Fullstack Web Develpoment program at UCLA. I am looking for work as a Web Developer or Sofware Developer. I love making games, and enjoy learning new computer languages to expand my skills. </p>-->
<li><img src="assets/images/wyattbio.jpg" height="100px" width="100px" class="bio_link" href="#Wyatt"><p><strong>Wyatt Thomson</strong><br>Scribe</p> </li>
<!-- <p> I am a former collegiate athlete with a degree in Religious Studies from the University of California Santa Barbara. Currently enrolled in the UCLA I hope to build on my current experience as a Technical Recruiter, opening up new doors and career possibilites! </p> -->
</ul>
</div>
</div>
<div class="site_bio">
<h2> WHAT WE DO </h2>
<p>
Herolution was born out of a love for everything Marvel and the idea to be able to find our favorite superheros. Placing superheros in the human element is obviously fun: getting to see and search for them but there's nothing more powerful than extending yourself and becoming a hero through volunteer work. With Herolution, we felt that there was plenty of room for our users to brush up on their Marvel knowledge but what we're doing is creating emotional connections- inspiring the user to be an active hero in their own community.
<br>
<br> The app is built around three primary functions: finding a hero, being a hero and finding a sidekick. Each of these elements allows for our user to engage with the platform in different ways.
<br>
<br> These functionalities allow you to search for your favorite superhero, adopt a sidekick (like a new puppy!) or find your inner hero and volunteer within your community. Each of these enables you to become your own definition of a hero.
<br>
<br> “With great power, comes great responsibility.” – Spiderman
</p>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<nav id="menu">
<button class="icons" id="findHero"><div id="fHero"></div></button>
<button class="icons" id="beHero"><div id="bHero"></button>
<button class="icons" id ="adopt"><div id="sKick"></div></button>
</nav>
</div>
</footer>
</body>
</html>