-
Notifications
You must be signed in to change notification settings - Fork 24
/
two.html
85 lines (76 loc) · 3.07 KB
/
two.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
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="ie ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="ie ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<html>
<head>
<!-- META -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"><!-- Force IE to use the latest rendering engine -->
<meta name="viewport" content="width=device-width, initial-scale=1"><!-- Optimize mobile viewport -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<title></title>
<!-- SCROLLS -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<link rel="stylesheet" href="http://cdn.jsdelivr.net/animatecss/2.1.0/animate.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body id="demo-two">
<div class="container">
<div id="header" class="row text-center">
<div id="logo">
<span id="danger">
<span class="dd animated lightSpeedIn">d</span>
<span class="da animated lightSpeedIn">a</span>
<span class="dn animated lightSpeedIn">n</span>
<span class="dg animated lightSpeedIn">g</span>
<span class="de animated lightSpeedIn">e</span>
<span class="dr animated lightSpeedIn">r</span>
</span>
<span id="zone">
<span class="zz animated lightSpeedIn">z</span>
<span class="zo animated lightSpeedIn">o</span>
<span class="zn animated lightSpeedIn">n</span>
<span class="ze animated lightSpeedIn">e</span>
</span>
</div>
<nav id="main-nav">
<ul class="list-unstyled list-inline">
<li><a id="demo-1" class="animated btn btn-danger" href="index.html">Demo 1</a></li>
<li><a id="demo-2" class="animated btn btn-danger" href="two.html">Demo 2</a></li>
<li><a id="demo-3" class="animated btn btn-danger" href="three.html">Demo 3</a></li>
</ul>
</nav>
</div>
<div id="main" class="row">
<div id="sidebar" class="col-sm-4">
<nav id="sidebar-nav">
<ul>
<li><a id="side-home" class="animated flipInY" href="#">Home</a>
<li><a id="side-about" class="animated flipInY" href="#">About</a>
<li><a id="side-work" class="animated flipInY" href="#">Work</a>
<li><a id="side-contact" class="animated flipInY" href="#">Contact</a>
</ul>
</nav>
</div>
<div id="content" class="animated flipInX col-sm-8 text-center">
<div class="row">
<div class="col-sm-4">
<img class="img-responsive animated bounceInUp" src="http://lorempixel.com/500/500/people">
</div>
<div class="col-sm-4">
<img class="img-responsive animated bounceInUp" src="http://lorempixel.com/500/500/nature">
</div>
<div class="col-sm-4">
<img class="img-responsive animated bounceInUp" src="http://lorempixel.com/500/500">
</div>
</div>
</div>
</div>
</div>
</body>
</html>