-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.php
87 lines (80 loc) · 3.97 KB
/
index.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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<?php include("header.php") ?>
<section id="home-section" class="hero js-fullheight">
<h3 class="vr"><span>Welcome</span> to IRIS.</h3>
<div class="home-slider owl-carousel js-fullheight">
<div class="slider-item js-fullheight">
<div class="overlay"></div>
<div class="container-fluid px-0">
<div class="row d-md-flex no-gutters slider-text js-fullheight align-items-end justify-content-end"
data-scrollax-parent="true">
<div class="one-third order-md-last js-fullheight img"
style="background-image:url(images/bg_dj_compressed.jpg);">
<div class="overlay"></div>
</div>
<div class="one-forth js-fullheight d-flex align-items-start align-items-md-center ftco-animate"
data-scrollax=" properties: { translateY: '70%' }">
<div class="text mt-4 mt-md-0">
<h1 class="mb-4">IRIS <span>Convergence</span> 2020</span></h1>
<h2 class="mb-4">January 29-30</h2>
<p>
<a href="competitions.php" class="btn btn-primary py-3 px-4">Register</a>
<a href="https://www.instagram.com/p/B55Zf2IAY3u/?utm_source=ig_web_copy_link"
class="btn btn-white py-3 px-4">Watch Video</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="carousel-slider-box">
<div id="myslideshow" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myslideshow" data-slide-to="0" class="active"></li>
<li data-target="#myslideshow" data-slide-to="1"></li>
<li data-target="#myslideshow" data-slide-to="2"></li>
<li data-target="#myslideshow" data-slide-to="3"></li>
<li data-target="#myslideshow" data-slide-to="4"></li>
<li data-target="#myslideshow" data-slide-to="5"></li>
<li data-target="#myslideshow" data-slide-to="6"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/iris1.jpg" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="images/iris2.jpg" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="images/iris3.jpg" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="images/iris4.jpg" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="images/iris5.jpg" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="images/iris6.jpg" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="images/iris7.jpg" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="images/iris8.jpg" class="d-block w-100">
</div>
</div>
<a class="left carousel-control" href="#myslideshow" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myslideshow" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<?php
include("footer.php")
?>