-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex2.html
279 lines (272 loc) · 24.7 KB
/
Index2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel=”stylesheet” href=”css/bootstrap.css”> -->
<!-- <link rel=”stylesheet” href=”css/bootstrap-responsive.css”> -->
<link rel="icon" href="Img/WhatsApp_Image_2023-10-18_at_6.37.41_PM-removebg-preview.png" type="image/icon type">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="css/Style.css">
<title>DevSCommunity</title>
</head>
<body>
<header>
<a href="#home" class="logo"><img src="Img/logo.png"
width="70px"></a>
<nav class="navbar" fixed-top navbar-expand-md>
<ul id="nav-ul">
<li><a class="open_now" href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#members">Members</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="join">
<a class="join-us"
href="https://forms.office.com/Pages/ResponsePage.aspx?id=crMZCNjzIUOX-7mB9VDZZVl-39QNNp1Mu3__cxBUALdUNEZOS1dTMlMyRkZOWlkyQlI2OEEzR0lFVC4u">Join
Us</a>
<!-- strat nigth/light buton -->
<div class="btn-container">
<label class="switch btn-color-mode-switch">
<div class="icons">
<i class="sun fa fa-sun-o" aria-hidden="true"></i>
<i class="moon fa fa-moon-o" aria-hidden="true"></i>
</div>
<!-- <i class="moon fa-solid fa-moon fa-flip-horizontal"></i>
<img class="moon" src="../DEVS/img/night-mode.png" alt="night"> -->
<input type="checkbox" name="color_mode" id="color_mode" value="1">
<!-- data-on="Dark" data-off="Light" was here after for -->
<label for="color_mode" class="btn-color-mode-switch-inner"></label>
</label>
</div>
<!-- end nigth/light buton -->
<a class="Arabic">Ar</a>
<input type="checkbox" id="check">
<label for="check" class="bar-check">
<i class="fa-solid fa-bars" id="btn"></i>
<i class="fa-solid fa-xmark" id="cancel"></i>
</label>
</div>
</header>
<section class="home" id="home">
<div id="particle"></div>
<div class="container">
<div class="main-text">
<h1 data-aos="fade-down" data-aos-easing="ease-in-out">Together Making Career</h1>
<h3>You must believe in your abilities, always trust yourself</h3>
</div>
<div class="text-boxs">
<div class="box-one" data-aos="fade-right" data-aos-easing="ease-in-out">
<h3>Who we are</h3>
<a href="#about" class="svg1">
<svg data-v-55a26691="" width="359" height="55" viewBox="0 0 359 55" fill="none"
xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"
class="btn-border position-absolute w-100 left-0">
<path data-v-55a26691=""
d="M 1.2246 50.8646 C 1.2381 50.913 1.2489 50.9401 1.2542 50.9521 C 1.3265 50.9827 1.4493 51.0219 1.6366 51.0648 C 2.0503 51.1598 2.6762 51.2509 3.5057 51.3362 C 5.1587 51.5063 7.552 51.6467 10.518 51.7628 C 16.4468 51.9948 24.626 52.1283 33.6639 52.2116 C 42.6163 52.2942 52.4192 52.3276 61.7009 52.3592 C 71.141 52.3914 80.0419 52.4217 86.9601 52.5 C 93.6535 52.5758 100.333 52.3264 107.027 52.0574 C 107.439 52.0408 107.851 52.0242 108.264 52.0075 C 114.544 51.7541 120.838 51.5 127.151 51.5 C 133.675 51.5 140.186 52.0005 146.679 52.4997 L 146.703 52.5015 C 153.21 53.0017 159.7 53.5 166.205 53.5 C 179.049 53.5 191.901 53.7498 204.754 53.9997 L 204.774 54.0001 C 217.635 54.2501 230.497 54.5 243.36 54.5 C 255.651 54.5 267.882 54.0005 280.121 53.5004 L 280.14 53.4997 C 292.369 53 304.605 52.5 316.895 52.5 C 322.937 52.5 328.95 52.2505 334.975 52.0004 L 334.982 52.0001 C 341.001 51.7503 347.031 51.5 353.092 51.5 C 353.202 51.5 353.331 51.5016 353.473 51.5034 C 354.057 51.5107 354.873 51.5208 355.658 51.4348 C 356.144 51.3816 356.586 51.2939 356.931 51.1598 C 357.284 51.0225 357.462 50.865 357.534 50.7198 C 357.652 50.4823 357.782 50.0089 357.904 49.3287 C 358.024 48.6653 358.129 47.8537 358.216 46.9749 C 358.389 45.2175 358.488 43.2185 358.49 41.6513 L 358.49 41.6478 C 358.527 36.9813 358.458 34.0543 358.379 31.5548 C 358.366 31.138 358.352 30.7327 358.339 30.333 C 358.273 28.3346 358.212 26.4737 358.212 24 C 358.212 21.9208 358 19.9191 357.786 17.9017 L 357.78 17.8518 C 357.568 15.8585 357.354 13.8478 357.354 11.7778 C 357.354 11.0947 357.482 10.1492 357.623 9.1526 C 357.638 9.0489 357.653 8.9445 357.668 8.8393 C 357.799 7.9163 357.938 6.9432 358.016 6.0239 C 358.103 4.9915 358.108 4.0795 357.961 3.4149 C 357.813 2.7455 357.557 2.4932 357.242 2.4366 C 350.837 1.2872 344.335 1.371 337.781 1.4556 C 336.062 1.4778 334.338 1.5 332.612 1.5 C 322.396 1.5 312.164 1.2498 301.949 0.9998 L 301.924 0.9992 C 291.714 0.7494 281.521 0.5 271.364 0.5 C 251.316 0.5 231.321 0.75 211.326 1 L 211.312 1.0001 C 191.323 1.2501 171.333 1.5 151.298 1.5 H 96.3845 C 91.0686 1.5 85.7263 1.9571 80.3535 2.437 C 80.1101 2.4587 79.8667 2.4805 79.6232 2.5023 C 74.4981 2.9609 69.3451 3.4219 64.1965 3.4999 C 60.6372 3.5539 57.1283 3.302 53.6501 3.0387 C 53.4861 3.0263 53.3221 3.0139 53.1582 3.0014 C 49.8401 2.7497 46.5494 2.5 43.2332 2.5 C 38.0431 2.5 32.8362 2.2508 27.6295 2.0017 L 27.582 1.9994 C 22.3554 1.7493 17.1287 1.5 11.895 1.5 C 10.4191 1.5 9.0002 1.9258 7.5235 2.4029 C 7.4225 2.4355 7.3211 2.4684 7.2195 2.5014 C 5.8595 2.9429 4.4396 3.4039 2.9735 3.4989 C 2.099 3.5556 1.5963 3.8058 1.2886 4.1341 C 0.9729 4.471 0.7925 4.9634 0.7161 5.6443 C 0.6395 6.3263 0.6734 7.1318 0.7317 8.0448 C 0.7414 8.1968 0.7517 8.3516 0.7622 8.5088 C 0.8139 9.2806 0.8694 10.1094 0.8694 10.9444 C 0.8694 14.291 0.7749 17.5419 0.6815 20.7584 C 0.4928 27.2588 0.3081 33.6189 0.915 40.344 C 1.0778 42.1487 1.0683 44.3917 1.06 46.3591 C 1.0591 46.5589 1.0583 46.7559 1.0577 46.9493 C 1.0542 48.0058 1.0563 48.9527 1.0917 49.6879 C 1.1094 50.0559 1.1349 50.3594 1.1698 50.5913 C 1.1873 50.707 1.206 50.7973 1.2246 50.8646 Z"
fill="white" stroke="#252525">
</path>
</svg>
</a>
<!-- <a class="svg2"><img src="file:///E:/Downloads/My%20path.svg" alt=""></a> -->
<i class="fa-solid fa-arrow-right"></i>
</div>
<div class="box-two" data-aos="fade-left" data-aos-easing="ease-in-out">
<h3>What we do</h3>
<a href="#about" class="svg1"><svg data-v-55a26691="" width="359" height="55"
viewBox="0 0 359 55" fill="none" xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="none" class="btn-border position-absolute w-100 left-0">
<path data-v-55a26691=""
d="M1.22462 50.8646C1.23805 50.913 1.24892 50.9401 1.25424 50.9521C1.32651 50.9827 1.44935 51.0219 1.63659 51.0648C2.05033 51.1598 2.67617 51.2509 3.50567 51.3362C5.15874 51.5063 7.55197 51.6467 10.518 51.7628C16.4468 51.9948 24.626 52.1283 33.6639 52.2116C42.6163 52.2942 52.4192 52.3276 61.7009 52.3592C71.141 52.3914 80.0419 52.4217 86.9601 52.5C93.6535 52.5758 100.333 52.3264 107.027 52.0574C107.439 52.0408 107.851 52.0242 108.264 52.0075C114.544 51.7541 120.838 51.5 127.151 51.5C133.675 51.5 140.186 52.0005 146.679 52.4997L146.703 52.5015C153.21 53.0017 159.7 53.5 166.205 53.5C179.049 53.5 191.901 53.7498 204.754 53.9997L204.774 54.0001C217.635 54.2501 230.497 54.5 243.36 54.5C255.651 54.5 267.882 54.0005 280.121 53.5004L280.14 53.4997C292.369 53 304.605 52.5 316.895 52.5C322.937 52.5 328.95 52.2505 334.975 52.0004L334.982 52.0001C341.001 51.7503 347.031 51.5 353.092 51.5C353.202 51.5 353.331 51.5016 353.473 51.5034C354.057 51.5107 354.873 51.5208 355.658 51.4348C356.144 51.3816 356.586 51.2939 356.931 51.1598C357.284 51.0225 357.462 50.865 357.534 50.7198C357.652 50.4823 357.782 50.0089 357.904 49.3287C358.024 48.6653 358.129 47.8537 358.216 46.9749C358.389 45.2175 358.488 43.2185 358.49 41.6513L358.49 41.6478C358.527 36.9813 358.458 34.0543 358.379 31.5548C358.366 31.138 358.352 30.7327 358.339 30.333C358.273 28.3346 358.212 26.4737 358.212 24C358.212 21.9208 358 19.9191 357.786 17.9017L357.78 17.8518C357.568 15.8585 357.354 13.8478 357.354 11.7778C357.354 11.0947 357.482 10.1492 357.623 9.15259C357.638 9.04893 357.653 8.94446 357.668 8.83934C357.799 7.91631 357.938 6.94317 358.016 6.02391C358.103 4.99147 358.108 4.07954 357.961 3.41491C357.813 2.74549 357.557 2.49319 357.242 2.43658C350.837 1.28716 344.335 1.37104 337.781 1.45558C336.062 1.47776 334.338 1.5 332.612 1.5C322.396 1.5 312.164 1.24982 301.949 0.999847L301.924 0.999241C291.714 0.74942 281.521 0.5 271.364 0.5C251.316 0.5 231.321 0.749954 211.326 0.999958L211.312 1.00013C191.323 1.25006 171.333 1.5 151.298 1.5H96.3845C91.0686 1.5 85.7263 1.95715 80.3535 2.43699C80.1101 2.45872 79.8667 2.48051 79.6232 2.50229C74.4981 2.96087 69.3451 3.42194 64.1965 3.49994C60.6372 3.55386 57.1283 3.30198 53.6501 3.03872C53.4861 3.0263 53.3221 3.01386 53.1582 3.00142C49.8401 2.74967 46.5494 2.5 43.2332 2.5C38.0431 2.5 32.8362 2.25084 27.6295 2.0017L27.582 1.99942C22.3554 1.74933 17.1287 1.5 11.895 1.5C10.4191 1.5 9.00019 1.92576 7.52345 2.40288C7.42246 2.43551 7.32112 2.46841 7.21945 2.50142C5.85955 2.94293 4.43957 3.40394 2.97352 3.49895C2.09902 3.55562 1.59632 3.80579 1.28856 4.13414C0.972854 4.47096 0.792525 4.96343 0.716071 5.64426C0.639486 6.32626 0.673398 7.13182 0.731658 8.04475C0.74136 8.19678 0.751721 8.35161 0.76224 8.5088C0.813888 9.28057 0.869351 10.1094 0.869351 10.9444C0.869351 14.291 0.774948 17.5419 0.681543 20.7584C0.492773 27.2588 0.308083 33.6189 0.914954 40.344C1.07781 42.1487 1.06831 44.3917 1.05998 46.3591C1.05914 46.5589 1.0583 46.7559 1.05766 46.9493C1.05416 48.0058 1.05634 48.9527 1.09168 49.6879C1.10937 50.0559 1.13489 50.3594 1.16982 50.5913C1.18726 50.707 1.20595 50.7973 1.22462 50.8646Z"
fill="white" stroke="#252525"></path>
</svg></a>
<!-- <a class="svg2"><svg data-v-55a26691="" width="359" height="55" viewBox="0 0 359 55" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="btn-bg position-absolute top-0 left-0 w-100"><path data-v-55a26691="" d="M1.22462 50.8646C1.23805 50.913 1.24892 50.9401 1.25425 50.9521C1.32652 50.9827 1.44935 51.0219 1.63659 51.0648C2.05033 51.1598 2.67617 51.2509 3.50567 51.3362C5.15874 51.5063 7.55197 51.6467 10.518 51.7628C16.4468 51.9948 24.626 52.1283 33.6639 52.2116C42.6163 52.2942 52.4192 52.3276 61.7008 52.3592C71.141 52.3914 80.0419 52.4217 86.9601 52.5C93.6535 52.5758 100.333 52.3264 107.027 52.0574C107.439 52.0408 107.851 52.0242 108.264 52.0075C114.544 51.7541 120.838 51.5 127.151 51.5C133.675 51.5 140.186 52.0005 146.679 52.4997L146.703 52.5015C153.21 53.0017 159.7 53.5 166.205 53.5C179.049 53.5 191.901 53.7498 204.754 53.9997L204.774 54.0001C217.635 54.2501 230.497 54.5 243.36 54.5C255.651 54.5 267.882 54.0005 280.121 53.5004L280.14 53.4997C292.369 53 304.605 52.5 316.895 52.5C322.937 52.5 328.95 52.2505 334.975 52.0004L334.982 52.0001C341.001 51.7503 347.031 51.5 353.092 51.5C353.202 51.5 353.331 51.5016 353.473 51.5034C354.057 51.5107 354.873 51.5208 355.658 51.4348C356.144 51.3816 356.586 51.2939 356.931 51.1598C357.284 51.0225 357.462 50.865 357.534 50.7198C357.652 50.4823 357.782 50.0089 357.904 49.3287C358.024 48.6653 358.129 47.8537 358.216 46.9749C358.389 45.2175 358.488 43.2185 358.49 41.6513L358.49 41.6478C358.527 36.9813 358.458 34.0543 358.379 31.5548C358.366 31.138 358.352 30.7327 358.339 30.333C358.273 28.3346 358.212 26.4737 358.212 24C358.212 21.9208 358 19.9191 357.786 17.9017L357.78 17.8518C357.568 15.8585 357.354 13.8478 357.354 11.7778C357.354 11.0947 357.482 10.1492 357.623 9.15259C357.638 9.0486 357.653 8.9438 357.668 8.83834C357.799 7.9156 357.938 6.94284 358.016 6.02391C358.103 4.99147 358.108 4.07954 357.961 3.41491C357.813 2.74549 357.557 2.49319 357.242 2.43658C350.837 1.28716 344.335 1.37104 337.781 1.45558C336.062 1.47776 334.338 1.5 332.612 1.5C322.396 1.5 312.164 1.24982 301.949 0.999847L301.924 0.999241C291.714 0.74942 281.521 0.5 271.364 0.5C251.316 0.5 231.321 0.749954 211.326 0.999958L211.312 1.00013C191.322 1.25006 171.333 1.5 151.298 1.5H96.3845C91.0686 1.5 85.7263 1.95715 80.3535 2.43699C80.1102 2.45872 79.8669 2.48049 79.6235 2.50227C74.4982 2.96086 69.3452 3.42194 64.1965 3.49994C60.6372 3.55386 57.1283 3.30198 53.6501 3.03872C53.4861 3.0263 53.3221 3.01386 53.1582 3.00142C49.8401 2.74967 46.5494 2.5 43.2332 2.5C38.0431 2.5 32.8362 2.25084 27.6295 2.0017L27.582 1.99942C22.3554 1.74933 17.1287 1.5 11.895 1.5C10.4191 1.5 9.00019 1.92576 7.52345 2.40288C7.42246 2.43551 7.32112 2.46841 7.21945 2.50142C5.85955 2.94293 4.43957 3.40394 2.97352 3.49895C2.09902 3.55562 1.59632 3.80579 1.28856 4.13414C0.972854 4.47096 0.792525 4.96343 0.716071 5.64426C0.639486 6.32626 0.673398 7.13182 0.731658 8.04475C0.74136 8.19678 0.751721 8.35161 0.76224 8.5088C0.813888 9.28057 0.869351 10.1094 0.869351 10.9444C0.869351 14.291 0.774948 17.5419 0.681543 20.7584C0.492773 27.2588 0.308083 33.6189 0.914954 40.344C1.07781 42.1487 1.06831 44.3917 1.05998 46.3591C1.05914 46.5589 1.0583 46.7559 1.05766 46.9493C1.05416 48.0058 1.05634 48.9527 1.09168 49.6879C1.10937 50.0559 1.13489 50.3594 1.16982 50.5913C1.18726 50.707 1.20595 50.7973 1.22462 50.8646Z" fill="#252525" stroke="#252525"></path></svg></a> -->
<i class="fa-solid fa-arrow-right"></i>
</div>
</div>
<section class="doodles-section">
<div class="doodles"
style="background-image: url("https://code95.com/app/uploads/2021/12/1640526462_757_729684_frame_1_1.svg");">
</div>
<!-- <div class="doodles filter"
style="background-image: url("https://code95.com/app/uploads/2021/12/1640526462_757_729684_frame_1_1.svg");">
</div> -->
</section>
</div>
</section>
<svg class="brake-line" width="1297" height="22" viewBox="0 0 1297 22" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M1.02891 21.2292C52.561 20.1043 72.6303 19.9418 122.072 19.1418C166.243 18.4271 235.657 19.3383 279.688 18.763C328.003 18.1316 388.475 11.3671 437.78 10.5693C550.634 8.74329 653.818 10.8496 767.712 8.66385C821.667 7.62836 880.857 4.98476 936.114 4.09066C981.398 3.35794 1016.46 2.85921 1059.84 2.37572C1136.42 1.52213 1296.74 0.521658 1296.74 0.521658"
stroke="#252525"></path>
</svg>
<section class="about" id="about">
<div class="we-are">
<h2 data-aos="fade-up" data-aos-easing="ease-in-out">who we are?</h2>
<img class="icon" src="Img/icon-removebg-preview.png" alt="" data-aos="zoom-in-up" data-aos-easing="ease-in-out">
<p data-aos="fade-up" data-aos-easing="ease-in-out" data-aos-durations="8000">A programming community affiliated with Suez canal University and headquartered in the Faculty of
Computers and Information
. It was founded in 2023 and was officially approved by the administration of the Faculty of
Computers and Information
in the tenth month of the same year,The main goal of establishing the group is to make the most of
the university stage
and prepare a member ready for the labor market with strong CV and recommended soft skills.</p>
</div>
<div class="we-do">
<h2 data-aos="fade-up" data-aos-easing="ease-in-out">what we do!</h2>
<img class="icon2" src="Img/pngwing.com.png" alt="" data-aos="zoom-in-up" data-aos-easing="ease-in-out">
<p data-aos="fade-up" data-aos-easing="ease-in-out" data-aos-durations="8000">After the student passes the requirements and tests to join the group, he is added to a team of the
teams within the group
, where the team consists of several members, each of whom works integrated and helpful with the
others,
as projects are distributed to each team within the group and the instructions, standards, and
timings necessary for delivery are given.
Then the projects are evaluated
, and gradually the highest-rated teams are selected and qualified for the “simulated work.”</p>
</div>
</section>
<svg class="brake-line" width="100%" height="109" viewBox="0 0 1112 109" fill="none"
xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
<path
d="M0.984711 1.16669C45.1371 6.96113 62.3323 7.7985 104.693 11.9193C142.539 15.6009 202.013 10.907 239.738 13.8706C281.134 17.1227 332.946 51.9673 375.191 56.0768C471.883 65.483 560.29 54.633 657.874 65.8922C704.102 71.2261 754.816 84.8435 802.16 89.4491C840.959 93.2234 871 95.7925 908.166 98.283C973.782 102.68 1111.14 107.833 1111.14 107.833"
stroke="#252525"></path>
</svg>
<section class="members" id="members">
<h2 data-aos="fade-up" data-aos-easing="ease-in-out">Meet our team</h2>
<!-- <p>We’re a dynamic group of individuals who are passionate about what we do.</p> -->
<div class="leadership" id="leadership">
<div class="cards" data-aos="fade-up" data-aos-easing="ease-in-out">
<div class="card-one">
<img src="Img/dr.jpg" alt="dr.name">
<div class="lead-info">
<h3>DR/ Mohamed Tahoun</h3>
<p>Group Leader</p>
</div>
</div>
<div class="card-two">
<img src="Img/WhatsApp Image 2023-10-29 at 11.07.33 PM.jpeg" alt="dr.name">
<div class="lead-info">
<h3>DR/ Abdelrahman Fawzy</h3>
<p>Group Rapporteur </p>
</div>
</div>
<div class="card-three">
<img src="Img/WhatsApp Image 2023-10-29 at 11.07.33 PM.jpeg" alt="dr.name">
<div class="lead-info">
<h3>DR/ Hend Shahban</h3>
<p>General Secretary</p>
</div>
</div>
</div>
</div>
<div class="Organizers" id="Organizers">
<div class="cards">
<div class="first-three" data-aos="fade-up" data-aos-easing="ease-in-out">
<div class="card-one">
<img src="Img/file6.jpg" alt="dr.name">
<div class="org-info">
<h3>Mohamed Araby</h3>
<p>Group Secretary</p>
</div>
</div>
<div class="card-two">
<img src="Img/file.jpg" alt="dr.name">
<div class="org-info">
<h3>Mohamed Samir</h3>
<p>Group general coordinator</p>
</div>
</div>
<div class="card-three">
<img src="Img/File2.jpg" alt="dr.name">
<div class="org-info">
<h3>Ahmed Shamel</h3>
<p>Director of Public Relations</p>
</div>
</div>
</div>
<div class="second-three" data-aos="fade-up" data-aos-easing="ease-in-out">
<div class="card-four">
<img src="Img/File3.jpg" alt="dr.name">
<div class="org-info">
<h3>Mohamed Seleem</h3>
<p>Social Media Team Leader</p>
</div>
</div>
<div class="card-five">
<img src="Img/File4.jpg" alt="dr.name">
<div class="org-info">
<h3>Eslam Mohamed</h3>
<p>Graphic Design Team Leader</p>
</div>
</div>
<div class="card-six">
<img src="Img/file5.jpeg" alt="dr.name">
<div class="org-info">
<h3>Mohamed Abdelsalam</h3>
<p>HR Team Leader</p>
</div>
</div>
</div>
</div>
</div>
</section>
<svg class="brake-line" width="1297" height="22" viewBox="0 0 1297 22" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M1.02891 21.2292C52.561 20.1043 72.6303 19.9418 122.072 19.1418C166.243 18.4271 235.657 19.3383 279.688 18.763C328.003 18.1316 388.475 11.3671 437.78 10.5693C550.634 8.74329 653.818 10.8496 767.712 8.66385C821.667 7.62836 880.857 4.98476 936.114 4.09066C981.398 3.35794 1016.46 2.85921 1059.84 2.37572C1136.42 1.52213 1296.74 0.521658 1296.74 0.521658"
stroke="#252525"></path>
</svg>
<footer class="contact" id="contact">
<div class="first-footer" data-aos="fade-up" data-aos-easing="ease-in-out">
<div class="first-footer-logo">
<img src="Img/logo.png" alt="logo">
<h2>Programming Community</h2>
</div>
<div class="first-footer-contact">
<h2>Egypt,Ismailia</h2>
<p>Ring Road ,suez canal university</p>
<p>+20 1012209503</p>
<p>+20 1148964836</p>
</div>
<div class="first-footer-Social">
<nav>
<ul>
<li>
<a href="https://www.facebook.com/devSCommunity12" target="_blank"><i class="fa-brands fa-facebook"></i></a>
</li>
<li>
<a href="" target="_blank"><i class="fa-brands fa-whatsapp"></i></a>
</li>
<li>
<a href="" target="_blank"><i class="fa-brands fa-instagram"></i></a>
</li>
<li>
<a href="" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
</li>
<li>
<a href="https://github.com/DevSCommunity23" target="_blank"><i class="fa-brands fa-github"></i></a>
</li>
</ul>
</nav>
</div>
</div>
<div class="second-footer">
<p>© Powered By Frontend Team At DevS Community</p>
<nav>
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#members">Members</a>
</nav>
</div>
</footer>
<!-- script -->
<script src="js/main .js"></script>
<!-- <script src="Particles-js/particles.js"></script> -->
<!-- <script src="Particles-js/app.js"></script> -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>AOS.init();</script>
</body>
</html>