OverLord Shell
<div id="get-quote" class="bg-color get-a-quote black text-center">
<div class="container" data-animation="pulse">
<div class="row" style="font-family: Verdana;">
<div class="col-md-12">Trade Inquiry
<a class="black" href="online.php"> Apply Online</a></div>
</div>
</div>
</div>
<!-- request -->
<footer id="footer">
<div class="footer-widget">
<div class="container">
<div class="row" style="font-family: Verdana;">
<div class="col-xs-12 col-sm-6 col-md-3 widget bottom-xs-pad-20">
<div class="widget-title">
<!-- Title -->
<h3 class="title">About Us</h3>
</div>
<!-- Text -->
<p>Maharashtra Chamber of Commerce, Industry & Agriculture (MACCIA) is the Apex Chamber of the State. The Chamber plays a pivotal role in supplementing and augmenting the efforts of Government for the economic development of the State and advancement of its people.</p>
<!-- Address -->
</div>
<div class="col-xs-12 col-sm-6 col-md-3 widget bottom-xs-pad-20">
<div class="widget-title">
<!-- Title -->
<h3 class="title">Quick Links</h3>
</div>
<nav>
<ul>
<!-- List Items -->
<li>
<a href="event1.php">Events</a>
</li>
<li>
<a href="venue.php">Venue</a>
</li>
<li>
<a href="news1.php">News</a>
</li>
<li>
<a href="president.php">Maccia Presidents</a>
</li>
<li>
<a href="award.php">Awards</a>
</li>
<li>
<a href="accomplishment.php">Accomplishments</a>
</li>
</ul>
</nav></div>
<div class="col-xs-12 col-sm-6 col-md-3 widget bottom-xs-pad-20">
<div class="widget-title">
<!-- Title -->
<h3 class="title">Contact Information</h3>
</div><nav>
<p>
<strong>Head Office:</strong> Oricon House, 6th Flr., Maharashtra Chamber of Commerce Lane,Kala Ghoda, Fort,Mumbai – 400 001<br/>
+91 22 6739 5800
</p>
</nav></br>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 widget bottom-xs-pad-20">
<div class="widget-title">
<br/>
</div>
<nav>
<p>
<strong>Nashik Branch:</strong> 201, Sarda Sankul, M.G. Road Nashik 422 001
<br />chandrakant@maccia.org.in
<br />0253-2575053</p>
</nav>
<!--<div class="widget-title">
<h3 class="title">Facebook Feed</h3>
</div>-->
</div>
</div>
<!-- .newsletter -->
</div>
</div>
</div>
<!-- footer-top -->
<div class="copyright">
<div class="container">
<div class="row">
<!-- Copyrights -->
<div class="col-xs-10 col-sm-6 col-md-6">Ⓒ 2019 Maccia.org.in Design & Developed by <a href="http://www.ultraliant.com" target="_blank" style="color:#E05A5D">Ultraliant infotech Pvt.Ltd</a>
<br />
<!-- Terms Link -->
</div>
</div>
</div>
</div>
<!-- footer-bottom -->
</footer>
<!-- footer -->
</div>
<!-- page -->
<!-- Scripts -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Menu jQuery plugin -->
<script type="text/javascript" src="js/hover-dropdown-menu.js"></script>
<!-- Menu jQuery Bootstrap Addon -->
<script type="text/javascript" src="js/jquery.hover-dropdown-menu-addon.js"></script>
<!-- Scroll Top Menu -->
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- Sticky Menu -->
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<!-- Bootstrap Validation -->
<script type="text/javascript" src="js/bootstrapValidator.min.js"></script>
<!-- Revolution Slider -->
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/revolution-custom.js"></script>
<!-- Portfolio Filter -->
<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
<!-- Animations -->
<script type="text/javascript" src="js/jquery.appear.js"></script>
<script type="text/javascript" src="js/effect.js"></script>
<!-- Owl Carousel Slider -->
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<!-- Pretty Photo Popup -->
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<!-- Parallax BG -->
<script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
<!-- Fun Factor / Counter -->
<script type="text/javascript" src="js/jquery.countTo.js"></script>
<!-- Twitter Feed -->
<script type="text/javascript" src="js/tweet/carousel.js"></script>
<script type="text/javascript" src="js/tweet/scripts.js"></script>
<script type="text/javascript" src="js/tweet/tweetie.min.js"></script>
<!-- Background Video -->
<script type="text/javascript" src="js/jquery.mb.YTPlayer.js"></script>
<!-- Custom Js Code -->
<script type="text/javascript" src="js/custom.js"></script>
<!-- Scripts --></body>
<?php if(isset($pagename)){?>
<script type="text/javascript">
$(document).ready(function(){
$("#myModal").modal('show');
});
</script>
<?php }?>
<div id="myModal" class="modal fade" style="z-index: 99999 !important;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">MACCIA Year 2019-2020</h4>
</div>
<div class="modal-body">
<!--<div class="container cta-1001 ">-->
<div class="row cta-1001">
<div class="col-md-12">
<div class="col-md-6" >
<div class="item-box-blog">
<div class="item-box-blog-image">
<!--Date-->
<!--<div class="item-box-blog-date bg-blue-ui white"> <span class="mon">President</span> </div>-->
<!--Image-->
<figure> <img alt="Mr. Santosh Mandlecha" src="santo.jpg" width="80%"> </figure>
</div>
<div class="item-box-blog-body">
<!--Heading-->
<div class="item-box-blog-heading">
<h5>Mr. Santosh Mandlecha</h5>
</div>
<!--Data-->
<div class="item-box-blog-data" style="padding: px 15px;">
<p>President</p>
</div>
<!--Text-->
<div class="item-box-blog-text">
<p style="font-size: 12px !important;">Mr. Santosh Mandlecha have been elected as President of the Maharashtra Chamber of Commerce, Industry & Agriculture for the year 2019-2020</p>
</div>
<!--Read More Button-->
</div>
</div>
</div>
<div class="col-md-6" >
<div class="item-box-blog">
<div class="item-box-blog-image">
<!--Date-->
<!--<div class="item-box-blog-date bg-blue-ui white"> <span class="mon">President</span> </div>-->
<!--Image-->
<figure> <img alt="Mr. Santosh Mandlecha" src="gandhi.jpg" width="80%"> </figure>
</div>
<div class="item-box-blog-body">
<!--Heading-->
<div class="item-box-blog-heading">
<h5>Mr. Lalit S Gandhi</h5>
</div>
<!--Data-->
<div class="item-box-blog-data" style="padding: px 15px;">
<p>Sr. Vice President</p>
</div>
<!--Text-->
<div class="item-box-blog-text">
<p style="font-size: 12px !important;">Mr. Lalit S Gandhi have been elected unopposed as Sr. Vice President of the Maharashtra Chamber of Commerce, Industry & Agriculture for the year 2019-2020.</p>
</div>
<!--Read More Button-->
</div>
</div>
</div>
<!--.Carousel-->
</div>
</div>
<!--</div>-->
</div>
</div>
</div>
</div>
<style>
.cta-100 {
margin-top: 100px;
padding-left: 8%;
padding-top: 7%;
}
.col-md-4{
padding-bottom:20px;
}
.white {
color: #fff !important;
}
.mt{float: left;margin-top: -20px;padding-top: 20px;}
.bg-blue-ui {
background-color: #708198 !important;
}
figure img{width:300px;}
#blogCarousel {
padding-bottom: 100px;
}
.blog .carousel-indicators {
left: 0;
top: -50px;
height: 50%;
}
/* The colour of the indicators */
.blog .carousel-indicators li {
background: #708198;
border-radius: 50%;
width: 8px;
height: 8px;
}
.blog .carousel-indicators .active {
background: #0fc9af;
}
.item-carousel-blog-block {
outline: medium none;
padding: 15px;
}
.item-box-blog {
border: 1px solid #dadada;
text-align: center;
z-index: 4;
/* padding: 20px;*/
}
.item-box-blog-image {
position: relative;
}
.item-box-blog-image figure img {
width: 100%;
height: auto;
}
.item-box-blog-date {
position: absolute;
z-index: 5;
padding: 4px 20px;
top: -20px;
right: 8px;
background-color: #41cb52;
}
.item-box-blog-date span {
color: #fff;
display: block;
text-align: center;
line-height: 1.2;
}
.item-box-blog-date span.mon {
font-size: 18px;
}
.item-box-blog-date span.day {
font-size: 16px;
}
.item-box-blog-body {
padding: 10px;
}
.item-heading-blog a h5 {
margin: 0;
line-height: 1;
text-decoration:none;
transition: color 0.3s;
}
.item-box-blog-heading a {
text-decoration: none;
}
.item-box-blog-data p {
font-size: 13px;
}
.item-box-blog-data p i {
font-size: 12px;
}
.item-box-blog-text {
max-height: 100px;
overflow: hidden;
}
.mt-10 {
float: left;
margin-top: -10px;
padding-top: 10px;
}
.btn.bg-blue-ui.white.read {
cursor: pointer;
padding: 4px 20px;
float: left;
margin-top: 10px;
}
.btn.bg-blue-ui.white.read:hover {
box-shadow: 0px 5px 15px inset #4d5f77;
}
</style>
</html>
xRyukZ - Copyright 2k19