-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjoinus-old.html
153 lines (145 loc) · 7.95 KB
/
joinus-old.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.css">
<title>About us</title>
<!--[if IE]>
<bgsound src="boy/Canon_and_Gigue_in_D.mp3" loop=-1 /><![endif]-->
<!--[if !IE]>-->
<audio autoplay="true" loop="true">
<source src="boy/Canon_and_Gigue_in_D.ogg" type="audio/ogg" />
<source src="boy/Canon_and_Gigue_in_D.mp3" type="audio/mp3" />
</audio>
<!--<![endif]-->
<script src="jquery.js"></script>
<script src="PHPMailer/utility.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="start.js"></script>
<script>
$(document).ready(function() {
var tmp = document.getElementById("overall_id");
var footer = document.getElementById("footer_id");
tmp.style.minHeight = ($(window).height()-$(footer).height()-38)+"px";
alert($(footer).paddingTop());
});
</script>
</head>
<body>
<div id="overall_id" class="overall">
<div class="navbar-wrapper">
<!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
<div class="container">
<div class="navbar navbar-inverse" style="font-size: 20px">
<div class="navbar-inner">
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="index.html"><img id="logo" src="mulab/labmu.png"></a>
<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
<div class="nav-collapse collapse">
<ul class="nav" style="vertical-align: middle">
<!--<li class="active"><a href="#">Lab μ</a></li>-->
<!--li class="active"><a href="#"><i class="icon-home"></i>Home</a></li-->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-flag-checkered"></i> Our Projects</a>
<ul class="dropdown-menu">
<li><a href="http://tunet.lab.mu"><b>TUNet</b> App</a></li>
<li class="divider"></li>
<li class="nav-header">Under Progress</li>
<li><a href="http://open.lab.mu"><b>Caμs</b> Open Platform</a></li>
<li><a href="http://www.mathmu.cn"><b>maTHμ</b> CAS</a></li>
<li><a href="http://edx.lab.mu"><b>edX</b> Mobile App</a></li>
</ul>
</li>
<li><a href="members.html"><i class="icon-group"></i> Members</a></li>
<li><a href="joinus.html"><i class="icon-smile"></i> Join Us!</a></li>
<li><a href="aboutus.html"><i class="icon-rocket"></i> About Us</a></li>
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
</ul>
</div><!--/.nav-collapse -->
</div><!-- /.navbar-inner -->
</div><!-- /.navbar -->
</div> <!-- /.container -->
</div>
<div class="form-container" style="padding-top: 100px">
<div class="container">
<div class="row">
<div class="span4">
<img src="mulab/labmu_small.png" style="padding-top: 50px">
</div>
<div class="span8">
<form class="form-horizontal" name="user_info" action="" method="post">
<h3>This form will be sent to Lab μ by email</h3>
<div class="control-group">
<label class="control-label" for="name_id">Your Name</label>
<div class="controls">
<input type="text" id="name_id" name="user_name" size="20" placeholder="Your Name">
</div>
</div>
<div class="control-group">
<label class="control-label" for="mail_id">Your Email</label>
<div class="controls">
<input type="text" id="mail_id" name="user_mail" size="20" placeholder="Your Email">
</div>
</div>
<div class="control-group">
<label class="control-label" for="mobile_id">Your Mobile Number</label>
<div class="controls">
<input type="text" id="mobile_id" name="user_mobile" size="20" placeholder="Your Mobile Number">
</div>
</div>
<div class="control-group">
<label class="control-label" for="department_id">Your Department & Grade</label>
<div class="controls">
<input type="text" id="department_id" name="user_department" size="20" placeholder="Your Department & Grade">
</div>
</div>
<div class="control-group">
<label class="control-label">Your Gender</label>
<div class="controls">
<input type="radio" name="user_gender" value="male" class="" checked><span class="down-4px"> Male</span>
<input type="radio" name="user_gender" value="female" class=""><span class="down-4px"> Female</span>
<input type="radio" name="user_gender" value="other" class=""><span class="down-4px"> Others</span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="words_id">Words To Us</label>
<div class="controls">
<textarea id="words_id" name="user_words" rows="5" cols="20" placeholder="Words To Us"></textarea>
</div>
</div>
<div class="control-group">
<div class="controls">
<input type="button" value="send" class="btn btn-primary" onClick="sendUserInfo()">
<input type="reset" value="reset" class="btn" style="position:relative;left:10px;">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div id="footer_id" class="footer-inform well">
<p>Designed and built with all the love in the world by <a href="mailto:[email protected]">Lab μ</a>.</p>
<p>Welcome to join us and learn together with progress together.</p>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43044519-1', 'lab.mu');
ga('send', 'pageview');
</script>
</body>
</html>