Decibel/index.html at master · utkarsh8028/Decibel · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Homepage</title>

<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<script src="js/jquery-1.11.3.min.js"></script>
<link href="decibel.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<div class="header" > <a href="index.html"><img src="images/decibel.png" class="header-image"></a>  </div>
<nav class="navbar navbar-default">

  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
    <a class="navbar-brand" href="index.html">DECIBEL</a></div>
  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse" id="defaultNavbar1">
    <ul class="nav navbar-nav">
      <li ><a href="Achievements.html">Achievements<span class="sr-only">(current)</span></a></li>
      <li ><a href="coreTeam.html">Core Team<span class="sr-only">(current)</span></a></li>
      <li ><a href="events.html">Events<span class="sr-only">(current)</span></a></li>
      <li ><a href="Gallery.html">Gallery<span class="sr-only">(current)</span></a></li>
      <li ><a href="sponsor.html">Sponsors<span class="sr-only">(current)</span></a></li>
      <li ><a href="Contact us.html">Contact us<span class="sr-only">(current)</span></a></li>

      <!--   <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Teams<span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>-->
      </li>
    </ul>

    <!-- <ul class="nav navbar-nav navbar-right">
    		<li ><a href="#">Login<span class="sr-only">(current)</span></a></li>
            <li ><a href="#">Sign Up<span class="sr-only">(current)</span></a></li>

      </ul>-->
  </div>
  <!-- /.navbar-collapse -->

  <!-- /.container-fluid -->
</nav>
<div class="container">
  <div class="container-fluid">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active"> <img src="images/d5.jpg" alt="Chania" style="width:100%"> </div>
        <div class="item"> <img src="images/d2.jpg" alt="Chania" style="width:100%"> </div>
        <div class="item"> <img src="images/d3.jpg" alt="Flower" style="width:100%"> </div>
        <div class="item"> <img src="images/d4.JPG" alt="Flower" style="width:100%"> </div>
      </div>

      <!-- Left and right controls -->
      <a class="left carousel-control" href="#myCarousel" 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="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
  </div>
  <div class="lowerdiv">
    <div class="description"> <span> Decibel is a musical club of aset bijwasan. Decibel was started back in 2003 when Amitech was held for the first time.Piyush Arya (ECE 99),
      Saurabh Sharma (ECE 2000), Viresh Suri (ECE 99), Rohit Walia (IT 2000), Abhishek Sharma (ECE 99),
      Kshitish Purohit are some of the former members of DECIBEL. What used to be jamming room in next to the Exel Lab soon became the hub of music lovers of the
      whole college. It has grown to be one of the most successful music societies
      in the whole of IPU. Members of many Delhi bands such as ACRID SEMBLANCE, ATHARVA and SOUL REVERB have also been a part of decibel</span>
      <hr>
    </div>
    <div class="sponsors">
      <div class="main-gallery">
        <div class="gallery" style=" float:left;"> </div>
      </div>
    </div>
  </div>
</div>
<div class="news">
 <div class="inner-news">
	<div class="heading">
    	<h2> NEWS UPDATES</h2>
    </div>
	<div class="news-data">
    	<span>Members open! for more info contact us at +91-8882835518 or visit our club room from 3pm to 5pm !!</span>
    </div>
    </div>
</div>
<div class="Like-facebook"><a href="http://facebook.com/decibel.aset" style="float:center;" >
  <hr style="height:2px; border:none; background-color:black; margin-left:20px; margin-right:20px;">
  <img src="images/facebook-icon.png" style="box-shadow:4px 2px 6px #010101; border: none;"></a> <br>
  Like us on Facebook for regular updates. </div>
</pre>
<div class="footer" >
  <div class="Developers" >
    <h4>DEVELOPERS</h4>
    <div class="Developers-image-div"> <img src="images/UTK.jpg" class="img-circle" alt="utkarsh" > <img src="images/ME.jpg" class="img-circle" alt="lopa" > <img src="images/SAK.jpg" class="img-circle" alt="sakshi" > </div>
  </div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.3.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.js"></script>
</body>
</html>