-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·140 lines (125 loc) · 5.39 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
139
140
<!DOCTYPE HTML>
<html>
<head>
<title>Enabling better education systems</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.poptrox.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<header id="header">
<!-- Logo -->
<h1 id="logo"><a href="#">VBD</a></h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#pag_0">Problem</a></li>
<li><a href="#pag_5">Solution</a></li>
<li><a href="#pag_9">Experience</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#pag_10">Video</a></li>
</ul>
</nav>
</header>
<!-- Intro -->
<section id="pag_0" class="main style1 dark fullscreen">
<div class="content container small">
<img src="images/problem.png" title="" alt="" />
</div>
</section>
<section id="pag_1" class="main style1 dark fullscreen">
<div class="content container small">
<img src="images/big_data.png" title="" alt="" />
</div>
</section>
<section id="pag_2" class="main style1 dark fullscreen">
<div class="content container small">
<img src="images/return_education.png" title="" alt="" />
</div>
</section>
<section id="pag_3" class="main style1 dark fullscreen">
<div class="content container small">
<img src="images/falling_behind.png" title="" alt="" />
</div>
</section>
<section id="pag_4" class="main style1 dark fullscreen">
<div class="content container small">
<img src="images/the_problem.png" title="" alt="" />
<ul>
<li><a href="#">Content push</a></li>
<li><a href="#">We only Know that they got it right or wrong... well after the fact</a></li>
<li><a href="#">Non-interactive Media</a></li>
</ul>
<ul>
<li><a href="#">Pushing content via video</a></li>
<li><a href="#">PISA Global Results</a></li>
<li><a href="#">What is really going on in a student's head?</a></li>
<li><a href="#">One to Many</a></li>
</ul>
</div>
</section>
<section id="pag_5" class="main style1 dark fullscreen">
<div class="content container small">
<img src="images/insight_efficiencies.png" title="" alt="" />
</div>
</section>
<section id="pag_6" class="main style2 dark fullscreen">
<div class="content container small">
<img src="images/technology_enhanced.png" title="" alt="" />
</div>
</section>
<section id="pag_7" class="main style2 dark fullscreen">
<div class="content container small">
<img src="images/other_industries.png" title="" alt="" />
</div>
</section>
<section id="pag_8" class="main style2 dark fullscreen">
<div class="content container small">
<img src="images/network_effects.png" title="" alt="" />
</div>
</section>
<section id="pag_10" class="main style2 dark fullscreen">
<div class="content container small">
<iframe src="http://player.vimeo.com/video/70188540?title=0&byline=0&portrait=0" width="960" height="540" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
</div>
</section>
<section id="pag_9" class="main style2 dark fullscreen">
<div class="content container small">
<img src="images/experience-text.png" title="" alt="" />
<span><img src="images/experience.png" title="" alt="" /></span>
<img src="images/partners.png" title="" alt="" />
</div>
</section>
<!-- Contact -->
<section id="contact" class="main style2 dark fullscreen">
<div class="content container small">
<ul>
<li><a href="#">Contact Details</a></li>
<li><a href="#">Mail</a></li>
<li><a href="#">Twitter</a></li>
</ul>
</div>
<p class="talk">
LET'S TALK
</p>
</section>
<!-- Footer -->
<footer id="footer">
<!-- Menu -->
<ul class="menu">
<li>© 2013 VBD, INC. CONTACT ME</li>
</ul>
</footer>
</body>
</html>