Difference between revisions of "Team:AFCM-Egypt"

Line 361: Line 361:
 
         </footer>
 
         </footer>
 
     </div>
 
     </div>
 +
   
 
     <script type="text/javascript">
 
     <script type="text/javascript">
−
$('#homtst').click(function(){
 
−
alert('test')
 
−
});
 
 
         var slides = document.querySelectorAll('#afcmslides .afcmslide');
 
         var slides = document.querySelectorAll('#afcmslides .afcmslide');
 +
        var xdots = document.querySelectorAll('#sdots .dots');
 
         var currentSlide = 0;
 
         var currentSlide = 0;
−
         var slideInterval = setInterval(nextSlide, 2000);
+
         var slideInterval = setInterval(nextSlide, 3000);
 
         var controls = document.querySelectorAll('.afcmcontrols');
 
         var controls = document.querySelectorAll('.afcmcontrols');
 
         var playing = true;
 
         var playing = true;
Line 386: Line 385:
 
         }
 
         }
 
         function goToSlide(n) {
 
         function goToSlide(n) {
−
             slides[currentSlide].className = 'afcmslide';
+
             if (playing) {
−
            currentSlide = (n + slides.length) % slides.length;
+
                slides[currentSlide].className = 'afcmslide';
−
            slides[currentSlide].className = 'afcmslide afcmshowing';
+
                xdots[currentSlide].className = 'dots';
 +
                currentSlide = (n + slides.length) % slides.length;
 +
                slides[currentSlide].className = 'afcmslide afcmshowing';
 +
                //    $(slides[currentSlide]).css({ opacity: 0.0 })
 +
                //.addClass('afcmshowing')
 +
                //.animate({ opacity: 1.0 }, 1000, function () {
 +
                //    $(slides[currentSlide]).removeClass('active');
 +
                //});
 +
                xdots[currentSlide].className = 'adots dots';
 +
            }
 
         }
 
         }
 +
        $('.afcmslide').click(function () {
 +
            if (playing) {
 +
                pauseSlideshow();
 +
            } else {
 +
                playSlideshow();
 +
            }
 +
           
 +
        })
 
         function pauseSlideshow() {
 
         function pauseSlideshow() {
 
             playing = false;
 
             playing = false;
Line 396: Line 412:
 
         function playSlideshow() {
 
         function playSlideshow() {
 
             playing = true;
 
             playing = true;
−
             slideInterval = setInterval(nextSlide, 2000);
+
             slideInterval = setInterval(nextSlide, 3000);
 
         }
 
         }
−
        pauseButton.onclick = function () {
 
−
            if (playing) {
 
−
                pauseSlideshow();
 
−
            } else {
 
−
                playSlideshow();
 
−
            }
 
−
        };
 
 
         next.onclick = function () {
 
         next.onclick = function () {
 
             pauseSlideshow();
 
             pauseSlideshow();
Line 424: Line 433:
 
             document.body.scrollTop = 0;
 
             document.body.scrollTop = 0;
 
             document.documentElement.scrollTop = 0;
 
             document.documentElement.scrollTop = 0;
 +
        }
 +
        window.smoothScroll = function (target) {
 +
            var scrollContainer = target;
 +
            do { //find scroll container
 +
                scrollContainer = scrollContainer.parentNode;
 +
                if (!scrollContainer) return;
 +
                scrollContainer.scrollTop += 1;
 +
            } while (scrollContainer.scrollTop == 0);
 +
 +
            var targetY = 0;
 +
            do { //find the top of target relatively to the container
 +
                if (target == scrollContainer) break;
 +
                targetY += target.offsetTop;
 +
            } while (target = target.offsetParent);
 +
 +
            scroll = function (c, a, b, i) {
 +
                i++; if (i > 30) return;
 +
                c.scrollTop = a + (b - a) / 30 * i;
 +
                setTimeout(function () { scroll(c, a, b, i); }, 20);
 +
            }
 +
            // start scrolling
 +
            scroll(scrollContainer, scrollContainer.scrollTop, targetY, 0);
 
         }
 
         }
 
     </script>
 
     </script>
 +
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 23:32, 14 October 2017

A F C M

A F C M
Third Slide

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Hover effect 2

link here

Hover effect 5

link here

Effect 13

LINK HERE

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

test

description

test

description

test

description

test

description

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Button 1

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Button 1

Heading

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

Button 1

OUR SPONSORS

logo
logo
logo
logo

Home · Blog · About · Contact

Team © 2017

A

Ehsan Abd El Kodous Street Cairo, Egypt

✆

01000000000

About the us AFCM afcm test afcm TEST AFCM afcm test afcm TESTAFCM afcm test afcm TEST AFCM afcm test afcm TEST AFCM afcm test afcm TESTAFCM afcm test afcm TEST

𝗳