-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprogram_section.html
More file actions
176 lines (157 loc) · 7.14 KB
/
program_section.html
File metadata and controls
176 lines (157 loc) · 7.14 KB
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
<section id="program" class="parallax-section">
<div class="container">
<div class="row">
<div class="wow fadeInUp col-md-12 col-sm-12" data-wow-delay="0.6s">
<div class="section-title">
<h2>Our Programs</h2>
<p>Quisque ut libero sapien. Integer tellus nisl, efficitur sed dolor at, vehicula finibus massa. Sed tincidunt metus sed eleifend suscipit.</p>
</div>
</div>
<div class="wow fadeInUp col-md-10 col-sm-10" data-wow-delay="0.9s">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li class="active"><a href="#fday" aria-controls="fday" role="tab" data-toggle="tab">FIRST DAY</a></li>
<li><a href="#sday" aria-controls="sday" role="tab" data-toggle="tab">SECOND DAY</a></li>
<li><a href="#tday" aria-controls="tday" role="tab" data-toggle="tab">THIRD DAY</a></li>
</ul>
<!-- tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="fday">
<!-- program speaker here -->
<div class="col-md-2 col-sm-2">
<img src="images/program-img1.jpg" class="img-responsive" alt="program">
</div>
<div class="col-md-10 col-sm-10">
<h6>
<span><i class="fa fa-clock-o"></i> 09.00 AM</span>
<span><i class="fa fa-map-marker"></i> Room 240</span>
</h6>
<h3>Introduction to Design</h3>
<h4>By Jenny Green</h4>
<p>Maecenas accumsan metus turpis, eu faucibus ligula interdum in. Mauris at tincidunt felis, vitae aliquam magna. Sed aliquam fringilla vestibulum.</p>
</div>
<!-- program divider -->
<div class="program-divider col-md-12 col-sm-12"></div>
<!-- program speaker here -->
<div class="col-md-2 col-sm-2">
<img src="images/program-img2.jpg" class="img-responsive" alt="program">
</div>
<div class="col-md-10 col-sm-10">
<h6>
<span><i class="fa fa-clock-o"></i> 10.00 AM</span>
<span><i class="fa fa-map-marker"></i> Room 360</span>
</h6>
<h3>Front-End Development</h3>
<h4>By Johnathan Mark</h4>
<p>Mauris at tincidunt felis, vitae aliquam magna. Sed aliquam fringilla vestibulum. Praesent ullamcorper mauris fermentum turpis scelerisque rutrum eget eget turpis.</p>
</div>
<!-- program divider -->
<div class="program-divider col-md-12 col-sm-12"></div>
<!-- program speaker here -->
<div class="col-md-2 col-sm-2">
<img src="images/program-img3.jpg" class="img-responsive" alt="program">
</div>
<div class="col-md-10 col-sm-10">
<h6>
<span><i class="fa fa-clock-o"></i> 11.00 AM</span>
<span><i class="fa fa-map-marker"></i> Room 450</span>
</h6>
<h3>Social Media Marketing</h3>
<h4>By Johnathan Doe</h4>
<p>Nam pulvinar, elit vitae rhoncus pretium, massa urna bibendum ex, aliquam efficitur lorem odio vitae erat. Integer rutrum viverra magna, nec ultrices risus rutrum nec.</p>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="sday">
<!-- program speaker here -->
<div class="col-md-2 col-sm-2">
<img src="images/program-img4.jpg" class="img-responsive" alt="program">
</div>
<div class="col-md-10 col-sm-10">
<h6>
<span><i class="fa fa-clock-o"></i> 11.00 AM</span>
<span><i class="fa fa-map-marker"></i> Room 240</span>
</h6>
<h3>Backend Development</h3>
<h4>By Matt Lee</h4>
<p>Integer rutrum viverra magna, nec ultrices risus rutrum nec. Pellentesque interdum vel nisi nec tincidunt. Quisque facilisis scelerisque venenatis. Nam vulputate ultricies luctus.</p>
</div>
<!-- program divider -->
<div class="program-divider col-md-12 col-sm-12"></div>
<!-- program speaker here -->
<div class="col-md-2 col-sm-2">
<img src="images/program-img5.jpg" class="img-responsive" alt="program">
</div>
<div class="col-md-10 col-sm-10">
<h6>
<span><i class="fa fa-clock-o"></i> 01.00 PM</span>
<span><i class="fa fa-map-marker"></i> Room 450</span>
</h6>
<h3>Web Application Lite</h3>
<h4>By David Orlando</h4>
<p>Aliquam faucibus lobortis dolor, id pellentesque eros pretium in. Aenean in erat ut quam aliquet commodo. Vivamus aliquam pulvinar ipsum ut sollicitudin. Suspendisse quis sollicitudin mauris.</p>
</div>
<!-- program divider -->
<div class="program-divider col-md-12 col-sm-12"></div>
<!-- program speaker here -->
<div class="col-md-2 col-sm-2">
<img src="images/program-img6.jpg" class="img-responsive" alt="program">
</div>
<div class="col-md-10 col-sm-10">
<h6>
<span><i class="fa fa-clock-o"></i> 03.00 PM</span>
<span><i class="fa fa-map-marker"></i> Room 650</span>
</h6>
<h3>Professional UX Design</h3>
<h4>By James Lee Mark</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="tday">
<!-- program speaker here -->
<div class="col-md-2 col-sm-2">
<img src="images/program-img7.jpg" class="img-responsive" alt="program">
</div>
<div class="col-md-10 col-sm-10">
<h6>
<span><i class="fa fa-clock-o"></i> 03.00 PM</span>
<span><i class="fa fa-map-marker"></i> Room 750</span>
</h6>
<h3>Online Shopping Business</h3>
<h4>By Michael Walker</h4>
<p>Aliquam faucibus lobortis dolor, id pellentesque eros pretium in. Aenean in erat ut quam aliquet commodo. Vivamus aliquam pulvinar ipsum ut sollicitudin. Suspendisse quis sollicitudin mauris.</p>
</div>
<!-- program divider -->
<div class="program-divider col-md-12 col-sm-12"></div>
<!-- program speaker here -->
<div class="col-md-2 col-sm-2">
<img src="images/program-img8.jpg" class="img-responsive" alt="program">
</div>
<div class="col-md-10 col-sm-10">
<h6>
<span><i class="fa fa-clock-o"></i> 05.00 PM</span>
<span><i class="fa fa-map-marker"></i> Room 850</span>
</h6>
<h3>Introduction to Mobile App</h3>
<h4>By Cherry Stella</h4>
<p>Nunc eu nibh vel augue mollis tincidunt id efficitur tortor. Sed pulvinar est sit amet tellus iaculis hendrerit. Mauris justo erat, rhoncus in arcu at, scelerisque tempor erat.</p>
</div>
<!-- program divider -->
<div class="program-divider col-md-12 col-sm-12"></div>
<!-- program speaker here -->
<div class="col-md-2 col-sm-2">
<img src="images/program-img9.jpg" class="img-responsive" alt="program">
</div>
<div class="col-md-10 col-sm-10">
<h6>
<span><i class="fa fa-clock-o"></i> 07.00 PM</span>
<span><i class="fa fa-map-marker"></i> Room 750</span>
</h6>
<h3>Bootstrap UI Design</h3>
<h4>By John David</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p>
</div>
</div>
</div>
</div>
</div>
</section>