-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·46 lines (43 loc) · 1.46 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-type' content='text/html; charset=utf-8'>
<title>PopBox</title>
<link rel='stylesheet' href='popbox.css' type='text/css' media='screen' charset='utf-8'>
<script type='text/javascript' charset='utf-8' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/ jquery.min.js'></script>
<script type='text/javascript' charset='utf-8' src='popbox.js'></script>
<script type='text/javascript' charset='utf-8'>
$(document).ready(function(){
$('.popbox').popbox();
});
</script>
</head>
<body>
<h1>PopBox</h1>
<div class='popbox'>
<a class='open' href='#'>
<img src='plus.png' style='width:14px;position:relative;'> Click Here!
</a>
<div class='collapse'>
<div class='box'>
<div class='arrow'></div>
<div class='arrow-border'></div>
<form action="" method="post" id="subForm">
<p><small>Please complete the form... <a href="" target="_blank"></a></small></p>
<div class="input">
<input type="text" name="cm-name" id="name" placeholder="Name" />
</div>
<div class="input">
<input type="text" name="cm-nklki-nklki" id="nklki-nklki" placeholder="Email" />
</div>
<input type="submit" value="Get In Touch" /> <a href="#" class="close">Cancel</a>
</form>
</div>
</div>
</div>
<p>jQuery PopBox is a simple, HighRise inspired balloon UI element.</p>
<footer>
Developed by <a href="http://twitter.com/saurabh_nitc10">Saurabh sinha</a></a>
</footer>
</body>
</html>