https://egyptianolympic.org/

1<!doctype html>
2<html lang="en"><head>
3
4<!-- CHANGE THE NEXT THREE LINES -->
5
6<title>Egyptian Olympic Committee</title>
7<meta name="Description" content="Place your website description in this area. This is read by some search engines.">
8<meta name="KeyWords" content="add, your, keywords and phrases in this area, separated, by, commas, this, is read by only a, few search, engines">
9
10<!-- CHANGE THE ABOVE THREE LINES -->
11
12<meta charset="UTF-8">
13
14<link rel="stylesheet" href="colortheme.css" type="text/css">
15

16<script type="text/javascript" src="javascripts.js"></script>

16
17

18<script type="text/javascript" src="JQuery-Cycle/jquery-1.8.2.min.js"></script>

18

19<script type="text/javascript" src="JQuery-Cycle/cycle.js"></script>

19

20<script type="text/javascript" src="JQuery-Cycle/cycle-SETS.js"></script>

20
21
22
23
24<!-- START SCROLLER CODE -->
25
26<link rel="stylesheet" href="scroller-home/scroller-home.css" type="text/css">

27<script type="text/javascript" src="scroller-home/impetus.js"></script>

27

28<script type="text/javascript" src="scroller-home/scrollable.js"></script>

28
29

30<script type="text/javascript">
31
32/***********************************************
33* Scrollable Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
34* This notice MUST stay intact for legal use
35* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
36***********************************************/
37
38var scrollv, scrollh // register two global vars for two scrollable instances
39
40jQuery(function(e){ // on DOM load
41
42	scrollv = new scrollable({
43		wrapperid: "scrollable-v"
44	})
45
46	scrollh = new scrollable({
47		wrapperid: "scrollable-h",
48		orient: 'horizontal'
49	})
50
51})
52
53</script>

53
54
55<!-- END SCROLLER CODE -->
56
57
58
59<style type="text/css">
60<!--
61.style1 {
62	color: #FFFFFF;
63	font-weight: bold;
64}
65-->
66</style>
67</head>
68
69<body class="background-home">
70
71<!-- START OUTER -->
72<table id="wrapper" class="pagewidth"><tr><td class="td-center">
73
74
75
76<div align="left">
77  
78  <!-- LOGO AND MENU -->
79  
80  

80<script type="text/javascript" src="header.js"></script>

80
81  
82  

82<script type="text/javascript" src="menu.js"></script>

