Skip to content
This repository has been archived by the owner on Jan 2, 2023. It is now read-only.

Commit

Permalink
Merge pull request #29 from himanshu007-creator/master
Browse files Browse the repository at this point in the history
Update
  • Loading branch information
rohan-kulkarni-25 authored May 3, 2021
2 parents 2e6e1dd + 625d6cf commit f9475f0
Show file tree
Hide file tree
Showing 10 changed files with 2,063 additions and 3 deletions.
576 changes: 576 additions & 0 deletions css/About-Us/founder.css

Large diffs are not rendered by default.

807 changes: 807 additions & 0 deletions css/Contact-Us/contactus.css

Large diffs are not rendered by default.

71 changes: 71 additions & 0 deletions css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -1181,3 +1181,74 @@ transition: all 1s ease;
font-size: 3vmin;
}
/* Join Us Section Ends */


/* css for wave */
svg {
width:100%;
}
.wave {
animation: wave 3s linear;
animation-iteration-count:infinite;
fill: #ffc107;
}
.drop {
fill: transparent;
animation: drop 5s ease infinite normal;
stroke: #4478e3;
stroke-width:0.5;
opacity:.6;
transform: translateY(80%);
}
.drop1 {
transform-origin: 20px 3px;
}
.drop2 {
animation-delay: 3s;
animation-duration:3s;
transform-origin: 25px 3px;
}
.drop3 {
animation-delay: -2s;
animation-duration:3.4s;
transform-origin: 16px 3px;
}
.gooeff {
filter: url(#goo);
}
#wave2 {
animation-duration:5s;
animation-direction: reverse;
opacity: .6
}
#wave3 {
animation-duration: 7s;
opacity:.3;
}
@keyframes drop {
0% {
transform: translateY(80%);
opacity:.6;
}
80% {
transform: translateY(80%);
opacity:.6;
}
90% {
transform: translateY(10%) ;
opacity:.6;
}
100% {
transform: translateY(0%) scale(1.5);
stroke-width:0.2;
opacity:0;
}
}
@keyframes wave {
to {transform: translateX(-100%);}
}
@keyframes ball {
to {transform: translateY(20%);}
}


Binary file added images/contactbg (2).gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/founder.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
44 changes: 41 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@
<li><a href="#joinus">Join Us</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact us</a></li>
<li><a href="pages/Contact-Us/contact.html">Contact us</a></li>
<li><a href="#">DONATE</a></li>
<li id="darkmodeli"><input type="checkbox" id="toggle" name="checkbox" class="switch" onclick="myfun()">
</li>
Expand Down Expand Up @@ -78,7 +78,7 @@ <h3>SFC FOUNDATIONS</h3>
<h1 class="heading">About <span>Us</span></h1>
<a href="pages/About-Us/knowsfc.html"><button class="btn">Know SFC</button></a>
<a href="pages/About-Us/objectives.html"><button class="btn">Objectives</button></a>
<a href="#"><button class="btn">Founder's Profile</button></a>
<a href="pages/About-Us/founder.html"><button class="btn">Founder's Profile</button></a>
<a href="#"><button class="btn">Core Team</button></a>
<a href="pages/About-Us/workingmodel.html"><button class="btn">Working Model</button></a>
</div>
Expand Down Expand Up @@ -509,6 +509,44 @@ <h5 class="position">Position: Executive Director</h5>
</section>


<footer>
<svg viewBox="0 0 120 28">
<defs>
<mask id="xxx">
<circle cx="7" cy="12" r="40" fill="#fff" />
</mask>

<filter id="goo">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" result="blur" />
<feColorMatrix in="blur" mode="matrix" values="
1 0 0 0 0
0 1 0 0 0
0 0 1 0 0
0 0 0 13 -9" result="goo" />
<feBlend in="SourceGraphic" in2="goo" />
</filter>
<path id="wave" d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
</defs>

<use id="wave3" class="wave" xlink:href="#wave" x="0" y="-2" ></use>
<use id="wave2" class="wave" xlink:href="#wave" x="0" y="0" ></use>


<g class="gooeff">
<circle class="drop drop1" cx="20" cy="2" r="1.8" />
<circle class="drop drop2" cx="25" cy="2.5" r="1.5" />
<circle class="drop drop3" cx="16" cy="2.8" r="1.2" />
<use id="wave1" class="wave" xlink:href="#wave" x="0" y="1" />

<!-- g mask="url(#xxx)">
<path id="wave1" class="wave" d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
</g>
</g -->

</svg>


</footer>

<!-- footer section starts -->

Expand Down Expand Up @@ -591,4 +629,4 @@ <h1 class="credit">Copyright © All right reserved. SFC FOUNDATIONS </h1>
<script src="js/darkmode.js"></script>
</body>

