-
Notifications
You must be signed in to change notification settings - Fork 0
/
speakers.html
136 lines (136 loc) · 6.28 KB
/
speakers.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HTML5 Conf</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/app.css">
</head>
<body>
<div class="fixed">
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<h1><a href="/"><img src="images/logo.png"></a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right top-links">
<li><a href="#">Sessions</a></li>
<li><a href="/speakers">Speakers</a></li>
<li><a href="#">Schedule</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Sponsors</a></li>
</ul>
</section>
</nav>
</div>
<section class="row fullwidth speaker-section">
<h1 class="small-12 columns section-header">
Speakers
</h1>
<div class="small-12 columns speaker-list">
<div class="small-12 medium-4 large-3 columns clearfix speaker-list-item">
<a href="#" class="small-12 columns no-padding-left-right clearfix">
<div class="small-12 columns no-padding-left-right">
<div class="small-12 speaker-pic">
<img src="images/speaker1.jpeg">
</div>
<div class="small-12 speaker-details">
<p class="small-12 text-center name">Syed Aqueel Haider</p>
<p class="small-12 text-center company">Forntend Engineer, Peel Works</p>
<p class="small-12 columns text-center description">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita officia in rem veniam explicabo aperiam consectetur, atque cum
</p>
</div>
</div>
</a>
</div>
<div class="small-12 medium-4 large-3 columns clearfix speaker-list-item">
<a href="#" class="small-12 columns no-padding-left-right clearfix">
<div class="small-12 columns no-padding-left-right">
<div class="small-12 speaker-pic">
<img src="images/speaker1.jpeg">
</div>
<div class="small-12 speaker-details">
<p class="small-12 text-center name">Syed Aqueel Haider</p>
<p class="small-12 text-center company">Forntend Engineer, Peel Works</p>
<p class="small-12 columns text-center description">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita officia in rem veniam explicabo aperiam consectetur, atque cum
</p>
</div>
</div>
</a>
</div>
<div class="small-12 medium-4 large-3 columns clearfix speaker-list-item">
<a href="#" class="small-12 columns no-padding-left-right clearfix">
<div class="small-12 columns no-padding-left-right">
<div class="small-12 speaker-pic">
<img src="images/speaker1.jpeg">
</div>
<div class="small-12 speaker-details">
<p class="small-12 text-center name">Syed Aqueel Haider</p>
<p class="small-12 text-center company">Forntend Engineer, Peel Works</p>
<p class="small-12 columns text-center description">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita officia in rem veniam explicabo aperiam consectetur, atque cum
</p>
</div>
</div>
</a>
</div>
<div class="small-12 medium-4 large-3 columns clearfix speaker-list-item">
<a href="#" class="small-12 columns no-padding-left-right clearfix">
<div class="small-12 columns no-padding-left-right">
<div class="small-12 speaker-pic">
<img src="images/speaker1.jpeg">
</div>
<div class="small-12 speaker-details">
<p class="small-12 text-center name">Syed Aqueel Haider</p>
<p class="small-12 text-center company">Forntend Engineer, Peel Works</p>
<p class="small-12 columns text-center description">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita officia in rem veniam explicabo aperiam consectetur, atque cum
</p>
</div>
</div>
</a>
</div>
<div class="small-12 medium-4 large-3 columns clearfix speaker-list-item">
<a href="#" class="small-12 columns no-padding-left-right clearfix">
<div class="small-12 columns no-padding-left-right">
<div class="small-12 speaker-pic">
<img src="images/speaker1.jpeg">
</div>
<div class="small-12 speaker-details">
<p class="small-12 text-center name">Syed Aqueel Haider</p>
<p class="small-12 text-center company">Forntend Engineer, Peel Works</p>
<p class="small-12 columns text-center description">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita officia in rem veniam explicabo aperiam consectetur, atque cum
</p>
</div>
</div>
</a>
</div>
</div>
</section>
<section class="row fullwidth footer-navigation-link footer-in-speakers">
<div class="small-12 medium-6 columns no-padding-left-right footer-link">
<a href="#" class="small-12 columns no-padding-left-right tickets"><i class="fa fa-long-arrow-left"></i> Home
<img src="images/price.png" class="small-12 columns">
</a>
</div>
<div class="small-12 medium-6 columns no-padding-left-right footer-link">
<a href="/speakers" class="small-12 columns text-right no-padding-left-right schedule">
<span>Schedule <i class="fa fa-long-arrow-right"></i></span>
<img src="images/schedule.png" class="small-12 columns">
<div class="section-overlay"></div>
</a>
</div>
</section>
</body>
</html>