<style type="text/css">
p.faq-text-data {
text-align: justify;
}
.test2a a{
color:#000;
}
.blog-cards-2a {
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
}
#carouselButtons {
margin-left: 100px;
position: absolute;
bottom: 0px;
}
/* .weserve{
background: url(https://o.remove.bg/downloads/fb565e25-a64d-49ff-a967-5c22995c87c1/weserve-removebg-preview.png) 410px 200px;
backdrop-filter: opacity(0.1);
background-size: 240px 110px;
background-repeat: no-repeat;
filter: drop-shadow(0 0 0.75rem #444);
} */
</style>
<?php
$Ourimpact_class =["rect-c1","rect-c2","rect-c1"];
$Leadership_class =["taking-action","lion-serve","lcif-campaign","serve-through"];
$design_imgs= ["white-line","blue-line","white-line"];
$rosehand_bg = ["rosehand.png"];
$ourevent_bg =["ourevent-bg.png","verticle-yellow-line.png"];
?>
<!-- leadership section starts ______________________________________________________-->
<!-- <section class="container home-section2 leadership-sec" data-aos="fade-up"> -->
<!-- FAQ start-->
<!-- <section class="home-section5 aos-init aos-animate" data-aos="fade-down">
<div class="FAQ" style="background-image:url(<?php echo e(url('uploads/banners/'.$faq_contents[0]['file_en'])); ?>);">
<div class="faqsection aos-init aos-animate" data-aos="fade-down">
<p id="titlefaq"><?php echo e($faq_contents[0]['title_en']); ?></p>
<img src="../uploads/lionsimg/<?php echo e($design_imgs[0].'.png'); ?>" id="horirule" >
<p id="faqwidget"><?php echo e($faq_contents[0]['details_en']); ?></p>
<p id="widgetlearn">
<a href=<?php echo e($ourimpact_title[0]['link_url']); ?>>More</a></p>
</div>
</div>
</section> -->
<!-- FAQ End-->
<!-- <section class=" aos-init aos-animate" data-aos="fade-down">
<div class="container">
<div class="row">
<div class="col-md-5 col-sm-12 aos-init aos-animate" data-aos="fade-down">
<div>
<img src="http://161.35.52.75/uploads/banners/16682373077075.png" alt="" class="img-fluid">
</div>
</div>
<div class="col-md-7 col-sm-12">
<p>
When caring people join together, roll up their sleeves and take action to make their community better, it’s a beautiful thing—and an incredible feeling for everyone involved. That’s Lions. Being a Lion is about leading by example, building relationships and improving the world through kindness. It’s 1.4 million caring men and women serving together so they can make a lasting impact and change more lives.
</p>
</div>
</div>
</div>
</section> -->
<section class="home-section6">
<div class="container">
<div style="padding-top: 10px;padding-bottom: 10px; color:#000;" class="home-title aos-init aos-animate" data-aos="fade-down">
<span><img src=<?php echo e(url('uploads/lionsimg/'.$ourevent_bg[1])); ?> alt="img1"></span>
FAQ
</div>
<!-- <div class="contact-sec">
<div class="contactcolumn aos-init aos-animate" data-aos="fade-down">
<p id="contacttitle">FAQ</p>
<h1 id="contacttitle "><?php echo e($contact_contents[0]['title_en']); ?> </h1>
<p id="contactpara">When caring people join together, roll up their sleeves and take action to make their community better, it’s a beautiful thing—and an incredible feeling for everyone involved. That’s Lions. Being a Lion is about leading by example, building relationships and improving the world through kindness. It’s 1.4 million caring men and women serving together so they can make a lasting impact and change more lives.</</p>
<p id="contactclick">
<a href=<?php echo e($contact_contents[0]['link_url']); ?> target="_blank">Click Here </a>
</p>
</div>
<div class="contact-right aos-init" data-aos="fade-down">
<img src=<?php echo e(url('uploads/banners/'.$contact_contents[0]['file_en'])); ?> class="rounded-circle " alt="weserve" style="border-radius:280px;">
</div>
</div> -->
<div class="container test2a">
<!-- <section> -->
<a href=<?php echo e($contact_contents[0]['link_url']); ?> target="_blank">
<div class="blog-cards">
<div class="meta">
<div class="photo blog-cards-2a" style="background-image: url(http://161.35.52.75/uploads/banners/16682384949648.png)"></div>
</div>
<div class="description weserve">
<!-- <h1>ISAME Forum 2022</h1> -->
<p class="faq-text-data"> When caring people join together, roll up their sleeves and take action to make their community better, it’s a beautiful thing—and an incredible feeling for everyone involved. That’s Lions. Being a Lion is about leading by example, building relationships and improving the world through kindness. It’s 1.4 million caring men and women serving together so they can make a lasting impact and change more lives...</p>
<!-- <div id="contactclick"> -->
<!-- Click here -->
<!-- </div> -->
</div>
</div>
</a>
</div>
</section>
<!-- Carousel -->
<script>
$(function () {
$('#myCarousel').carousel({
interval:2000,
pause: "false"
});
$('#playButton').click(function () {
$('#myCarousel').carousel('cycle');
});
$('#pauseButton').click(function () {
$('#myCarousel').carousel('pause');
});
});
</script>
<!-- <style>
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.card-main {
display: flex;
flex-wrap: wrap;
font-family: 'poppins';
list-style: none;
margin: 0;
padding: 0;
}
.cards__items {
display: flex;
padding: 1rem;
}
@media (min-width: 40rem) {
.cards__items {
width: 50%;
}
}
@media (min-width: 56rem) {
.cards__items {
width: 33.3333%;
}
}
.card-sec {
background-color: white;
border-radius: 0.25rem;
box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
overflow: hidden;
padding:16px;
}
.card-sec:hover .card__image {
filter: contrast(100%);
}
.card__contents {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
.card__image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
filter: contrast(70%);
overflow: hidden;
position: relative;
transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
}
.card__image::before {
content: "";
display: block;
padding-top: 56.25%;
}
@media (min-width: 40rem) {
.card__image::before {
padding-top: 66.6%;
}
}
.card__image--flowers {
background-image: url(https://unsplash.it/800/600?image=82);
}
.card__image--river {
background-image: url(https://unsplash.it/800/600?image=11);
}
.card__image--record {
background-image: url(https://unsplash.it/800/600?image=39);
}
.card__image--fence {
background-image: url(https://unsplash.it/800/600?image=59);
}
.card__titles {
color: #fdfdfd;
font-size: 18px;
padding: 10px 10px;
font-weight: 600;
letter-spacing: 2px;
background: #4d67dd;
width: 70%;
text-transform: uppercase;
position: relative;
top:-20px;
}
.card__titles::after {
content: "";
position: absolute;
left: -1px;
top: 0;
margin-left: 100%;
width: 0;
height: 100%;
border-bottom: 55px solid transparent;
border-top: 0 solid transparent;
border-left: 35px solid black;
border-left-color: #4d67dd;
font-size: 0;
line-height: 0;
}
.card__texts {
/* flex: 1 1 auto; */
/* font-size: 0.875rem; */
line-height: 1.5;
margin-bottom: 1.25rem;
font-size: 15px;
/* word-spacing: 0.9px; */
text-align: justify;
padding: 5px;
}
</style> -->
<!-- <section style="margin:10px 0px;">
<div class="container my-3"> -->
<!-- <div class="row">
<div class="col-md-4">
<div>
<a href="">
<div style="height: 300px; background-repeat: no-repeat;background: url(https://marvel-b1-cdn.bc0a.com/f00000000210829/www.lionsclubs.org/sites/default/files/styles/three_column_image/public/2021-06/Two%20Girls%20with%20LCIF%20Flag%20in%20front%20of%20Mural.jpg?itok=1sQ2__Da);" class="img-div">
</div>
<div class="title">
<h5>jhkhhrfjhfsdfhv</h5>
</div>
<h4>hkjdhjhssdfkjdk</h4>
<p>jdshjdjdsjcjsadhncjdsakjcdbcjndjcb uhuhdasfasjfbefg</p>
</a>
</div>
</div>
<div class="col-md-4">
<div>
<a href="">
<div class="img-div">
<div class="title">
<h5>jhkhhrfjhfsdfhv</h5>
</div>
<h4>hkjdhjhssdfkjdk</h4>
<p>jdshjdjdsjcjsadhncjdsakjcdbcjndjcb uhuhdasfasjfbefg</p>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div>
<a href="">
<div class="img-div">
<div class="title">
<h5>jhkhhrfjhfsdfhv</h5>
</div>
<h4>hkjdhjhssdfkjdk</h4>
<p>jdshjdjdsjcjsadhncjdsakjcdbcjndjcb uhuhdasfasjfbefg</p>
</div>
</a>
</div>
</div> -->
<!-- <ul class="card-main">
<li class="cards__items">
<div class="card-sec">
<div class="card__image card__image--fence"></div>
<div class="card__contents">
<div class="card__titles">Lean more</div>
<h4 style="margin:0px; font-size: 21px;font-weight: 600;">Lions serve youth</h4>
<p class="card__texts">Our community projects often support children and local schools through scholarships, recreation and mentoring.</p>
</div>
</div>
</li>
<li class="cards__items">
<div class="card-sec">
<div class="card__image card__image--river"></div>
<div class="card__contents">
<div class="card__titles">Lean more</div>
<h4 style="margin:0px; font-size: 21px;font-weight: 600;">Lions serve</h4>
<p class="card__texts">Our community projects often support children and local schools through scholarships, recreation and mentoring.</p>
</div>
</div>
</li>
<li class="cards__items">
<div class="card-sec">
<div class="card__image card__image--record"></div>
<div class="card__contents">
<div class="card__titles">Lean more</div>
<h4 style="margin:0px; font-size: 21px;font-weight: 600;">Lions give sight</h4>
<p class="card__texts">Our community projects often support children and local schools through scholarships, recreation and mentoring.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</section> --><?php /**PATH /var/www/lionsclub/core/resources/views/frontEnd/home/faq-sec.blade.php ENDPATH**/ ?>