-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmembers.html
47 lines (45 loc) · 1.36 KB
/
members.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
<html>
<head>
<title>cafe-predicting project</title>
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<!--<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />-->
<script src="jquery/jquery-1.11.2.min.js"></script>
<script src="jquery/jquery-ui.min.js"></script>
<script>
$(function(){
$("#header").load("header.html");
$("#menu").load("menu.html");
$("#footer").load("footer.html");
$("#ryan").load("members/ryan.html");
$("#chris").load("members/chris.html");
$("#cory").load("members/cory.html");
});
</script>
</head>
<body>
<div id="header"></div>
<div id="menu"></div>
<div id="main">
<div class="content">
<h2 style="position: absolute; left: 0; right: 0;">Team Members</h2>
<div id="tabs">
<ul>
<div class="buffer"></div>
<div class="buffer"></div>
<div class="buffer"></div>
<li class="tab"><a class="tab" href="#chris">Chris Arnold</a></li><!--
--><li class="tab"><a class="tab" href="#cory">Cory Gray</a></li><!--
--><li class="tab"><a class="tab" href="#ryan">Ryan Zembrodt</a></li>
</ul>
<div class="tab-content" id="chris"></div>
<div class="tab-content" id="cory"></div>
<div class="tab-content" id="ryan"></div>
</div>
</div>
</div>
<script>
$( "#tabs" ).tabs();
</script>
<div id="footer"></div>
</body>
</html>