Difference between revisions of "Team:AFCM-Egypt"

Line 64: Line 64:
 
         <div id="globalWrapper">
 
         <div id="globalWrapper">
 
         <div class="container">
 
         <div class="container">
             <div class="allcontain" style="position: relative;margin-bottom: 20px">
+
             <div class="allcontain" style="position: relative;margin-bottom: 30px">
 
                 <div class="afcmslider-holder">
 
                 <div class="afcmslider-holder">
 
                     <div id="afcmslides">
 
                     <div id="afcmslides">
 +
                    <button class="afcmcontrols" id="afcmcontrols-left">&#10094;</i></button>
 +
                    <button class="afcmcontrols" id="afcmcontrols-right">&#10095;</i></button>
 
                         <img class="afcmslide afcmshowing" src="https://static.igem.org/mediawiki/2017/1/11/AFCM-Egypt-home2.jpeg" style="width:100%">
 
                         <img class="afcmslide afcmshowing" src="https://static.igem.org/mediawiki/2017/1/11/AFCM-Egypt-home2.jpeg" style="width:100%">
 
                         <img class="afcmslide" src="https://static.igem.org/mediawiki/2017/5/58/AFCM-Egypt-home3.jpeg" style="width:100%">
 
                         <img class="afcmslide" src="https://static.igem.org/mediawiki/2017/5/58/AFCM-Egypt-home3.jpeg" style="width:100%">
 
                         <img class="afcmslide" src="https://static.igem.org/mediawiki/2017/3/39/AFCM-Egypt-home4.jpeg" alt="Third Slide" style="width:100%">
 
                         <img class="afcmslide" src="https://static.igem.org/mediawiki/2017/3/39/AFCM-Egypt-home4.jpeg" alt="Third Slide" style="width:100%">
 
                     </div>
 
                     </div>
                     <button class="afcmcontrols" id="afcmcontrols-left">&#10094;</i></button>
+
                     <div id="sdots" class="text-center" style="width:100%;position:absolute">
                    <button class="afcmcontrols" id="afcmcontrols-right">&#10095;</i></button>
+
                        <span class="adots dots" id="1" onclick="goToSlide(0)"></span>
 +
                        <span class="dots" id="2" onclick="goToSlide(1)"></span>
 +
                        <span class="dots" id="3" onclick="goToSlide(2)"></span>
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

Revision as of 23:27, 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.

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.

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.


OUR SPONSORS


logo
logo
logo
logo