-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcarousel.php
71 lines (57 loc) · 3.24 KB
/
carousel.php
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
<link href="css/carousel.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes, maximum-scale=1">
<div id="myCarousel" class="carousel slide" data-ride="carousel" style="width:100%;">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1" class=""></li>
<li data-target="#myCarousel" data-slide-to="2" class=""></li>
<li data-target="#myCarousel" data-slide-to="3" class=""></li>
<li data-target="#myCarousel" data-slide-to="4" class=""></li>
<li data-target="#myCarousel" data-slide-to="5" class=""></li>
</ol>
<div class="carousel-inner" style="margin-top: 20px;">
<div class="carousel-item active">
<img class="first-slide" src="images/main-bg.jpg" alt="First slide" style='filter: brightness(50%);'>
<div class="container">
<div class="carousel-caption text-left">
<p> The Sixth International Conference on </p>
<h1>Big Data Analytics 2018 (BDA 2018)</h1>
<p>December 18-21, 2018</p>
<p>National Institute of Technology Warangal (NITW), India</p>
<!-- <p><a class="btn btn-lg btn-primary" href="registration.php" role="button">Register Now !</a></p>-->
</div>
</div>
</div>
<div class="carousel-item">
<img class="second-slide" src="images/second-slide.jpg" alt="Second slide" style='height:100%'>
<div class="container">
<div class="carousel-caption" style="padding-top:40px;">
<img class="" src="images/logo-nitw-white.png" alt="nitw" style='height:150px;margin:20px;'>
<h3 style="text-shadow: 3px 3px 5px #000000">National Institute of Technology, Warangal</h3>
<p>Telangana State, India</p>
<!-- <p><a class="btn btn-lg btn-primary" href="contact_details.php" role="button">Contacts</a></p>-->
</div>
</div>
</div>
<div class="carousel-item">
<img class="fifth-slide" src="images/fifth-slide.jpg" alt="Fifth slide" style='height:100%'>
</div>
<div class="carousel-item">
<img class="sixth-slide" src="images/sixth-slide.jpg" alt="Sixth slide" style='height:100%'>
</div>
<div class="carousel-item">
<img class="third-slide" src="images/third-slide.jpg" alt="Third slide" style='height:100%'>
</div>
<div class="carousel-item">
<img class="fouth-slide" src="images/fourth-slide.jpg" alt="Fourth slide" style='height:100%'>
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>