-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
179 lines (171 loc) · 7.84 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE HTML>
<html>
<head>
<title>Myanmar Cyber Conference</title>
<link rel="stylesheet" href="assets/sec.css" />
<link rel="stylesheet" href="assets/style.css" />
<link rel="stylesheet" href="assets/icon.min.css" />
</head>
<body id="home">
<!-- NAV BAR -->
<div class="nav-menu">
<div class="ui page grid">
<div class="one wide column"></div>
<div class="three wide column">
<img src="img/logo.png" style="height: 50px;"></img>
</div>
<div class="four wide column"></div>
<div class="eight wide column">
<nav>
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#link-about">About Us</a></li>
<li><a href="#link-speaker">Speakers</a></li>
<li><a href="#link-video">Video Archive</a></li>
<li><a href="#link-form">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
<!-- NAV BAR END -->
<!-- SLIDER -->
<img src="img/1521734.jpg" style="height: 500px; width: 100%;">
<!-- SLIDER END -->
<!-- DESCRIPTION -->
<div class="space-aboutus" id="link-about">
<div class="ui page grid">
<div class="center aligned column" id="about-l">
<img src="img/logo.png" style="height: 200px;" data-sr='enter from the top and scale up 20% please reset'>
<!-- <div class="ui huge header">Myanmar Cyber Conference</div>-->
<p data-sr='scale up 30% and wait 0.5s please and reset'>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p data-sr='scale up 30% and wait 0.5s please and reset'>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
</div>
<!-- DESCRIPTION END -->
<!-- SUBSCRIBE -->
<div class="space-subscribe" id="link-subscribe">
<div class="ui center aligned page grid">
<div class="column ten wide">
<div class="ui huge header" id="header-white" data-sr='enter from left and ease 10% reset'>Subscribe For Upcoming Events</div>
<form class="ui form">
<div class="field">
<div class="ui massive action input">
<input name="email" type="email" placeholder="Your Email Address">
<div class="ui orange button">Subscribe</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- SPEAKERS -->
<div class="space-speaker" id="link-speaker">
<div class="ui three column page grid">
<h1 class="ui center aligned header">Our Speakers</h1>
<div class="center aligned column" data-sr='enter from left and ease-in 30% reset'>
<img class="ui centered medium circular image" src="img/square-image.png">
<h3>Steve Jobs</h3>
<p>Apple CEO and Co-Founder</p>
</div>
<div class="center aligned column" data-sr='enter from buttom--t and ease-in 30% reset'>
<img class="ui centered medium circular image" src="img/square-image.png">
<h3>Mark Zuckerberg</h3>
<p>Former Hacker and Facebook CEO</p>
</div>
<div class="center aligned column" data-sr='enter from right and ease-in 30% reset'>
<img class="ui centered medium circular image" src="img/square-image.png">
<h3>Bill Gates</h3>
<p>Microsoft Founder and Linux Enthusiast</p>
</div>
</div>
</div>
<!-- SPEAKERS END -->
<div class="ui divider"></div>
<!-- VIDEO -->
<div class="space-video" id="link-video">
<div class="ui center aligned huge header">Speaker Video Archive</div>
<div class="ui center aligned page three column grid">
<div class="column" data-sr='scale up 30% reset'>
<div class="ui video" data-source="youtube" data-id="i_mKY2CQ9Kk" data-image="img/smoke.jpg"><i class="video play icon"></i></div>
</div>
<div class="column" data-sr='scale up 30% reset'>
<div class="ui video" data-source="youtube" data-id="i_mKY2CQ9Kk" data-image="img/smoke.jpg"><i class="video play icon"></i></div>
</div>
<div class="column" data-sr='scale up 30% reset'>
<div class="ui video" data-source="youtube" data-id="i_mKY2CQ9Kk" data-image="img/smoke.jpg"><i class="video play icon"></i></div>
</div>
<div class="column" data-sr='scale up 30% reset'>
<div class="ui video" data-source="youtube" data-id="i_mKY2CQ9Kk" data-image="img/smoke.jpg"><i class="video play icon"></i></div>
</div>
<div class="column" data-sr='scale up 30% reset'>
<div class="ui video" data-source="youtube" data-id="i_mKY2CQ9Kk" data-image="img/smoke.jpg"><i class="video play icon"></i></div>
</div>
<div class="column" data-sr='scale up 30% reset'>
<div class="ui video" data-source="youtube" data-id="i_mKY2CQ9Kk" data-image="img/smoke.jpg"><i class="video play icon"></i></div>
</div>
</div>
</div>
<div class="ui divider"></div>
<!-- CONTACT FORM -->
<div class="space-form" id="link-form">
<div class="ui page two column grid">
<div class="column">
<form class="ui form">
<h1 class="ui dividing header">Contact Us</h1>
<div class="field" data-sr='enter left and ease 30% reset'>
<label>Subject</label>
<select class="ui dropdown" >
<option value="">Select Your Subject</option>
<option value="1">New Event</option>
<option value="0">Sponsor</option>
</select>
</div>
<div class="field" data-sr='wait 0.7s then enter left and ease 30% over 0.5s reset'>
<label>Email Address</label>
<input type="email" name="email">
</div>
<div class="field" data-sr='wait 1s then enter left and ease 30% over 0.5s reset'>
<label>Message</label>
<textarea></textarea>
</div>
<div class="ui submit large orange button">Send Message</div>
</form>
</div>
<div class="column">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3819.3856442038577!2d96.127444!3d16.807214!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30c1eb39981e99d3%3A0xe9e772d4c24d611b!2sThe+Cyber+Wings+Team!5e0!3m2!1sen!2s!4v1424398916112" width="600" height="450" frameborder="0" style="border:0"></iframe>
</div>
</div>
</div>
<!-- FOOTER -->
<footer class="space-footer">
<div class="ui page three column grid">
<div class="column">
Test
</div>
<div class="column">
Copyright © Myanmar Cyber Conference 2015 - 2017
</div>
<div class="column">
asdfasdfasd
</div>
</div>
</footer>
<script src="assets/jquery.js"></script>
<script src="assets/sec.js"></script>
<script src="assets/sreveal.js"></script>
<script src="assets/custom.js"></script>
</body>
</html>