-
Notifications
You must be signed in to change notification settings - Fork 21
/
index.html
138 lines (116 loc) · 7 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
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<!--
Curso HTML5 | Enero 2013
Bootstrap Marketing Narrow Template:
http://twitter.github.com/bootstrap/examples/marketing-narrow.html
-->
<meta charset="utf-8" />
<title>HTML5 Demo Courses</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content=" " />
<meta name="author" content=" " />
<!-- Le styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<link href="assets/css/bootstrap-marketing-demo.css" rel="stylesheet" />
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet" />
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png" />
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png" />
<link rel="shortcut icon" href="assets/ico/favicon.png" />
</head>
<body>
<!-- Top menu -------------------------------------------------------- -->
<div class="container-narrow">
<div class="masthead">
<ul class="nav nav-pills pull-right">
<li>
<a href="#demos">Demos</a>
</li>
<!-- <li><a href="#compatibility">Compatibility</a></li> -->
</ul>
<h3 class="muted">Introduction to HTML5
</h3>
</div>
<hr />
<!-- Center Logo ----------------------------------------------------- -->
<div class="jumbotron">
<img src="assets/img/html5_logo.jpg" />
</div>
<hr />
<!-- Demo list ------------------------------------------------------- -->
<div class="row-fluid marketing" id="demos">
<div class="span6">
<h3 class="muted">Day #1</h3>
<h4><a href="demos/semantica/demo.html">Tags</a></h4>
<p>New Semantic Tags</p>
<h4><a href="demos/formularios/demo.html">Forms</a></h4>
<p>New Forms</p>
<h4><a href="demos/media/demo.html">Audio & Video</a></h4>
<p>Playing multimedia on the browser without plugins</p>
<h4><a href="demos/audio_api/demo.html">Web Audio API</a></h4>
<p>Playing with music</p>
<h4><a href="demos/CSS3/demo.html">CSS3</a></h4>
<p>Web with only CSS3 and transformations</p>
</div>
<div class="span6">
<h3 class="muted">Day #2</h3>
<h4><a href="demos/indexeddb/demo.html">Indexed DB</a></h4>
<p>DB on the browser</p>
<h4><a href="demos/websql/demo.html">WebSQL</a></h4>
<p>DB on the browser</p>
<h4><a href="demos/server_sent_events/demo.html">Server Sent Events</a></h4>
<p>Server to client events</p>
<h4><a href="demos/websockets/demo.html">WebSockets</a></h4>
<p>Sockets with the server using js on client</p>
<h4><a href="demos/webworkers/demo.html">WebWorkers</a></h4>
<p>Threading on JavaScript</p>
<h4><a href="demos/geolocation/demo.html">Geolocation</a></h4>
<p>Accessing to Geoposition and drawing on Google Maps with JS</p>
<h4><a href="demos/getmedia_microphone/demo.html">GetMedia: Audio</a></h4>
<p>Access to microphone on the browser without plugins</p>
<h4><a href="demos/getmedia_webcam_easy/demo.html">GetMedia: Video Easy</a></h4>
<p>Access to webcam on the browser without plugins</p>
<h4><a href="demos/getmedia_webcam/demo.html">GetMedia: Video Complex</a></h4>
<p>Webcam an facial recognition on JavaScript</p>
<h4><a href="demos/canvas/demo.html">Canvas</a></h4>
<p>Drawing with HTML5</p>
</div>
</div>
<hr />
<!-- Compatibility check --------------------------------------------- -->
<div class="jumbotron" id="compatibility">
<img src="http://www.w3.org/html/logo/badge/html5-badge-h-connectivity-css3-device-graphics-multimedia-performance-semantics-storage.png" width="357" height="64" alt="HTML5 Powered with Connectivity / Realtime, CSS3 / Styling, Device Access, Graphics, 3D & Effects, Multimedia, Performance & Integration, Semantics, and Offline & Storage" title="HTML5 Powered with Connectivity / Realtime, CSS3 / Styling, Device Access, Graphics, 3D & Effects, Multimedia, Performance & Integration, Semantics, and Offline & Storage">
</div>
<!-- Footer ---------------------------------------------------------- -->
<div class="footer">
<p align="center"><img src="assets/img/beeva_logo.png" /></p>
</div>
</div>
<!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap-transition.js"></script>
<script src="assets/js/bootstrap-alert.js"></script>
<script src="assets/js/bootstrap-modal.js"></script>
<script src="assets/js/bootstrap-dropdown.js"></script>
<script src="assets/js/bootstrap-scrollspy.js"></script>
<script src="assets/js/bootstrap-tab.js"></script>
<script src="assets/js/bootstrap-tooltip.js"></script>
<script src="assets/js/bootstrap-popover.js"></script>
<script src="assets/js/bootstrap-button.js"></script>
<script src="assets/js/bootstrap-collapse.js"></script>
<script src="assets/js/bootstrap-carousel.js"></script>
<script src="assets/js/bootstrap-typeahead.js"></script>
</body>
</html>