-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
134 lines (112 loc) · 5.45 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
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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>RxJS Examples</title>
<link rel="stylesheet" href="./build/css/style.css"/>
<!-- Bootstrap Core CSS -->
<link href="./build/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./build/css/sb-admin.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="./build/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">RxJS Examples</a>
</div>
<!-- Top Menu Items -->
<ul class="nav navbar-right top-nav">
<li>
<a href="https://github.com/Cmdv/RxJS-Examples/"><i class="fa fa-github"></i> Github </a>
</li>
<li>
<a href="https://github.com/Cmdv/RxJS-Examples/archive/master.zip"><i class="fa fa-download"></i> Download ZIP </a>
</li>
</ul>
<!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li class="active">
<a href="index.html"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="./src/hover-zoom/index.html"><i class="fa fa-fw fa-search-plus"></i> Image Zoom</a>
</li>
<li>
<a href="./src/drag-drop/index.html"><i class="fa fa-fw fa-hand-o-up"></i>Drag + Drop</a>
</li>
<li>
<a href="./src/drag-drop-sort/index.html"><i class="fa fa-fw fa-hand-o-up"></i> Drag + Drop 2</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</nav>
<div id="page-wrapper">
<div class="container-fluid">
<!-- Page Heading -->
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">
RxJS Examples
</h1>
<ol class="breadcrumb">
<li>
<i class="fa fa-home"></i> <a href="index.html">Home</a>
</li>
</ol>
<div class="jumbotron">
<h1>Let's demonstrate the power of RxJS</h1>
<p>Use the left navigation to navigated to different examples.</p>
<br>
<br>
<p><b>Examples so far are:</b></p>
<div class="list-group">
<a href="src/hover-zoom/index.html" class="list-group-item">
<h4 class="list-group-item-heading"><i class="fa fa-fw fa-search-plus"></i> Image zoom on roll over</h4>
<p class="list-group-item-text">As seen on many e-commerce sites, usually on product pages. Simply move mouse over image and a zoomed in version pops up in new div with scrolling</p>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading"><i class="fa fa-fw fa-hand-o-up"></i> Drag and Drop</h4>
<p class="list-group-item-text">Simple drag and drop to demonstrate the simplicity of achieving this some what complex task</p>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading"><i class="fa fa-fw fa-hand-o-up"></i> Advanced Drag and Drop</h4>
<p class="list-group-item-text">Interaction between the other elements on the page when dragging and dropping elements to new locations. Can be used to order a list into preferred order.</p>
</a>
</div>
<br>
<br>
<p>The admin theme used: <a href="https://github.com/IronSummitMedia/startbootstrap-sb-admin-2">Start
Bootstrap - SB Admin 2</a></p>
</p>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container-fluid -->
</div>
<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
</body>
<script src="./build/js/index.js"></script>
</html>