-
Notifications
You must be signed in to change notification settings - Fork 0
/
flashmob.html
131 lines (127 loc) · 5.61 KB
/
flashmob.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
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>Yukti</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
div{
display: block;
}
.container{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.col-lg-2, .col-lg-8 .col-lg-12 .col{
position: fixed;
width: 100%;
min-height: 1px;
}
.bg-about{
background-image: url(bg3.jpg);
}
.pad-head{
padding: 70px 0 70px;
}
@media screen and(max-width: 768px).pad100, .padtb, .pad80, .ptb{
padding: 30px 0;
}
.text-center{
text-align: center;
color: #fff;
font-size: 30px;
}
img{
width: 60%;
height: 30%;
padding-bottom: 30px;
}
.section-title h1{
font-size: 70px;
font-family: Florence;
font-style: cursive;
}
</style>
</head>
<body>
<div class="about-us-area pad-head bg-about">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="about-content">
<div class="section-title text-center">
<b><h1>Event</h1></b>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h2><b>FLASH MOB</b></h2>
<img src="flashmob.jpg" alt="" />
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Description</a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse in">
<div class="panel-body">
<p>A large public gathering at which people perform an unusual or seemingly random act and then disperse,
typically organized by means of the Internet or social media.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Rules</a>
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse">
<div class="panel-body">
<ul>
<li>A dance event where participants will perform in the campus.</li>
<li>Anytime anywhere.</li>
<li>Team event</li>
</ul> </div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Register</a>
</h4>
</div>
<div id="collapse3" class="panel-collapse collapse">
<div class="panel-body">For registrations, <a href="registera.html">click here.</a>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse4">Contact</a>
</h4>
</div>
<div id="collapse4" class="panel-collapse collapse">
<div class="panel-body">For further queries, contact<br><b>Sushmita Pal</b><br><b>7388346329</b>
</div>
</div>
</div>
</div>
</div>
</body>
</html>