BioinformaticsToolsLibraryMobileUI/tool_info.html at master · USDBioinformatics/BioinformaticsToolsLibraryMobileUI · GitHub

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
<!DOCTYPE html>
<html>
<head>
<title>Bioinformatics Tools Library</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='index_grid.css' rel='stylesheet' type='text/css'>

<link href="css/jquery.treeview.css" rel='stylesheet' type='text/css'>

</head>

<!--Added the onload for the tree view-->
<body onload="addEvents();">


<div class="wrapper">
	<div class="container">
<!--
		<h1>Search</h1>

		<ul class="home-nav">
			<li><a href="index.html" data-id="three-columns"><img src="img/home-icon.png"></a></li>
			<li><a href="help.html" data-id="four-columns"><img src="img/tiny-question.png"></a></li>
		</ul>

		<ul class="grid-nav">
			<li><a href="#" data-id="two-columns" class="active">Grid</a></li>
			<li><a href="#" data-id="three-columns">List</a></li>
			<li><a href="#" data-id="four-columns" >Tree</a></li>
		</ul>
-->
		</ul>


		<hr />


		<!--#two-columns-->
		<div id="two-columns" class="grid-container" style="display:block;">
			<ul class="rig columns-2 centered">

				<li class="rig columns-2">
					<button type="button" onclick="alert('Will be completed soon!')">H</button>
					<button type="button" onclick="alert('Will be completed soon!')">F</button>
					<button type="button" onclick="alert('Will be completed soon!')">B</button>
					<a href="tool_info_extended.html"> Video </a>
					 <form action="demo_form.asp">
					 Tool Name: <br><input type="text" name="fname"><br>
					  <p>Start typing the name of the tool that you are looking for on the above search box.</p>
					 <h3><button type="button" onclick="alert('Will be completed soon!')">Custom Test</button></h3>
					</form>


				</li>

			</ul>
		</div>
		<!--/#two-columns-->

		<div id="three-columns" class="grid-container">


			</ul>
		</div>
		<!--/#four-columns-->

		<hr />

	</div>
	<!--/.container-->


		</div>
		<!--/#three-columns-->

		<div id="four-columns" class="grid-container">

</div>
<!--/.wrapper-->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

        <script src="http://code.jquery.com/jquery-2.1.3.js"></script>
        <script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>
        <script src="js/index.js"></script>

        <script>$('#movable_links').draggable();$('#movable_link_1').draggable();$('#movable_link_2').draggable();$('#movable_link_3').draggable();</script>

       	<script type="text/javascript" src="js/json_caller.js"></script>
		<!--End Touch_event-->
		<!-- Latest compiled and minified bootsrap JavaScript -->
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</body>
</html>