Notice (8): Undefined variable: circulars [APP\View\Layouts\site.ctp, line 358]Code Context
<?php
foreach ($circulars as $circular) {
$viewFile = 'C:\xampp\htdocs\app\View\Layouts\site.ctp'
$dataForView = array(
'content_for_layout' => '<!-- 19-01-22 - rbk-->
<link rel="stylesheet" href="../css/swiper.min.css">
<style>
.swiper-container {
width: 50%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#wrapper {
//background-color: #fff;
//border-top: 1px solid #ccc;
width: 100%;
height: 350px;
//position: absolute;
//left: 0;
//bottom: 0;
}
#carousel {
//margin-top: -105px;
}
#carousel div {
text-align: center;
width: 100px;
height: 250px;
float: left;
//position: relative;
}
#carousel div img {
border: none;
width: 100%;
height: auto;
}
#carousel div span {
display: none;
}
#carousel div:hover span {
background-color: #333;
color: #fff;
display: inline-block;
width: 100px;
padding: 2px 0;
margin: 0 0 0 -50px;
//position: absolute;
//bottom: 30px;
//left: 50%;
//border-radius: 3px;
}
#carousal{
position: relative;
width:500px;
height: 400px;
overflow: hidden;
margin:0 auto;
top: 20px;
}
.list-carousal{
margin:0;
list-style: none;
width:500px;
height: 400px;
float:left;
padding: 0;
}
#content{
position: absolute;
top:0;
left:0;
width:calc(500px * 5);
height: 400px;
animation: toLeft 6s ease-out infinite alternate;
margin: 0;
padding: 0;
}
@keyframes toLeft {
0%,15%{
margin-left: 0;
opacity:1;
}
20%,35%{
margin-left: -500px;
}
40%,55%{
margin-left: -1000px;
}
60%,75% {
margin-left: -1500px;
}
80%,100% {
margin-left: -2000px;
opacity:1;
}
}
</style>
<div class="banner">
<!-- page header section -->
<div class="page-title">
<div class="container">
<div class="row" style="background-color: #0080d5;">
<div class="col-md-12 ptn-bg">
<h2>The Music Club </h2>
<ol class="breadcrumb">
<li><a href="/">Home</a></li>
<li><a href="/student_corner">Student Clubs</a></li>
<li class="active">Music Club</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<!-- banner section ending-->
<div class="main-container">
<!-- Main-container start -->
<div class="container ">
<div class="row">
<div class="col-md-12" >
<div class="blk" style="text-align:left;">
<!-- <h6>Code start from here</h6> -->
<h2><center> The Music Club - Rhythm</center></h2>
<hr style="border-top:1px solid #0080D5;">
<div id="col-md-12">
<div class="swiper-container swiper101">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="pic"><a href="#"><img src="../images/music_club/musicclub1.jpeg" class="img-responsive" alt=""></a></div>
</div>
<div class="swiper-slide"><a href="#"><img src="../images/music_club/musicclub2.jpeg" class="img-responsive" alt=""></a></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub3.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub4.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub5.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub6.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub7.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub8.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm1.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm2.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm3.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm4.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm5.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm6.jpeg" class="img-responsive" alt=""></a></div></div>
<!--
<div class="swiper-slide">Slide 5</div>
<div class="swiper-slide">Slide 6</div>
<div class="swiper-slide">Slide 7</div>
<div class="swiper-slide">Slide 8</div>
<div class="swiper-slide">Slide 9</div>
<div class="swiper-slide">Slide 10</div> -->
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<br><br>
<h3 align="center">
<b> <i>" If Music be the food of love, play on"</i> - Twelfth Night, William Shakespeare</b>
</h3>
<h3 align="justify">
<b>FCRIT's Rhythm Club </b> has arrived to inject music into your souls. We welcome all who feel the beat and sway to the Rhythm.
<br><br>
The objective of our club is to encourage musical talent among students. The club has emerged as an important platform for the students to showcase their talent of vocal, instrumental & music production. We have been involved in giving musical performances on various events like farewell, Independence day and Republic day, Alumni meet etc. From learning to jamming, we promote student participation and take immense pride in involving everyone who would want to listen, voice, play and sway to the Rhythm of the Universe ☘️✨
<br>
</h3>
<br>
<h2 align="center"> <u> Team </u><br></h2>
<h3 align="center">
Dany Poly (Computer) <br>
Aldric Pinto (Computer)<br>
Anshuta Kakusate (Computer)<br>
Joel Chacko (Mechanical)<br>
Jennifer James (Computer)<br>
Elisha Gras (Computer)<br>
Catherine Sarah Sunil (IT)<br>
</h3>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
<!-- Page Content close-->
</div>
<!-- Main-container close -->
<script src="../js/swiper.min.js"></script>
<script>
var swiper = new Swiper('.swiper101', {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
autoplay: true,
autoplayspeed: 1000,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
',
'scripts_for_layout' => '',
'title_for_layout' => 'StudentClubs'
)
$content_for_layout = '<!-- 19-01-22 - rbk-->
<link rel="stylesheet" href="../css/swiper.min.css">
<style>
.swiper-container {
width: 50%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#wrapper {
//background-color: #fff;
//border-top: 1px solid #ccc;
width: 100%;
height: 350px;
//position: absolute;
//left: 0;
//bottom: 0;
}
#carousel {
//margin-top: -105px;
}
#carousel div {
text-align: center;
width: 100px;
height: 250px;
float: left;
//position: relative;
}
#carousel div img {
border: none;
width: 100%;
height: auto;
}
#carousel div span {
display: none;
}
#carousel div:hover span {
background-color: #333;
color: #fff;
display: inline-block;
width: 100px;
padding: 2px 0;
margin: 0 0 0 -50px;
//position: absolute;
//bottom: 30px;
//left: 50%;
//border-radius: 3px;
}
#carousal{
position: relative;
width:500px;
height: 400px;
overflow: hidden;
margin:0 auto;
top: 20px;
}
.list-carousal{
margin:0;
list-style: none;
width:500px;
height: 400px;
float:left;
padding: 0;
}
#content{
position: absolute;
top:0;
left:0;
width:calc(500px * 5);
height: 400px;
animation: toLeft 6s ease-out infinite alternate;
margin: 0;
padding: 0;
}
@keyframes toLeft {
0%,15%{
margin-left: 0;
opacity:1;
}
20%,35%{
margin-left: -500px;
}
40%,55%{
margin-left: -1000px;
}
60%,75% {
margin-left: -1500px;
}
80%,100% {
margin-left: -2000px;
opacity:1;
}
}
</style>
<div class="banner">
<!-- page header section -->
<div class="page-title">
<div class="container">
<div class="row" style="background-color: #0080d5;">
<div class="col-md-12 ptn-bg">
<h2>The Music Club </h2>
<ol class="breadcrumb">
<li><a href="/">Home</a></li>
<li><a href="/student_corner">Student Clubs</a></li>
<li class="active">Music Club</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<!-- banner section ending-->
<div class="main-container">
<!-- Main-container start -->
<div class="container ">
<div class="row">
<div class="col-md-12" >
<div class="blk" style="text-align:left;">
<!-- <h6>Code start from here</h6> -->
<h2><center> The Music Club - Rhythm</center></h2>
<hr style="border-top:1px solid #0080D5;">
<div id="col-md-12">
<div class="swiper-container swiper101">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="pic"><a href="#"><img src="../images/music_club/musicclub1.jpeg" class="img-responsive" alt=""></a></div>
</div>
<div class="swiper-slide"><a href="#"><img src="../images/music_club/musicclub2.jpeg" class="img-responsive" alt=""></a></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub3.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub4.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub5.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub6.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub7.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub8.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm1.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm2.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm3.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm4.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm5.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm6.jpeg" class="img-responsive" alt=""></a></div></div>
<!--
<div class="swiper-slide">Slide 5</div>
<div class="swiper-slide">Slide 6</div>
<div class="swiper-slide">Slide 7</div>
<div class="swiper-slide">Slide 8</div>
<div class="swiper-slide">Slide 9</div>
<div class="swiper-slide">Slide 10</div> -->
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<br><br>
<h3 align="center">
<b> <i>" If Music be the food of love, play on"</i> - Twelfth Night, William Shakespeare</b>
</h3>
<h3 align="justify">
<b>FCRIT's Rhythm Club </b> has arrived to inject music into your souls. We welcome all who feel the beat and sway to the Rhythm.
<br><br>
The objective of our club is to encourage musical talent among students. The club has emerged as an important platform for the students to showcase their talent of vocal, instrumental & music production. We have been involved in giving musical performances on various events like farewell, Independence day and Republic day, Alumni meet etc. From learning to jamming, we promote student participation and take immense pride in involving everyone who would want to listen, voice, play and sway to the Rhythm of the Universe ☘️✨
<br>
</h3>
<br>
<h2 align="center"> <u> Team </u><br></h2>
<h3 align="center">
Dany Poly (Computer) <br>
Aldric Pinto (Computer)<br>
Anshuta Kakusate (Computer)<br>
Joel Chacko (Mechanical)<br>
Jennifer James (Computer)<br>
Elisha Gras (Computer)<br>
Catherine Sarah Sunil (IT)<br>
</h3>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
<!-- Page Content close-->
</div>
<!-- Main-container close -->
<script src="../js/swiper.min.js"></script>
<script>
var swiper = new Swiper('.swiper101', {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
autoplay: true,
autoplayspeed: 1000,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
'
$scripts_for_layout = ''
$title_for_layout = 'StudentClubs'include - APP\View\Layouts\site.ctp, line 358
View::_evaluate() - CORE\Cake\View\View.php, line 954
View::_render() - CORE\Cake\View\View.php, line 916
View::renderLayout() - CORE\Cake\View\View.php, line 543
View::render() - CORE\Cake\View\View.php, line 487
Controller::render() - CORE\Cake\Controller\Controller.php, line 919
Dispatcher::_invoke() - CORE\Cake\Routing\Dispatcher.php, line 193
Dispatcher::dispatch() - CORE\Cake\Routing\Dispatcher.php, line 161
[main] - APP\webroot\index.php, line 105
Warning (2): Invalid argument supplied for foreach() [APP\View\Layouts\site.ctp, line 358]Code Context
<?php
foreach ($circulars as $circular) {
$viewFile = 'C:\xampp\htdocs\app\View\Layouts\site.ctp'
$dataForView = array(
'content_for_layout' => '<!-- 19-01-22 - rbk-->
<link rel="stylesheet" href="../css/swiper.min.css">
<style>
.swiper-container {
width: 50%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#wrapper {
//background-color: #fff;
//border-top: 1px solid #ccc;
width: 100%;
height: 350px;
//position: absolute;
//left: 0;
//bottom: 0;
}
#carousel {
//margin-top: -105px;
}
#carousel div {
text-align: center;
width: 100px;
height: 250px;
float: left;
//position: relative;
}
#carousel div img {
border: none;
width: 100%;
height: auto;
}
#carousel div span {
display: none;
}
#carousel div:hover span {
background-color: #333;
color: #fff;
display: inline-block;
width: 100px;
padding: 2px 0;
margin: 0 0 0 -50px;
//position: absolute;
//bottom: 30px;
//left: 50%;
//border-radius: 3px;
}
#carousal{
position: relative;
width:500px;
height: 400px;
overflow: hidden;
margin:0 auto;
top: 20px;
}
.list-carousal{
margin:0;
list-style: none;
width:500px;
height: 400px;
float:left;
padding: 0;
}
#content{
position: absolute;
top:0;
left:0;
width:calc(500px * 5);
height: 400px;
animation: toLeft 6s ease-out infinite alternate;
margin: 0;
padding: 0;
}
@keyframes toLeft {
0%,15%{
margin-left: 0;
opacity:1;
}
20%,35%{
margin-left: -500px;
}
40%,55%{
margin-left: -1000px;
}
60%,75% {
margin-left: -1500px;
}
80%,100% {
margin-left: -2000px;
opacity:1;
}
}
</style>
<div class="banner">
<!-- page header section -->
<div class="page-title">
<div class="container">
<div class="row" style="background-color: #0080d5;">
<div class="col-md-12 ptn-bg">
<h2>The Music Club </h2>
<ol class="breadcrumb">
<li><a href="/">Home</a></li>
<li><a href="/student_corner">Student Clubs</a></li>
<li class="active">Music Club</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<!-- banner section ending-->
<div class="main-container">
<!-- Main-container start -->
<div class="container ">
<div class="row">
<div class="col-md-12" >
<div class="blk" style="text-align:left;">
<!-- <h6>Code start from here</h6> -->
<h2><center> The Music Club - Rhythm</center></h2>
<hr style="border-top:1px solid #0080D5;">
<div id="col-md-12">
<div class="swiper-container swiper101">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="pic"><a href="#"><img src="../images/music_club/musicclub1.jpeg" class="img-responsive" alt=""></a></div>
</div>
<div class="swiper-slide"><a href="#"><img src="../images/music_club/musicclub2.jpeg" class="img-responsive" alt=""></a></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub3.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub4.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub5.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub6.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub7.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub8.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm1.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm2.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm3.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm4.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm5.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm6.jpeg" class="img-responsive" alt=""></a></div></div>
<!--
<div class="swiper-slide">Slide 5</div>
<div class="swiper-slide">Slide 6</div>
<div class="swiper-slide">Slide 7</div>
<div class="swiper-slide">Slide 8</div>
<div class="swiper-slide">Slide 9</div>
<div class="swiper-slide">Slide 10</div> -->
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<br><br>
<h3 align="center">
<b> <i>" If Music be the food of love, play on"</i> - Twelfth Night, William Shakespeare</b>
</h3>
<h3 align="justify">
<b>FCRIT's Rhythm Club </b> has arrived to inject music into your souls. We welcome all who feel the beat and sway to the Rhythm.
<br><br>
The objective of our club is to encourage musical talent among students. The club has emerged as an important platform for the students to showcase their talent of vocal, instrumental & music production. We have been involved in giving musical performances on various events like farewell, Independence day and Republic day, Alumni meet etc. From learning to jamming, we promote student participation and take immense pride in involving everyone who would want to listen, voice, play and sway to the Rhythm of the Universe ☘️✨
<br>
</h3>
<br>
<h2 align="center"> <u> Team </u><br></h2>
<h3 align="center">
Dany Poly (Computer) <br>
Aldric Pinto (Computer)<br>
Anshuta Kakusate (Computer)<br>
Joel Chacko (Mechanical)<br>
Jennifer James (Computer)<br>
Elisha Gras (Computer)<br>
Catherine Sarah Sunil (IT)<br>
</h3>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
<!-- Page Content close-->
</div>
<!-- Main-container close -->
<script src="../js/swiper.min.js"></script>
<script>
var swiper = new Swiper('.swiper101', {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
autoplay: true,
autoplayspeed: 1000,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
',
'scripts_for_layout' => '',
'title_for_layout' => 'StudentClubs'
)
$content_for_layout = '<!-- 19-01-22 - rbk-->
<link rel="stylesheet" href="../css/swiper.min.css">
<style>
.swiper-container {
width: 50%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#wrapper {
//background-color: #fff;
//border-top: 1px solid #ccc;
width: 100%;
height: 350px;
//position: absolute;
//left: 0;
//bottom: 0;
}
#carousel {
//margin-top: -105px;
}
#carousel div {
text-align: center;
width: 100px;
height: 250px;
float: left;
//position: relative;
}
#carousel div img {
border: none;
width: 100%;
height: auto;
}
#carousel div span {
display: none;
}
#carousel div:hover span {
background-color: #333;
color: #fff;
display: inline-block;
width: 100px;
padding: 2px 0;
margin: 0 0 0 -50px;
//position: absolute;
//bottom: 30px;
//left: 50%;
//border-radius: 3px;
}
#carousal{
position: relative;
width:500px;
height: 400px;
overflow: hidden;
margin:0 auto;
top: 20px;
}
.list-carousal{
margin:0;
list-style: none;
width:500px;
height: 400px;
float:left;
padding: 0;
}
#content{
position: absolute;
top:0;
left:0;
width:calc(500px * 5);
height: 400px;
animation: toLeft 6s ease-out infinite alternate;
margin: 0;
padding: 0;
}
@keyframes toLeft {
0%,15%{
margin-left: 0;
opacity:1;
}
20%,35%{
margin-left: -500px;
}
40%,55%{
margin-left: -1000px;
}
60%,75% {
margin-left: -1500px;
}
80%,100% {
margin-left: -2000px;
opacity:1;
}
}
</style>
<div class="banner">
<!-- page header section -->
<div class="page-title">
<div class="container">
<div class="row" style="background-color: #0080d5;">
<div class="col-md-12 ptn-bg">
<h2>The Music Club </h2>
<ol class="breadcrumb">
<li><a href="/">Home</a></li>
<li><a href="/student_corner">Student Clubs</a></li>
<li class="active">Music Club</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<!-- banner section ending-->
<div class="main-container">
<!-- Main-container start -->
<div class="container ">
<div class="row">
<div class="col-md-12" >
<div class="blk" style="text-align:left;">
<!-- <h6>Code start from here</h6> -->
<h2><center> The Music Club - Rhythm</center></h2>
<hr style="border-top:1px solid #0080D5;">
<div id="col-md-12">
<div class="swiper-container swiper101">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="pic"><a href="#"><img src="../images/music_club/musicclub1.jpeg" class="img-responsive" alt=""></a></div>
</div>
<div class="swiper-slide"><a href="#"><img src="../images/music_club/musicclub2.jpeg" class="img-responsive" alt=""></a></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub3.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub4.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub5.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub6.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub7.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/musicclub8.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm1.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm2.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm3.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm4.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm5.jpeg" class="img-responsive" alt=""></a></div></div>
<div class="swiper-slide"><div class="pic"><a href="#"><img src="../images/music_club/rhythm6.jpeg" class="img-responsive" alt=""></a></div></div>
<!--
<div class="swiper-slide">Slide 5</div>
<div class="swiper-slide">Slide 6</div>
<div class="swiper-slide">Slide 7</div>
<div class="swiper-slide">Slide 8</div>
<div class="swiper-slide">Slide 9</div>
<div class="swiper-slide">Slide 10</div> -->
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<br><br>
<h3 align="center">
<b> <i>" If Music be the food of love, play on"</i> - Twelfth Night, William Shakespeare</b>
</h3>
<h3 align="justify">
<b>FCRIT's Rhythm Club </b> has arrived to inject music into your souls. We welcome all who feel the beat and sway to the Rhythm.
<br><br>
The objective of our club is to encourage musical talent among students. The club has emerged as an important platform for the students to showcase their talent of vocal, instrumental & music production. We have been involved in giving musical performances on various events like farewell, Independence day and Republic day, Alumni meet etc. From learning to jamming, we promote student participation and take immense pride in involving everyone who would want to listen, voice, play and sway to the Rhythm of the Universe ☘️✨
<br>
</h3>
<br>
<h2 align="center"> <u> Team </u><br></h2>
<h3 align="center">
Dany Poly (Computer) <br>
Aldric Pinto (Computer)<br>
Anshuta Kakusate (Computer)<br>
Joel Chacko (Mechanical)<br>
Jennifer James (Computer)<br>
Elisha Gras (Computer)<br>
Catherine Sarah Sunil (IT)<br>
</h3>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
<!-- Page Content close-->
</div>
<!-- Main-container close -->
<script src="../js/swiper.min.js"></script>
<script>
var swiper = new Swiper('.swiper101', {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
autoplay: true,
autoplayspeed: 1000,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
'
$scripts_for_layout = ''
$title_for_layout = 'StudentClubs'include - APP\View\Layouts\site.ctp, line 358
View::_evaluate() - CORE\Cake\View\View.php, line 954
View::_render() - CORE\Cake\View\View.php, line 916
View::renderLayout() - CORE\Cake\View\View.php, line 543
View::render() - CORE\Cake\View\View.php, line 487
Controller::render() - CORE\Cake\Controller\Controller.php, line 919
Dispatcher::_invoke() - CORE\Cake\Routing\Dispatcher.php, line 193
Dispatcher::dispatch() - CORE\Cake\Routing\Dispatcher.php, line 161
[main] - APP\webroot\index.php, line 105