82
83  
84  <!-- START Horizontal Scroller --><marquee behavior="scroll" direction="right"onMouseOver="this.stop();" onMouseOut="this.start();">
85<div align="left"><a href="http://www.egyptianolympic.org/Gallery%20African%20Games%202019/" title="x"> &nbsp; &nbsp;  <a href="http://www.egyptianolympic.org/Olympics.html" title="x">The Egyptian Olympic Committee congratulates our athletes for a job well done in Tokyo2020 Olympic Games </a></div>
86</marquee><div align="left">
87  
88  <!-- START IMAGE AREA -->
89  
90</div>
91<table class="homeimage fullwidth"><tr><td class="td-center">
92
93<!-- START JQUERY CYCLE -->
94    <div id="JQCycle1" class="JQslideshow homeimagecolor JQsize center-div">
95
96    <!--<img src="JQuery-Cycle/imageJQ-1.jpg" width="900" height="400" alt="image">-->
97    <!--<img src="JQuery-Cycle/imageJQ-2.jpg" width="900" height="400" alt="image">-->
98    <!--<img src="JQuery-Cycle/imageJQ-3.jpg" width="900" height="400" alt="image">-->
99    <!--<img src="JQuery-Cycle/imageJQ-4.jpg" width="900" height="400" alt="image">-->
100    <!--<img src="JQuery-Cycle/imageJQ-5.jpg" width="900" height="400" alt="image">-->
101    <!--<img src="JQuery-Cycle/imageJQ-6.jpg" width="900" height="400" alt="image">-->
102    
103    <img src="JQuery-Cycle/imageJQ27.jpg" width="900" height="400" alt="image">
104    <img src="JQuery-Cycle/imageJQ20.jpg" width="900" height="400" alt="image">
105    <img src="JQuery-Cycle/imageJQ21.jpg" width="900" height="400" alt="image">
106    <img src="JQuery-Cycle/imageJQ22.jpg" width="900" height="400" alt="image">
107    <img src="JQuery-Cycle/imageJQ23.jpg" width="900" height="400" alt="image">
108    <img src="JQuery-Cycle/imageJQ24.jpg" width="900" height="400" alt="image">
109    <img src="JQuery-Cycle/imageJQ25.jpg" width="900" height="400" alt="image">
110    <img src="JQuery-Cycle/imageJQ26.jpg" width="900" height="400" alt="image">
111    <img src="JQuery-Cycle/imageJQ28.jpg" width="900" height="400" alt="image">
112    <img src="JQuery-Cycle/imageJQ29.jpg" width="900" height="400" alt="image">
113    <img src="JQuery-Cycle/imageJQ30.jpg" width="900" height="400" alt="image">
114    <img src="JQuery-Cycle/imageJQ31.jpg" width="900" height="400" alt="image">
115    <img src="JQuery-Cycle/imageJQ32.jpg" width="900" height="400" alt="image">
116    <img src="JQuery-Cycle/imageJQ33.jpg" width="900" height="400" alt="image">
117    <img src="JQuery-Cycle/imageJQ34.jpg" width="900" height="400" alt="image">
118    <img src="JQuery-Cycle/imageJQ35.jpg" width="900" height="400" alt="image">
119    <img src="JQuery-Cycle/imageJQ36.jpg" width="900" height="400" alt="image">
120
121    </div>
122
123<!-- END JQUERY CYCLE -->
124
125</td></tr></table>
126</div>
127
128<p><br />
129  <span class="style1"><a href="http://www.egyptianolympic.org/Tokyo.html">Tokyo2020 Egyptian medalists   <br>
130  
131  </a></span>
132  <!-- START INNER SPLIT 1 -->
133</p>
134<table class="introwidth-boxes center-div"><tr><td class="splitintrobox td-left td-top">&nbsp;</td>
135<td class="splitintrobox td-right td-top">&nbsp;</td>
136<td class="splitintrobox td-right td-top">&nbsp;</td>
137</tr></table>
138<marquee behavior="scroll" onMouseOut="this.start();" onMouseOver="this.stop();">
139<a href="#" title="ABInBev"><img alt="moving image by marquee html code" src="Pictures/newSponsors/abinbev.jpg" /></a>  
140<a href="#" title="airbnb"><img alt="moving image by marquee html code" src="Pictures/newSponsors/airbnb.jpg" /></a>  
141<a href="#" title="Alibaba"><img alt="moving image by marquee html code" src="Pictures/newSponsors/alibaba.jpg" /> </a>
142<a href="#" title="Allianz"><img alt="moving image by marquee html code" src="Pictures/newSponsors/allianz.jpg" /></a> 
143<a href="#" title="Cocacola"><img alt="moving image by marquee html code" src="Pictures/newSponsors/cocacola.jpg" /></a> 
144<a href="#" title="Deloitte"><img alt="moving image by marquee html code" src="Pictures/newSponsors/deloitte.jpg" /></a> 
145<a href="#" title="Omega"><img alt="moving image by marquee html code" src="Pictures/newSponsors/omiga.jpg" /></a> 
146<a href="#" title="P&G"><img alt="moving image by marquee html code" src="Pictures/newSponsors/pandg.jpg" /></a> 
147<a href="#" title="Samsung"><img alt="moving image by marquee html code" src="Pictures/newSponsors/samsung.jpg" /></a> 
148<a href="#" title="TCL"><img alt="moving image by marquee html code" src="Pictures/newSponsors/tcl.jpg" /></a>
149<a href="#" title="VISA"><img alt="moving image by marquee html code" src="Pictures/newSponsors/visa.jpg" /></a>
150</marquee><table class="introwidth-boxes center-div"><tr><td class="splitintrobox td-right td-top">
151<!-- END INNER SPLIT 1 -->
152
153
154
155<br>
156
157
158
159
160
161
162
163
164
165
166
167<br><br><br>
168
169<style type="text/css">
170
171.imgwindow{
172width:500px; //or whatever
173height:65px; //or whatever
174position:relative;
175overflow:hidden;
176}
177
178.imgholder{
179min-width:2000px;
180height:65px;
181position:absolute;
182left:-200px;
183}
184
185.inline-image{
186display:inline-block;
187}
188
189</style>
190

191<script type="text/javascript">
192
193var img;
194
195function imgScroll(){
196 img = $(".inline-image").first();
197 img.animate({width:0},2500,'linear',function(){
198   img.remove();
199   $(".imgholder").append(img);
200   imgScroll();
201 });
202
203}
204
205$(document).ready(function(){
206
207imgScroll();  
208
209});
210
211</script>

211
212
213
214
215
216
217
218<div class="pageheight-home"></div>
219
220
221
222<!-- SOCIAL ICONS AND FLAGS -->
223<div id="header-icons" class="printhide">

224<script type="text/javascript" src="header-icons.js"></script>

224
225</div>
226
227
228
229<br>
230
231
232
233<!-- COPYRIGHT FOOTER -->

234<script type="text/javascript" src="footer.js"></script>

234
235
236<br><br><br>
237
238
239
240
241<!-- END OUTER -->
242
243</body>
244</html>