-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
102 lines (81 loc) · 5.04 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
<!DOCTYPE HTML>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Hashchange</title>
<meta name="keywords" content="jquery, hashchange, example, html, inline, external, files, include, ajax" />
<meta name="description" content="Example of jQuery Hashchange with inline HTML content." />
<meta name="fragment" content="!" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato" type="text/css" />
<link rel="stylesheet" href="css/style.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.hashchange.js"></script>
<script src="js/default.js"></script>
</head>
<body>
<div class="hashchange">
<ul id="nav">
<li><a class="selected" href="#!home">HOME</a></li>
<li><a href="#!html">HTML</a></li>
<li><a href="#!css">CSS</a></li>
<li><a href="#!php">PHP</a></li>
<li><a href="#!javascript">Javascript</a></li>
<li><a href="#!other">Other's</a></li>
</ul>
<div id="content">
<div class="page home">
<img src="images/languages.jpg" width="400" height="300" alt="Programming Language" />
<h2>Programming Language</h2>
<p>A programming language is a formal language designed to communicate instructions to a machine, particularly a computer. Programming languages can be used to create programs that control the behavior of a machine and/or to express algorithms precisely.</p>
</div>
<div class="page hide html">
<img src="images/html.jpg" width="400" height="300" alt="HTML/HTML5" />
<h2>HTML</h2>
<p>HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets, within the web page content. HTML tags most commonly come in pairs like h1, although some tags represent empty elements and so are unpaired, for example img.</p>
</div>
<div class="page hide css">
<img src="images/css.jpg" width="400" height="300" alt="CSS/CSS3" />
<h2>CSS</h2>
<p>Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML.</p>
</div>
<div class="page hide php">
<img src="images/php.jpg" width="400" height="300" alt="PHP" />
<h2>PHP</h2>
<p>PHP is a server-side scripting language designed for web development but also used as a general-purpose programming language. PHP is now installed on more than 244 million websites and 2.1 million web servers.</p>
</div>
<div class="page hide javascript">
<img src="images/js.jpg" width="400" height="300" alt="Javascript" />
<h2>Javascript</h2>
<p>Javascript is an interpreted computer programming language. As part of web browsers, implementations allow client-side scripts to interact with the user, control the browser, communicate asynchronously, and alter the document content that is displayed.</p>
</div>
<div class="page hide other">
<img src="images/other.jpg" width="400" height="300" alt="Other Languages" />
<h2>Other Language's</h2>
<h3>jQuery</h3>
<p>Is a multi-browser JavaScript library designed...</p>
<a class="more" href="#!other/jquery">View More</a>
<h3>Zepto.js</h3>
<p>Is a minimalist JavaScript library for modern browsers...</p>
<a class="more" href="#!other/zepto">View More</a>
</div>
<!-- Other Languages -->
<div class="page hide jquery">
<img src="images/jquery.jpg" width="400" height="300" alt="jQuery" />
<h2>jQuery</h2>
<p>jQuery is a multi-browser JavaScript library designed to simplify the client-side scripting of HTML.[2] It was released in January 2006 at BarCamp NYC by John Resig. It is currently developed by a team of developers led by Dave Methvin.</p>
<a class="back" href="#!other">← Back</a>
</div>
<div class="page hide zepto">
<img src="images/zepto.jpg" width="400" height="300" alt="Zepto.js" />
<h2>Zepto.js</h2>
<p>Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto.</p>
<a class="back" href="#!other">← Back</a>
</div>
</div> <!-- /content -->
<div id="footer">
<p>Example with inline HTML.</p>
<a href="basic.html">See the example with external HTML files.</a>
</div>
</div>
</body>
</html>