</html>
</html>
156 changes: 156 additions & 0 deletions js/About-Us/founder.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,156 @@
$(document).ready(function () {

$('#menu-bar').click(function () {
$(this).toggleClass('fa-times');
$('.navbar').toggleClass('nav-toggle');
});

$(window).on('load scroll', function () {

$('#menu-bar').removeClass('fa-times');
$('.navbar').removeClass('nav-toggle');

$('section').each(function () {

let top = $(window).scrollTop();
let height = $(this).height();
let id = $(this).attr('id');
let offset = $(this).offset().top - 200;

if (top > offset && top < offset + height) {
$('.navbar ul li a').removeClass('active');
$('.navbar').find(`[href="#${id}"]`).addClass('active');
}

});

});

$('.list .btn').click(function () {
$(this).addClass('active').siblings().removeClass('active');
let src = $(this).attr('data-src');
$('.projects .row .image img').attr('src', src);
});

});
var isLight = true;
function darkMode() {

if (isLight) {
document
.getElementById("DarkModeTogglerId")
.setAttribute("class", "dark-mode");
isLight = false;
} else {
document
.getElementById("DarkModeTogglerId")
.setAttribute("class", "");
isLight = true;
}
}


$(document).on('click', '.member-1', function () {
$('.detail-box-1').toggleClass('show-details-1')
$('.detail-box-2').removeClass('show-details-2')
$('.detail-box-3').removeClass('show-details-3')
$('.detail-box-4').removeClass('show-details-4')
$('.detail-box-5').removeClass('show-details-5')
$('.detail-box-6').removeClass('show-details-6')
});
/*-2-----------------------------------*/
$(document).on('click', '.member-2', function () {
$('.detail-box-2').toggleClass('show-details-2')
$('.detail-box-1').removeClass('show-details-1')
$('.detail-box-3').removeClass('show-details-3')
$('.detail-box-4').removeClass('show-details-4')
$('.detail-box-5').removeClass('show-details-5')
$('.detail-box-6').removeClass('show-details-6')
});
/*-3-----------------------------------*/
$(document).on('click', '.member-3', function () {
$('.detail-box-3').toggleClass('show-details-3')
$('.detail-box-2').removeClass('show-details-2')
$('.detail-box-1').removeClass('show-details-1')
$('.detail-box-4').removeClass('show-details-4')
$('.detail-box-5').removeClass('show-details-5')
$('.detail-box-6').removeClass('show-details-6')
});
/*-4-----------------------------------*/
$(document).on('click', '.member-4', function () {
$('.detail-box-4').toggleClass('show-details-4')
$('.detail-box-2').removeClass('show-details-2')
$('.detail-box-3').removeClass('show-details-3')
$('.detail-box-1').removeClass('show-details-1')
$('.detail-box-5').removeClass('show-details-5')
$('.detail-box-6').removeClass('show-details-6')
});
/*-5-----------------------------------*/
$(document).on('click', '.member-5', function () {
$('.detail-box-5').toggleClass('show-details-5')
$('.detail-box-2').removeClass('show-details-2')
$('.detail-box-3').removeClass('show-details-3')
$('.detail-box-4').removeClass('show-details-4')
$('.detail-box-1').removeClass('show-details-1')
$('.detail-box-6').removeClass('show-details-6')
});
/*-6-----------------------------------*/
$(document).on('click', '.member-6', function () {
$('.detail-box-6').toggleClass('show-details-6')
$('.detail-box-2').removeClass('show-details-2')
$('.detail-box-3').removeClass('show-details-3')
$('.detail-box-4').removeClass('show-details-4')
$('.detail-box-5').removeClass('show-details-5')
$('.detail-box-1').removeClass('show-details-1')
});

/*-cancel------------------*/
$(document).on('click', '.cancel', function () {
$('.detail-box-1').removeClass('show-details-1')
$('.detail-box-2').removeClass('show-details-2')
$('.detail-box-3').removeClass('show-details-3')
$('.detail-box-4').removeClass('show-details-4')
$('.detail-box-5').removeClass('show-details-5')
$('.detail-box-6').removeClass('show-details-6')
});


var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
showSlides(slideIndex += n);
}

function currentSlide(n) {
showSlides(slideIndex = n);
}

function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) { slideIndex = 1 }
if (n < 1) { slideIndex = slides.length }
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex - 1].style.display = "block";
dots[slideIndex - 1].className += " active";
}


$(document).ready(function () {
//Preloader
preloaderFadeOutTime = 600;
function hidePreloader() {
var preloader = $('.spinner-wrapper');
preloader.fadeOut(preloaderFadeOutTime);
}
hidePreloader();
});


Empty file added js/Contact-Us/contactus.js
Empty file.
Loading

0 comments on commit f9475f0

Please sign in to comment.