forked from rynoschni/Global_Snake
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout_us.html
131 lines (123 loc) · 7.8 KB
/
about_us.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
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
<!DOCTYPE html>
<html>
<head>
<title>Team H-Town</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="css/about_us.css" />
<link rel="shortcut icon"tra href="favicon.ico"/>
</head>
<body>
<div class="d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="masthead">
<div class="inner">
<a href="index.html"><h3 class="masthead-brand">Global <span class="snakeColor">Snake</span></h3></a>
<nav class="nav nav-masthead justify-content-center">
<a class="nav-link active" href="index.html">Home</a>
<a class="nav-link" data-toggle="modal" data-target="#staticBackdrop">Features</a>
<a class="nav-link" href="#">About Us</a>
</nav>
</div>
</header>
<!-- Hero -->
<div id='heroImg' class="hero-img text-center container-fluid">
</div>
<div class="cover-container container-fluid">
<h1>Team H-Town</h1>
<h3>a <a class="snakeColor" href="https://www.digitalcrafts.com/">DigitalCrafts</a> team project</h3>
</div>
<!-- main -->
<main>
<div class="container">
<div class="row py-5">
<div class="col-lg-3 py-3">
<img class="img-thumbnail rounded-circle justify-content-center" src="/images/Headshots/Jai_Gokhale.png" />
<p class="bio"><span class="snakeColor">Name:</span> Jai Gokhale</p>
<p class="bio"><span class="snakeColor">Title:</span> Full Stack Developer</p>
<p class="bio"><span class="snakeColor">Area of Interest:</span> HTML, CSS, JavaScript</p>
<div class="d-inline-flex ">
<a type="button" class="col-lg-6 btn btn-secondary snakeButton mr-2" href="https://github.com/jmg5219">GitHub</a>
<a type="button" class="col-lg-6 btn btn-secondary snakeButton" href="https://www.linkedin.com/in/jai-gokhale-81827747/">LinkedIn</a>
</div>
<div class="biobtn py-2">
<a type="button" class="col-lg-6 btn btn-secondary snakeButton" href="jai-gokhale.html">Bio</a>
</div>
</div>
<div class="col-lg-3 py-3">
<img class="img-thumbnail rounded-circle" src="/images/Headshots/Luke_Brazil.png" />
<p class="bio"><span class="snakeColor">Name:</span> Luke Brazil</p>
<p class="bio"><span class="snakeColor">Title:</span> Full Stack Developer</p>
<p class="bio"><span class="snakeColor">Area of Interest:</span> HTML, CSS, jQuery</p>
<div class="d-inline-flex">
<a type="button" class="col-lg-6 btn btn-secondary snakeButton mr-2" href="https://github.com/LukeBrazil">GitHub</a>
<a type="button" class="col-lg-6 btn btn-secondary snakeButton" href="https://www.linkedin.com/in/luke-brazil-0506b71b0/">LinkedIn</a>
</div>
<div class="biobtn py-2">
<a type="button" class="col-lg-6 btn btn-secondary snakeButton" href="luke-brazil.html">Bio</a>
</div>
</div>
<div class="col-lg-3 py-3">
<img class="img-thumbnail rounded-circle" src="/images/Headshots/Ryan_Schniederjan.jpg" />
<p class="bio"><span class="snakeColor">Name:</span> Ryan Schniederjan</p>
<p class="bio"><span class="snakeColor">Title:</span> Full Stack Developer</p>
<p class="bio"><span class="snakeColor">Area of Interest:</span> HTML, CSS, React</p>
<div class="d-inline-flex">
<a type="button" class="col-lg-6 btn btn-secondary snakeButton mr-2" href="https://github.com/rynoschni">GitHub</a>
<a type="button" class="col-lg-6 btn btn-secondary snakeButton" href="https://www.linkedin.com/in/ryan-schniederjan/">LinkedIn</a>
</div>
<div class="biobtn py-2">
<a type="button" class="col-lg-6 btn btn-secondary snakeButton" href="ryan-schniederjan.html">Bio</a>
</div>
</div>
<div class="col-lg-3 py-3">
<img class="img-thumbnail rounded-circle" src="/images/Headshots/Tait_Loughridge.jpg" />
<p class="bio"><span class="snakeColor">Name:</span> Tait Loughridge</p>
<p class="bio"><span class="snakeColor">Title:</span> Full Stack Developer</p>
<p class="bio"><span class="snakeColor">Area of Interest:</span> HTML, CSS, JavaScript, Illustrator</p>
<div class="d-inline-flex">
<a type="button" class="col-lg-6 btn btn-secondary snakeButton mr-2" href="https://github.com/TaitLoughridge">GitHub</a>
<a type="button" class="col-lg-6 btn btn-secondary snakeButton" href="https://www.linkedin.com/in/tait-loughridge-6a6026134/">LinkedIn</a>
</div>
<div class="biobtn py-2">
<a type="button" class="col-lg-6 btn btn-secondary snakeButton" href="tait-loughridge.html">Bio</a>
</div>
</div>
</div>
</main>
<!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title snakeColor" id="staticBackdropLabel">Features</h5>
<button type="button" class="close snakeColor" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ol>
<li class="p-2"><span class="snakeColor"><strong>Snake Intel:</strong></span> info on country</li>
<li class="p-2"><span class="snakeColor"><strong>Snake Vision:</strong></span> maps and pictures</li>
<li class="p-2"><span class="snakeColor"><strong>Snake Sense:</strong></span> weather in the capital</li>
<li class="p-2"><span class="snakeColor"><strong>Random Snake:</strong></span> randomly search on countries</li>
</ol>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary snakeButton" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- footer -->
<footer class="mastfoot mt-auto">
<div class="inner">
<p>Created with <a href="https://getbootstrap.com/">Bootstrap</a>, by <a href="#">Team H-Town</a></p>
</div>
</footer>
</div>
</div>
</body>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</html>