├── README.md ├── courses.html ├── css ├── all.min.css ├── framework.css └── master.css ├── files.html ├── friends.html ├── imgs ├── activity-01.png ├── activity-02.png ├── activity-03.png ├── avatar.png ├── avi.svg ├── course-01.jpg ├── course-02.jpg ├── course-03.jpg ├── course-04.jpg ├── course-05.jpg ├── dll.svg ├── eps.svg ├── friend-01.jpg ├── friend-02.jpg ├── friend-03.jpg ├── friend-04.jpg ├── friend-05.jpg ├── news-01.png ├── news-02.png ├── news-03.png ├── news-04.png ├── pdf.svg ├── png.svg ├── project.png ├── psd.svg ├── sql.svg ├── team-01.png ├── team-02.png ├── team-03.png ├── team-04.png ├── team-05.png ├── txt.svg ├── welcome.png └── zip.svg ├── index.html ├── plans.html ├── profile.html ├── projects.html ├── settings.html └── webfonts ├── fa-brands-400.ttf ├── fa-brands-400.woff2 ├── fa-regular-400.ttf ├── fa-regular-400.woff2 ├── fa-solid-900.ttf ├── fa-solid-900.woff2 ├── fa-v4compatibility.ttf └── fa-v4compatibility.woff2 /README.md: -------------------------------------------------------------------------------- 1 | # HTML And CSS Template Four 2 | 3 | Course Playlist https://www.youtube.com/watch?v=4OGWPn-Q__I&list=PLDoPjvoNmBAyGaRGzPVZCkYx5L7Mo9Tbh 4 | 5 | ### Demo 6 | 7 | https://elzerowebschool.github.io/HTML_And_CSS_Template_Four/ 8 | -------------------------------------------------------------------------------- /courses.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Courses 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |

17 |

18 |

Elzero

19 |

21 | 22 | 23 | Dashboard 24 | 25 |
27 | 28 | 29 | Settings 30 | 31 |
33 | 34 | 35 | Profile 36 | 37 |
39 | 40 | 41 | Projects 42 | 43 |
45 | 46 | 47 | Courses 48 | 49 |
51 | 52 | 53 | Friends 54 | 55 |
57 | 58 | 59 | Files 60 | 61 |
63 | 64 | 65 | Plans 66 | 67 |

69 |

70 |

71 | 72 |

73 |

74 | 75 |

76 |

77 | 78 | 79 | 80 |

81 |

82 |

83 | 84 |

Courses

85 |

86 |

87 |

88 |

89 |

90 |

Mastering Web Design

91 |

92 | Master The Art Of Web Designing And Mocking, Prototyping And Creating Web Design Architecture 93 |

94 |

95 |

96 | Course Info 97 | 98 | 99 | 950 100 | 101 | 102 | 103 | 165 104 | 105 |

106 |

107 |

108 |

109 |

110 |

111 |

Data Structure And Algorithms

112 |

113 | Master The Art Of Data Strcuture And Famous Algorithms Like Sorting, Dividing And Conquering 114 |

115 |

116 |

117 | Course Info 118 | 1150 119 | 210 120 |

121 |

122 |

123 |

124 |

125 |

126 |

Responsive Web Design

127 |

128 | Mastering Responsive Web Design And Media Queries And Know Everything About Breakpoints 129 |

130 |

131 |

132 | Course Info 133 | 650 134 | 90 135 |

136 |

137 |

138 |

139 |

140 |

141 |

Mastering Python

142 |

143 | Mastering Python To Prepare For Data Science And AI And Automating Things in Your Life 144 |

145 |

146 |

147 | Course Info 148 | 950 149 | 250 150 |

151 |

152 |

153 |

154 |

155 |

156 |

PHP Examples

157 |

158 | PHP Tutorials And Examples And Practice On Web Application And Connecting With Databases 159 |

160 |

161 |

162 | Course Info 163 | 850 164 | 150 165 |

166 |

167 |

168 |

169 |

170 |

171 |

Data Structure And Algorithms

172 |

173 | Master The Art Of Data Strcuture And Famous Algorithms Like Sorting, Dividing And Conquering 174 |

175 |

176 |

177 | Course Info 178 | 1150 179 | 210 180 |

181 |

182 |

183 |

184 |

185 |

186 |

Responsive Web Design

187 |

188 | Mastering Responsive Web Design And Media Queries And Know Everything About Breakpoints 189 |

190 |

191 |

192 | Course Info 193 | 650 194 | 90 195 |

196 |

197 |

198 |

199 |

200 |

201 |

Mastering Web Design

202 |

203 | Master The Art Of Web Designing And Mocking, Prototyping And Creating Web Design Archticture 204 |

205 |

206 |

207 | Course Info 208 | 850 209 | 145 210 |

211 |

212 |

213 |

214 |

215 |

216 |

PHP Examples

217 |

218 | PHP Tutorials And Examples And Practice On Web Application And Connecting With Databases 219 |

220 |

221 |

222 | Course Info 223 | 850 224 | 150 225 |

226 |

227 |

228 |

229 |

230 |

231 |

Mastering Python

232 |

233 | Mastering Python To Prepare For Data Science And AI And Automating Things in Your Life 234 |

235 |

236 |

237 | Course Info 238 | 950 239 | 250 240 |

241 |

242 |

243 |

244 |

245 | 246 | 247 | -------------------------------------------------------------------------------- /css/framework.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --blue-color: #0075ff; 3 | --blue-alt-color: #0d69d5; 4 | --orange-color: #f59e0b; 5 | --green-color: #22c55e; 6 | --red-color: #f44336; 7 | --grey-color: #888; 8 | } 9 | /* Start Box */ 10 | .d-flex { 11 | display: flex; 12 | } 13 | .f-wrap { 14 | flex-wrap: wrap; 15 | } 16 | .align-center { 17 | align-items: center; 18 | } 19 | .space-between { 20 | justify-content: space-between; 21 | } 22 | .d-grid { 23 | display: grid; 24 | } 25 | .gap-20 { 26 | gap: 20px; 27 | } 28 | .d-block { 29 | display: block; 30 | } 31 | @media (max-width: 767px) { 32 | .block-mobile { 33 | display: block; 34 | } 35 | .hide-mobile { 36 | display: none; 37 | } 38 | } 39 | /* End Box */ 40 | /* Start Padding + Margin */ 41 | .p-10 { 42 | padding: 10px; 43 | } 44 | .p-15 { 45 | padding: 15px; 46 | } 47 | .p-20 { 48 | padding: 20px; 49 | } 50 | .pt-10 { 51 | padding-top: 10px; 52 | } 53 | .pt-15 { 54 | padding-top: 15px; 55 | } 56 | .pt-20 { 57 | padding-top: 20px; 58 | } 59 | .pb-10 { 60 | padding-bottom: 10px; 61 | } 62 | .pb-15 { 63 | padding-bottom: 15px; 64 | } 65 | .pb-20 { 66 | padding-bottom: 20px; 67 | } 68 | .pl-15 { 69 | padding-left: 15px; 70 | } 71 | .m-0 { 72 | margin: 0; 73 | } 74 | .m-15 { 75 | margin: 15px; 76 | } 77 | .m-20 { 78 | margin: 20px; 79 | } 80 | .mt-0 { 81 | margin-top: 0; 82 | } 83 | .mt-5 { 84 | margin-top: 5px; 85 | } 86 | .mt-10 { 87 | margin-top: 10px; 88 | } 89 | .mt-15 { 90 | margin-top: 15px; 91 | } 92 | .mt-20 { 93 | margin-top: 20px; 94 | } 95 | .mt-25 { 96 | margin-top: 25px; 97 | } 98 | .mr-10 { 99 | margin-right: 10px; 100 | } 101 | .mr-15 { 102 | margin-right: 15px; 103 | } 104 | .mb-5 { 105 | margin-bottom: 5px; 106 | } 107 | .mb-10 { 108 | margin-bottom: 10px; 109 | } 110 | .mb-15 { 111 | margin-bottom: 15px; 112 | } 113 | .mb-20 { 114 | margin-bottom: 20px; 115 | } 116 | .mb-25 { 117 | margin-bottom: 25px; 118 | } 119 | /* End Padding + Margin */ 120 | /* Start Color */ 121 | .c-black { 122 | color: black; 123 | } 124 | .c-white { 125 | color: white; 126 | } 127 | .c-grey { 128 | color: var(--grey-color); 129 | } 130 | .c-red { 131 | color: var(--red-color); 132 | } 133 | .c-green { 134 | color: var(--green-color); 135 | } 136 | .c-blue { 137 | color: var(--blue-color); 138 | } 139 | .c-orange { 140 | color: var(--orange-color); 141 | } 142 | .bg-red { 143 | background-color: var(--red-color); 144 | } 145 | .bg-green { 146 | background-color: var(--green-color); 147 | } 148 | .bg-blue { 149 | background-color: var(--blue-color); 150 | } 151 | .bg-orange { 152 | background-color: var(--orange-color); 153 | } 154 | .bg-white { 155 | background-color: white; 156 | } 157 | .bg-eee { 158 | background-color: #eee; 159 | } 160 | /* End Color */ 161 | /* Start Position */ 162 | .p-relative { 163 | position: relative; 164 | } 165 | .p-absolute { 166 | position: absolute; 167 | } 168 | /* End Position */ 169 | /* Start Font */ 170 | .txt-c { 171 | text-align: center; 172 | } 173 | .fs-13 { 174 | font-size: 13px; 175 | } 176 | .fs-14 { 177 | font-size: 14px; 178 | } 179 | .fs-15 { 180 | font-size: 15px; 181 | } 182 | .fs-25 { 183 | font-size: 25px; 184 | } 185 | .fw-bold { 186 | font-weight: bold; 187 | } 188 | @media (max-width: 767px) { 189 | .txt-c-mobile { 190 | text-align: center; 191 | } 192 | } 193 | /* End Font */ 194 | /* Start Border */ 195 | .rad-6 { 196 | border-radius: 6px; 197 | } 198 | .rad-10 { 199 | border-radius: 10px; 200 | } 201 | .rad-half { 202 | border-radius: 50%; 203 | } 204 | .b-none { 205 | border: none; 206 | } 207 | .border-ccc { 208 | border: 1px solid #ccc; 209 | } 210 | .border-eee { 211 | border: 1px solid #eee; 212 | } 213 | 214 | /* End Border */ 215 | /* Start Width + Height */ 216 | .w-full { 217 | width: 100%; 218 | } 219 | .w-100 { 220 | width: 100px; 221 | } 222 | .w-fit { 223 | width: fit-content; 224 | } 225 | .h-full { 226 | height: 100%; 227 | } 228 | .h-100 { 229 | height: 100px; 230 | } 231 | /* End Width + Height */ 232 | /* Start Components */ 233 | .center-flex { 234 | display: flex; 235 | align-items: center; 236 | justify-content: center; 237 | } 238 | .between-flex { 239 | display: flex; 240 | align-items: center; 241 | justify-content: space-between; 242 | } 243 | .btn-shape { 244 | padding: 4px 10px; 245 | border-radius: 6px; 246 | } 247 | /* End Components */ 248 | -------------------------------------------------------------------------------- /css/master.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --blue-color: #0075ff; 3 | --blue-alt-color: #0d69d5; 4 | --orange-color: #f59e0b; 5 | --green-color: #22c55e; 6 | --red-color: #f44336; 7 | --grey-color: #888; 8 | } 9 | * { 10 | box-sizing: border-box; 11 | } 12 | body { 13 | font-family: "Open Sans", sans-serif; 14 | margin: 0; 15 | } 16 | *:focus { 17 | outline: none; 18 | } 19 | a { 20 | text-decoration: none; 21 | } 22 | ul { 23 | list-style: none; 24 | padding: 0; 25 | } 26 | ::-webkit-scrollbar { 27 | width: 15px; 28 | } 29 | ::-webkit-scrollbar-track { 30 | background-color: white; 31 | } 32 | ::-webkit-scrollbar-thumb { 33 | background-color: var(--blue-color); 34 | } 35 | ::-webkit-scrollbar-thumb:hover { 36 | background-color: var(--blue-alt-color); 37 | } 38 | .page { 39 | background-color: #f1f5f9; 40 | min-height: 100vh; 41 | } 42 | /* Start Sidebar */ 43 | .sidebar { 44 | width: 250px; 45 | box-shadow: 0 0 10px #ddd; 46 | } 47 | .sidebar > h3 { 48 | margin-bottom: 50px; 49 | } 50 | .sidebar > h3::before, 51 | .sidebar > h3::after { 52 | content: ""; 53 | background-color: black; 54 | transform: translateX(-50%); 55 | position: absolute; 56 | left: 50%; 57 | } 58 | .sidebar > h3::before { 59 | width: 80px; 60 | height: 2px; 61 | bottom: -20px; 62 | } 63 | .sidebar > h3::after { 64 | bottom: -29px; 65 | width: 12px; 66 | height: 12px; 67 | border-radius: 50%; 68 | border: 4px solid white; 69 | } 70 | .sidebar ul li a { 71 | transition: 0.3s; 72 | margin-bottom: 5px; 73 | } 74 | .sidebar ul li a:hover, 75 | .sidebar ul li a.active { 76 | background-color: #f6f6f6; 77 | } 78 | .sidebar ul li a span { 79 | font-size: 14px; 80 | margin-left: 10px; 81 | } 82 | @media (max-width: 767px) { 83 | .sidebar { 84 | width: 58px; 85 | padding: 10px; 86 | } 87 | .sidebar > h3 { 88 | font-size: 13px; 89 | margin-bottom: 15px; 90 | } 91 | .sidebar > h3::before, 92 | .sidebar > h3::after { 93 | display: none; 94 | } 95 | .sidebar ul li a span { 96 | display: none; 97 | } 98 | } 99 | /* End Sidebar */ 100 | /* Start Content */ 101 | .content { 102 | overflow: hidden; 103 | } 104 | .head .search::before { 105 | font-family: var(--fa-style-family-classic); 106 | content: "\f002"; 107 | font-weight: 900; 108 | position: absolute; 109 | left: 15px; 110 | top: 50%; 111 | transform: translateY(-50%); 112 | font-size: 14px; 113 | color: var(--grey-color); 114 | } 115 | .head .search input { 116 | border: 1px solid #ccc; 117 | border-radius: 10px; 118 | margin-left: 5px; 119 | padding-left: 30px; 120 | width: 160px; 121 | transition: width 0.3s; 122 | } 123 | .head .search input:focus { 124 | width: 200px; 125 | } 126 | .head .search input:focus::placeholder { 127 | opacity: 0; 128 | } 129 | .head .icons .notification::before { 130 | content: ""; 131 | position: absolute; 132 | width: 10px; 133 | height: 10px; 134 | background-color: var(--red-color); 135 | border-radius: 50%; 136 | right: -5px; 137 | top: -5px; 138 | } 139 | .head .icons img { 140 | width: 32px; 141 | height: 32px; 142 | margin-left: 15px; 143 | } 144 | .page h1 { 145 | margin: 20px 20px 40px; 146 | } 147 | .page h1::before, 148 | .page h1::after { 149 | content: ""; 150 | height: 3px; 151 | position: absolute; 152 | bottom: -10px; 153 | left: 0; 154 | } 155 | .page h1::before { 156 | background-color: white; 157 | width: 120px; 158 | } 159 | .page h1::after { 160 | background-color: black; 161 | width: 40px; 162 | } 163 | .wrapper { 164 | grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); 165 | margin-left: 20px; 166 | margin-right: 20px; 167 | margin-bottom: 20px; 168 | } 169 | @media (max-width: 767px) { 170 | .wrapper { 171 | grid-template-columns: minmax(200px, 1fr); 172 | margin-left: 10px; 173 | margin-right: 10px; 174 | gap: 10px; 175 | } 176 | } 177 | /* End Content */ 178 | /* Start Welcome Widget */ 179 | .welcome { 180 | overflow: hidden; 181 | } 182 | .welcome .intro img { 183 | width: 200px; 184 | margin-bottom: -10px; 185 | } 186 | .welcome .avatar { 187 | width: 64px; 188 | height: 64px; 189 | border: 2px solid white; 190 | border-radius: 50%; 191 | padding: 2px; 192 | box-shadow: 0 0 5px #ddd; 193 | margin-left: 20px; 194 | margin-top: -32px; 195 | } 196 | .welcome .body { 197 | border-top: 1px solid #eee; 198 | border-bottom: 1px solid #eee; 199 | } 200 | .welcome .body > div { 201 | flex: 1; 202 | } 203 | .welcome .visit { 204 | margin: 0 15px 15px auto; 205 | transition: 0.3s; 206 | } 207 | .welcome .visit:hover { 208 | background-color: var(--blue-alt-color); 209 | } 210 | @media (max-width: 767px) { 211 | .welcome .intro { 212 | padding-bottom: 30px; 213 | } 214 | .welcome .avatar { 215 | margin-left: 0; 216 | } 217 | .welcome .body > div:not(:last-child) { 218 | margin-bottom: 20px; 219 | } 220 | } 221 | /* End Welcome Widget */ 222 | /* Start Quick Draft Widget */ 223 | .quick-draft textarea { 224 | resize: none; 225 | min-height: 180px; 226 | } 227 | .quick-draft .save { 228 | margin-left: auto; 229 | transition: 0.3s; 230 | cursor: pointer; 231 | } 232 | .quick-draft .save:hover { 233 | background-color: var(--blue-alt-color); 234 | } 235 | /* End Quick Draft Widget */ 236 | /* Start Targets */ 237 | .targets .target-row .icon { 238 | width: 80px; 239 | height: 80px; 240 | margin-right: 15px; 241 | } 242 | .targets .details { 243 | flex: 1; 244 | } 245 | .targets .details .progress { 246 | height: 4px; 247 | } 248 | .targets .details .progress > span { 249 | position: absolute; 250 | left: 0; 251 | top: 0; 252 | height: 100%; 253 | } 254 | .targets .details .progress > span span { 255 | position: absolute; 256 | bottom: 16px; 257 | right: -16px; 258 | color: white; 259 | padding: 2px 5px; 260 | border-radius: 6px; 261 | font-size: 13px; 262 | } 263 | .targets .details .progress > span span::after { 264 | content: ""; 265 | border-color: transparent; 266 | border-width: 5px; 267 | border-style: solid; 268 | position: absolute; 269 | bottom: -10px; 270 | left: 50%; 271 | transform: translateX(-50%); 272 | } 273 | .targets .details .progress > .blue span::after { 274 | border-top-color: var(--blue-color); 275 | } 276 | .targets .details .progress > .orange span::after { 277 | border-top-color: var(--orange-color); 278 | } 279 | .targets .details .progress > .green span::after { 280 | border-top-color: var(--green-color); 281 | } 282 | .blue .icon, 283 | .blue .progress { 284 | background-color: rgb(0 117 255 / 20%); 285 | } 286 | .orange .icon, 287 | .orange .progress { 288 | background-color: rgb(245 158 11 / 20%); 289 | } 290 | .green .icon, 291 | .green .progress { 292 | background-color: rgb(34 197 94 / 20%); 293 | } 294 | /* End Targets */ 295 | /* Start Tickets */ 296 | .tickets .box { 297 | border: 1px solid #ccc; 298 | width: calc(50% - 10px); 299 | } 300 | @media (max-width: 767px) { 301 | .tickets .box { 302 | width: 100%; 303 | } 304 | } 305 | /* End Tickets */ 306 | /* Start Latest News */ 307 | .latest-news .news-row:not(:last-of-type) { 308 | margin-bottom: 20px; 309 | padding-bottom: 20px; 310 | border-bottom: 1px solid #eee; 311 | } 312 | .latest-news .news-row img { 313 | width: 100px; 314 | border-radius: 6px; 315 | margin-right: 15px; 316 | } 317 | .latest-news .info { 318 | flex-grow: 1; 319 | } 320 | .latest-news .info h3 { 321 | margin: 0 0 6px; 322 | font-size: 16px; 323 | } 324 | @media (max-width: 767px) { 325 | .latest-news .news-row { 326 | display: block; 327 | } 328 | .latest-news .news-row .label { 329 | margin: 10px auto; 330 | width: fit-content; 331 | } 332 | } 333 | /* End Latest News */ 334 | /* Start Tasks */ 335 | .tasks .task-row:not(:last-of-type) { 336 | margin-bottom: 15px; 337 | padding-bottom: 15px; 338 | border-bottom: 1px solid #eee; 339 | } 340 | .tasks .info { 341 | flex-grow: 1; 342 | } 343 | .tasks .done { 344 | opacity: 0.3; 345 | } 346 | .tasks .done h3, 347 | .tasks .done p { 348 | text-decoration: line-through; 349 | } 350 | .tasks .delete { 351 | cursor: pointer; 352 | transition: 0.3s; 353 | } 354 | .tasks .delete:hover { 355 | color: var(--red-color); 356 | } 357 | /* End Tasks */ 358 | /* Start Latest Uploads */ 359 | .latest-uploads ul li:not(:last-child) { 360 | border-bottom: 1px solid #eee; 361 | } 362 | .latest-uploads ul li img { 363 | width: 40px; 364 | height: 40px; 365 | } 366 | /* End Latest Uploads */ 367 | /* Start Last Project */ 368 | .last-project ul::before { 369 | content: ""; 370 | position: absolute; 371 | left: 11px; 372 | width: 2px; 373 | height: 100%; 374 | background-color: var(--blue-color); 375 | } 376 | .last-project ul li::before { 377 | content: ""; 378 | width: 20px; 379 | height: 20px; 380 | display: block; 381 | border-radius: 50%; 382 | background-color: white; 383 | border: 2px solid white; 384 | outline: 2px solid var(--blue-color); 385 | margin-right: 15px; 386 | z-index: 1; 387 | } 388 | .last-project ul li.done::before { 389 | background-color: var(--blue-color); 390 | } 391 | .last-project ul li.current::before { 392 | animation: change-color 0.8s infinite alternate; 393 | } 394 | .last-project .launch-icon { 395 | position: absolute; 396 | width: 160px; 397 | right: 0; 398 | bottom: 0; 399 | opacity: 0.1; 400 | } 401 | /* End Last Project */ 402 | /* Start Reminders */ 403 | .reminders ul li .key { 404 | width: 15px; 405 | height: 15px; 406 | } 407 | .reminders ul li > .blue { 408 | border-left: 2px solid var(--blue-color); 409 | } 410 | .reminders ul li > .green { 411 | border-left: 2px solid var(--green-color); 412 | } 413 | .reminders ul li > .orange { 414 | border-left: 2px solid var(--orange-color); 415 | } 416 | .reminders ul li > .red { 417 | border-left: 2px solid var(--red-color); 418 | } 419 | /* End Reminders */ 420 | /* Start Latest Post */ 421 | .latest-post .avatar { 422 | width: 48px; 423 | height: 48px; 424 | } 425 | .latest-post .post-content { 426 | text-transform: capitalize; 427 | line-height: 1.8; 428 | border-top: 1px solid #eee; 429 | border-bottom: 1px solid #eee; 430 | min-height: 140px; 431 | } 432 | /* End Latest Post */ 433 | /* Start Social Media */ 434 | .social-media .box { 435 | padding-left: 70px; 436 | } 437 | .social-media .box i { 438 | position: absolute; 439 | left: 0; 440 | top: 0; 441 | width: 52px; 442 | transition: 0.3s; 443 | } 444 | .social-media .box i:hover { 445 | transform: rotate(5deg); 446 | } 447 | .social-media .twitter { 448 | background-color: rgb(29 161 242 / 20%); 449 | color: #1da1f2; 450 | } 451 | .social-media .twitter i, 452 | .social-media .twitter a { 453 | background-color: #1da1f2; 454 | } 455 | .social-media .facebook { 456 | background-color: rgb(24 119 242 / 20%); 457 | color: #1da1f2; 458 | } 459 | .social-media .facebook i, 460 | .social-media .facebook a { 461 | background-color: #1877f2; 462 | } 463 | .social-media .youtube { 464 | background-color: rgb(255 0 0 / 20%); 465 | color: #ff0000; 466 | } 467 | .social-media .youtube i, 468 | .social-media .youtube a { 469 | background-color: #ff0000; 470 | } 471 | .social-media .linkedin { 472 | background-color: rgb(0 119 181 / 20%); 473 | color: #0077b5; 474 | } 475 | .social-media .linkedin i, 476 | .social-media .linkedin a { 477 | background-color: #0077b5; 478 | } 479 | /* End Social Media */ 480 | /* Start Projects Table */ 481 | .projects .responsive-table { 482 | overflow-x: auto; 483 | } 484 | .projects table { 485 | min-width: 1000px; 486 | border-spacing: 0; 487 | } 488 | .projects thead td { 489 | background-color: #eee; 490 | font-weight: bold; 491 | } 492 | .projects table td { 493 | padding: 15px; 494 | } 495 | .projects tbody td { 496 | border-bottom: 1px solid #eee; 497 | border-left: 1px solid #eee; 498 | transition: 0.3s; 499 | } 500 | .projects table tbody tr td:last-child { 501 | border-right: 1px solid #eee; 502 | } 503 | .projects tbody tr:hover td { 504 | background-color: #faf7f7; 505 | } 506 | .projects table img { 507 | width: 32px; 508 | height: 32px; 509 | border-radius: 50%; 510 | padding: 2px; 511 | background-color: white; 512 | } 513 | .projects table img:not(:first-child) { 514 | margin-left: -20px; 515 | } 516 | .projects table .label { 517 | font-size: 13px; 518 | } 519 | /* End Projects Table */ 520 | /* Start Settings */ 521 | .settings-page { 522 | grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); 523 | } 524 | @media (max-width: 767px) { 525 | .settings-page { 526 | grid-template-columns: minmax(100px, 1fr); 527 | margin-left: 10px; 528 | margin-right: 10px; 529 | gap: 10px; 530 | } 531 | } 532 | .settings-page .close-message { 533 | border: 1px solid #ccc; 534 | resize: none; 535 | min-height: 150px; 536 | } 537 | .settings-page .email { 538 | display: inline-flex; 539 | width: calc(100% - 80px); 540 | } 541 | .settings-page .sec-box { 542 | padding-bottom: 15px; 543 | } 544 | .settings-page .sec-box:not(:last-of-type) { 545 | border-bottom: 1px solid #eee; 546 | } 547 | .settings-page .sec-box .button { 548 | transition: 0.3s; 549 | } 550 | .settings-page .sec-box .button:hover { 551 | background-color: var(--blue-alt-color); 552 | } 553 | .settings-page .social-boxes i { 554 | width: 40px; 555 | height: 40px; 556 | background-color: #f6f6f6; 557 | border: 1px solid #ddd; 558 | border-right: none; 559 | border-radius: 6px 0 0 6px; 560 | transition: 0.3s; 561 | } 562 | .settings-page .social-boxes input { 563 | height: 40px; 564 | background-color: #f6f6f6; 565 | border: 1px solid #ddd; 566 | padding-left: 10px; 567 | border-radius: 0 6px 6px 0; 568 | } 569 | .settings-page .social-boxes > div:focus-within i { 570 | color: black; 571 | } 572 | .widgets-control .control input[type="checkbox"] { 573 | -webkit-appearance: none; 574 | appearance: none; 575 | } 576 | .widgets-control .control label { 577 | padding-left: 30px; 578 | cursor: pointer; 579 | position: relative; 580 | } 581 | .widgets-control .control label::before, 582 | .widgets-control .control label::after { 583 | position: absolute; 584 | left: 0; 585 | top: 50%; 586 | margin-top: -9px; 587 | border-radius: 4px; 588 | } 589 | .widgets-control .control label::before { 590 | content: ""; 591 | width: 14px; 592 | height: 14px; 593 | border: 2px solid var(--grey-color); 594 | } 595 | .widgets-control .control label:hover::before { 596 | border-color: var(--blue-alt-color); 597 | } 598 | .widgets-control .control label::after { 599 | font-family: var(--fa-style-family-classic); 600 | content: "\f00c"; 601 | font-weight: 900; 602 | background-color: var(--blue-color); 603 | color: white; 604 | font-size: 12px; 605 | width: 18px; 606 | height: 18px; 607 | display: flex; 608 | justify-content: center; 609 | align-items: center; 610 | transform: scale(0) rotate(360deg); 611 | transition: 0.3s; 612 | } 613 | .widgets-control .control input[type="checkbox"]:checked + label::after { 614 | transform: scale(1); 615 | } 616 | .backup-control input[type="radio"] { 617 | -webkit-appearance: none; 618 | appearance: none; 619 | } 620 | .backup-control .date label { 621 | padding-left: 30px; 622 | cursor: pointer; 623 | position: relative; 624 | } 625 | .backup-control .date label::before { 626 | content: ""; 627 | position: absolute; 628 | top: 50%; 629 | left: 0; 630 | margin-top: -11px; 631 | width: 18px; 632 | height: 18px; 633 | border: 2px solid var(--grey-color); 634 | border-radius: 50%; 635 | } 636 | .backup-control .date label::after { 637 | content: ""; 638 | position: absolute; 639 | left: 5px; 640 | top: 5px; 641 | width: 12px; 642 | height: 12px; 643 | background: var(--blue-color); 644 | border-radius: 50%; 645 | transition: 0.3s; 646 | transform: scale(0); 647 | } 648 | .backup-control .date input[type="radio"]:checked + label::before { 649 | border-color: var(--blue-color); 650 | } 651 | .backup-control .date input[type="radio"]:checked + label::after { 652 | transform: scale(1); 653 | } 654 | .backup-control .servers { 655 | border-top: 1px solid #eee; 656 | padding-top: 20px; 657 | } 658 | @media (max-width: 767px) { 659 | .backup-control .servers { 660 | flex-wrap: wrap; 661 | } 662 | } 663 | .backup-control .servers .server { 664 | border: 2px solid #eee; 665 | position: relative; 666 | } 667 | .backup-control .servers .server label { 668 | cursor: pointer; 669 | } 670 | .backup-control .servers input[type="radio"]:checked + .server { 671 | border-color: var(--blue-color); 672 | color: var(--blue-color); 673 | } 674 | .toggle-checkbox { 675 | -webkit-appearance: none; 676 | appearance: none; 677 | display: none; 678 | } 679 | .toggle-switch { 680 | background-color: #ccc; 681 | width: 78px; 682 | height: 32px; 683 | border-radius: 16px; 684 | position: relative; 685 | transition: 0.3s; 686 | cursor: pointer; 687 | } 688 | .toggle-switch::before { 689 | font-family: var(--fa-style-family-classic); 690 | content: "\f00d"; 691 | font-weight: 900; 692 | background-color: white; 693 | width: 24px; 694 | height: 24px; 695 | position: absolute; 696 | border-radius: 50%; 697 | top: 4px; 698 | left: 4px; 699 | display: flex; 700 | justify-content: center; 701 | align-items: center; 702 | color: #aaa; 703 | transition: 0.3s; 704 | } 705 | .toggle-checkbox:checked + .toggle-switch { 706 | background-color: var(--blue-color); 707 | } 708 | .toggle-checkbox:checked + .toggle-switch::before { 709 | content: "\f00c"; 710 | left: 50px; 711 | color: var(--blue-color); 712 | } 713 | .settings-page :disabled { 714 | cursor: no-drop; 715 | background-color: #f0f4f8; 716 | color: #bbb; 717 | } 718 | /* End Settings */ 719 | /* Start Profile Page */ 720 | @media (max-width: 767px) { 721 | .profile-page .overview { 722 | flex-direction: column; 723 | } 724 | } 725 | .profile-page .avatar-box { 726 | width: 300px; 727 | } 728 | @media (min-width: 768px) { 729 | .profile-page .avatar-box { 730 | border-right: 1px solid #eee; 731 | } 732 | } 733 | .profile-page .avatar-box > img { 734 | width: 120px; 735 | height: 120px; 736 | } 737 | .profile-page .avatar-box .level { 738 | height: 6px; 739 | overflow: hidden; 740 | margin: auto; 741 | width: 70%; 742 | } 743 | .profile-page .avatar-box .level span { 744 | position: absolute; 745 | left: 0; 746 | top: 0; 747 | height: 100%; 748 | background-color: var(--blue-color); 749 | border-radius: 6px; 750 | } 751 | .profile-page .info-box .box { 752 | flex-wrap: wrap; 753 | border-bottom: 1px solid #eee; 754 | transition: 0.3s; 755 | } 756 | .profile-page .info-box .box:hover { 757 | background-color: #f9f9f9; 758 | } 759 | .profile-page .info-box .box > div { 760 | min-width: 250px; 761 | padding: 10px 0 0; 762 | } 763 | .profile-page .info-box h4 { 764 | font-weight: normal; 765 | } 766 | /* Start Training Code */ 767 | .profile-page .info-box .toggle-switch { 768 | height: 20px; 769 | } 770 | @media (max-width: 767px) { 771 | .profile-page .info-box .toggle-switch { 772 | margin: auto; 773 | } 774 | } 775 | .profile-page .info-box .toggle-switch::before { 776 | width: 12px; 777 | height: 12px; 778 | font-size: 8px; 779 | } 780 | .profile-page .info-box .toggle-checkbox:checked + .toggle-switch::before { 781 | left: 62px; 782 | } 783 | /* End Training Code */ 784 | @media (max-width: 767px) { 785 | .profile-page .other-data { 786 | flex-direction: column; 787 | } 788 | } 789 | .profile-page .skills-card { 790 | flex-grow: 1; 791 | } 792 | .profile-page .skills-card ul li { 793 | padding: 15px 0; 794 | } 795 | .profile-page .skills-card ul li:not(:last-child) { 796 | border-bottom: 1px solid #eee; 797 | } 798 | .profile-page .skills-card ul li span { 799 | display: inline-flex; 800 | padding: 4px 10px; 801 | background-color: #eee; 802 | border-radius: 6px; 803 | font-size: 14px; 804 | } 805 | .profile-page .skills-card ul li span:not(:last-child) { 806 | margin-right: 5px; 807 | } 808 | .profile-page .activities { 809 | flex-grow: 2; 810 | } 811 | .profile-page .activity:not(:last-of-type) { 812 | border-bottom: 1px solid #eee; 813 | padding-bottom: 20px; 814 | margin-bottom: 20px; 815 | } 816 | .profile-page .activity img { 817 | width: 64px; 818 | height: 64px; 819 | margin-right: 10px; 820 | } 821 | @media (min-width: 768px) { 822 | .profile-page .activity .date { 823 | margin-left: auto; 824 | text-align: right; 825 | } 826 | } 827 | @media (max-width: 767px) { 828 | .profile-page .activity { 829 | flex-direction: column; 830 | } 831 | .profile-page .activity img { 832 | margin-right: 0; 833 | margin-bottom: 15px; 834 | } 835 | .profile-page .activity .date { 836 | margin-top: 15px; 837 | } 838 | } 839 | /* End Profile Page */ 840 | /* Start Projects Page */ 841 | .projects-page { 842 | grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); 843 | } 844 | @media (max-width: 767px) { 845 | .projects-page { 846 | grid-template-columns: minmax(200px, 1fr); 847 | margin-left: 10px; 848 | margin-right: 10px; 849 | gap: 10px; 850 | } 851 | } 852 | .projects-page .project .date { 853 | position: absolute; 854 | right: 10px; 855 | top: 10px; 856 | } 857 | .projects-page .project h4 { 858 | font-weight: normal; 859 | } 860 | .projects-page .project .team { 861 | position: relative; 862 | min-height: 80px; 863 | } 864 | .projects-page .project .team a { 865 | position: absolute; 866 | left: 0; 867 | bottom: 0; 868 | } 869 | .projects-page .project .team a:nth-child(2) { 870 | left: 25px; 871 | } 872 | .projects-page .project .team a:nth-child(3) { 873 | left: 50px; 874 | } 875 | .projects-page .project .team a:nth-child(4) { 876 | left: 75px; 877 | } 878 | .projects-page .project .team a:nth-child(5) { 879 | left: 100px; 880 | } 881 | .projects-page .project .team a:hover { 882 | z-index: 1000; 883 | } 884 | .projects-page .project .team img { 885 | width: 40px; 886 | height: 40px; 887 | border-radius: 50%; 888 | border: 2px solid white; 889 | } 890 | .projects-page .project .do { 891 | justify-content: flex-end; 892 | border-top: 1px solid #eee; 893 | padding-top: 15px; 894 | margin-top: 15px; 895 | } 896 | @media (max-width: 767px) { 897 | .projects-page .project .do { 898 | flex-direction: column; 899 | } 900 | } 901 | .projects-page .project .do span { 902 | padding: 3px 8px; 903 | margin-left: 5px; 904 | width: fit-content; 905 | } 906 | @media (max-width: 767px) { 907 | .projects-page .project .do span:not(:last-child) { 908 | margin-bottom: 15px; 909 | } 910 | } 911 | .projects-page .project .info { 912 | border-top: 1px solid #eee; 913 | margin-top: 15px; 914 | padding-top: 15px; 915 | } 916 | @media (max-width: 767px) { 917 | .projects-page .project .info { 918 | flex-direction: column; 919 | } 920 | } 921 | .projects-page .project .prog { 922 | height: 8px; 923 | width: 260px; 924 | position: relative; 925 | border-radius: 6px; 926 | } 927 | @media (max-width: 767px) { 928 | .projects-page .project .prog { 929 | margin-bottom: 15px; 930 | } 931 | } 932 | .projects-page .project .prog span { 933 | position: absolute; 934 | left: 0; 935 | top: 0; 936 | height: 100%; 937 | border-radius: 6px; 938 | } 939 | /* End Projects Page */ 940 | /* Start Courses Page */ 941 | .courses-page { 942 | grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); 943 | } 944 | @media (max-width: 767px) { 945 | .courses-page { 946 | grid-template-columns: minmax(200px, 1fr); 947 | margin-left: 10px; 948 | margin-right: 10px; 949 | gap: 10px; 950 | } 951 | } 952 | .courses-page .course { 953 | overflow: hidden; 954 | } 955 | .courses-page .course .cover { 956 | max-width: 100%; 957 | } 958 | .courses-page .course .instructor { 959 | position: absolute; 960 | width: 64px; 961 | height: 64px; 962 | border-radius: 50%; 963 | top: 20px; 964 | left: 20px; 965 | border: 2px solid white; 966 | } 967 | .courses-page .course .description { 968 | line-height: 1.6; 969 | } 970 | .courses-page .course .info { 971 | border-top: 1px solid #eee; 972 | font-size: 13px; 973 | } 974 | .courses-page .course .info .title { 975 | position: absolute; 976 | top: -13px; 977 | left: 50%; 978 | transform: translateX(-50%); 979 | font-size: 13px; 980 | } 981 | /* End Courses Page */ 982 | /* Start Friends Page */ 983 | .friends-page { 984 | grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); 985 | } 986 | @media (max-width: 767px) { 987 | .friends-page { 988 | grid-template-columns: minmax(200px, 1fr); 989 | margin-left: 10px; 990 | margin-right: 10px; 991 | gap: 10px; 992 | } 993 | } 994 | .friends-page .contact { 995 | position: absolute; 996 | left: 10px; 997 | top: 10px; 998 | } 999 | .friends-page .contact i { 1000 | background-color: #eee; 1001 | padding: 10px; 1002 | border-radius: 50%; 1003 | color: #666; 1004 | font-size: 13px; 1005 | cursor: pointer; 1006 | transition: 0.3s; 1007 | } 1008 | .friends-page .contact i:hover { 1009 | background-color: var(--blue-color); 1010 | color: white; 1011 | } 1012 | .friends-page .friend .icons { 1013 | border-top: 1px solid #eee; 1014 | border-bottom: 1px solid #eee; 1015 | margin-top: 15px; 1016 | margin-bottom: 15px; 1017 | padding-top: 15px; 1018 | padding-bottom: 15px; 1019 | } 1020 | .friends-page .friend .icons i { 1021 | margin-right: 5px; 1022 | } 1023 | .friends-page .friend .icons .vip { 1024 | position: absolute; 1025 | right: 0; 1026 | top: 50%; 1027 | transform: translateY(-50%); 1028 | font-size: 40px; 1029 | opacity: 0.2; 1030 | } 1031 | /* End Friends Page */ 1032 | /* Start Files Page */ 1033 | .files-page { 1034 | flex-direction: row-reverse; 1035 | align-items: flex-start; 1036 | } 1037 | @media (max-width: 767px) { 1038 | .files-page { 1039 | flex-direction: column; 1040 | align-items: normal; 1041 | } 1042 | } 1043 | .files-page .files-stats { 1044 | min-width: 260px; 1045 | } 1046 | .files-page .files-stats .icon { 1047 | width: 40px; 1048 | height: 40px; 1049 | margin-right: 10px; 1050 | } 1051 | .files-page .files-stats .size { 1052 | margin-left: auto; 1053 | } 1054 | .files-page .files-stats .blue { 1055 | background-color: rgb(0 117 255 / 20%); 1056 | } 1057 | .files-page .files-stats .green { 1058 | background-color: rgb(34 197 94 / 20%); 1059 | } 1060 | .files-page .files-stats .red { 1061 | background-color: rgb(244 67 54 / 20%); 1062 | } 1063 | .files-page .files-stats .orange { 1064 | background-color: rgb(245 158 11 / 20%); 1065 | } 1066 | .files-page .files-stats .upload { 1067 | margin: 15px auto 0; 1068 | padding: 10px 15px; 1069 | transition: 0.3s; 1070 | } 1071 | .files-page .files-stats .upload:hover { 1072 | background-color: var(--blue-alt-color); 1073 | } 1074 | .files-page .files-stats .upload:hover i { 1075 | animation: go-up 0.8s infinite; 1076 | } 1077 | .files-page .files-content { 1078 | flex: 1; 1079 | grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 1080 | } 1081 | .files-page .files-content img { 1082 | width: 64px; 1083 | height: 64px; 1084 | transition: 0.3s; 1085 | } 1086 | .files-page .files-content .file:hover img { 1087 | transform: rotate(5deg); 1088 | } 1089 | .files-page .files-content .info { 1090 | border-top: 1px solid #eee; 1091 | } 1092 | /* End Files Page */ 1093 | /* Start Plans Page */ 1094 | .plans-page { 1095 | grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); 1096 | } 1097 | @media (max-width: 767px) { 1098 | .plans-page { 1099 | grid-template-columns: minmax(250px, 1fr); 1100 | margin-left: 10px; 1101 | margin-right: 10px; 1102 | gap: 10px; 1103 | } 1104 | } 1105 | .plans-page .plan .top { 1106 | border: 3px solid white; 1107 | outline: 3px solid transparent; 1108 | } 1109 | .plans-page .plan.green .top { 1110 | outline-color: var(--green-color); 1111 | } 1112 | .plans-page .plan.blue .top { 1113 | outline-color: var(--blue-color); 1114 | } 1115 | .plans-page .plan.orange .top { 1116 | outline-color: var(--orange-color); 1117 | } 1118 | .plans-page .plan .price { 1119 | position: relative; 1120 | font-size: 40px; 1121 | width: fit-content; 1122 | margin: auto; 1123 | } 1124 | .plans-page .plan .price span { 1125 | position: absolute; 1126 | left: -20px; 1127 | top: 0; 1128 | font-size: 25px; 1129 | } 1130 | .plans-page .plan ul li { 1131 | padding: 15px 0; 1132 | display: flex; 1133 | align-items: center; 1134 | font-size: 15px; 1135 | border-bottom: 1px solid #eee; 1136 | } 1137 | .plans-page .plan ul li .yes { 1138 | color: var(--green-color); 1139 | } 1140 | .plans-page .plan ul li i:not(.yes, .help) { 1141 | color: var(--red-color); 1142 | } 1143 | .plans-page .plan ul li i:first-child { 1144 | font-size: 18px; 1145 | margin-right: 5px; 1146 | } 1147 | .plans-page .plan ul li .help { 1148 | color: var(--grey-color); 1149 | margin-left: auto; 1150 | cursor: pointer; 1151 | } 1152 | /* End Plans Page */ 1153 | /* Start Animation */ 1154 | @keyframes change-color { 1155 | from { 1156 | background-color: var(--blue-color); 1157 | } 1158 | to { 1159 | background-color: white; 1160 | } 1161 | } 1162 | @keyframes go-up { 1163 | 0%, 1164 | 100% { 1165 | transform: translateY(0); 1166 | } 1167 | 50% { 1168 | transform: translateY(-5px); 1169 | } 1170 | } 1171 | /* End Animation */ 1172 | -------------------------------------------------------------------------------- /files.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Files 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |

17 |

18 |

Elzero

19 |

21 | 22 | 23 | Dashboard 24 | 25 |
27 | 28 | 29 | Settings 30 | 31 |
33 | 34 | 35 | Profile 36 | 37 |
39 | 40 | 41 | Projects 42 | 43 |
45 | 46 | 47 | Courses 48 | 49 |
51 | 52 | 53 | Friends 54 | 55 |
57 | 58 | 59 | Files 60 | 61 |
63 | 64 | 65 | Plans 66 | 67 |

69 |

70 |

71 | 72 |

73 |

74 | 75 |

76 |

77 | 78 | 79 | 80 |

81 |

82 |

83 | 84 |

Files

85 |

86 |

87 |

Files Statistics

88 |

89 | 90 |

91 | PDF Files 92 | 130 93 |

94 |

6.5GB

95 |

96 |

97 | 98 |

99 | Images 100 | 115 Files 101 |

102 |

3.5GB

103 |

104 |

105 | 106 |

107 | Word Files 108 | 110 Files 109 |

110 |

3.2GB

111 |

112 |

113 | 114 |

115 | CSV Files 116 | 99 Files 117 |

118 |

2.9GB

119 |

120 | 121 | 122 | Upload 123 | 124 |

125 |

126 |

127 | 128 |

129 |

130 |

131 |

my-file.pdf

132 |

Elzero

133 |

134 | 20/06/2020 135 | 5.5MB 136 |

137 |

138 |

139 | 140 |

141 |

142 |

143 |

my-file.avi

144 |

Admin

145 |

146 | 16/5/2021 147 | 12.5MB 148 |

149 |

150 |

151 | 152 |

153 |

154 |

155 |

my-file.eps

156 |

Uploader

157 |

158 | 16/5/2021 159 | 2.7MB 160 |

161 |

162 |

163 | 164 |

165 |

166 |

167 |

my-file.psd

168 |

Osama

169 |

170 | 16/5/2021 171 | 15.1MB 172 |

173 |

174 |

175 | 176 |

177 |

178 |

179 |

my-file.dll

180 |

Coder

181 |

182 | 16/5/2021 183 | 2.2MB 184 |

185 |

186 |

187 | 188 |

189 |

190 |

191 |

my-file.png

192 |

Designer

193 |

194 | 16/5/2021 195 | 1.1MB 196 |

197 |

198 |

199 | 200 |

201 |

202 |

203 |

my-file.dll

204 |

Coder

205 |

206 | 16/5/2021 207 | 2.2MB 208 |

209 |

210 |

211 | 212 |

213 |

214 |

215 |

my-file.png

216 |

Designer

217 |

218 | 16/5/2021 219 | 1.1MB 220 |

221 |

222 |

223 | 224 |

225 |

226 |

227 |

my-file.psd

228 |

Osama

229 |

230 | 16/5/2021 231 | 15.1MB 232 |

233 |

234 |

235 | 236 |

237 |

238 |

239 |

my-file.pdf

240 |

Elzero

241 |

242 | 16/5/2021 243 | 5.5MB 244 |

245 |

246 |

247 | 248 |

249 |

250 |

251 |

my-file.avi

252 |

Admin

253 |

254 | 16/5/2021 255 | 12.5MB 256 |

257 |

258 |

259 | 260 |

261 |

262 |

263 |

my-file.eps

264 |

Uploader

265 |

266 | 16/5/2021 267 | 2.7MB 268 |

269 |

270 |

271 | 272 |

273 |

274 |

275 |

my-file.pdf

276 |

Elzero

277 |

278 | 16/5/2021 279 | 5.5MB 280 |

281 |

282 |

283 | 284 |

285 |

286 |

287 |

my-file.avi

288 |

Admin

289 |

290 | 16/5/2021 291 | 12.5MB 292 |

293 |

294 |

295 | 296 |

297 |

298 |

299 |

my-file.eps

300 |

Uploader

301 |

302 | 16/5/2021 303 | 2.7MB 304 |

305 |

306 |

307 | 308 |

309 |

310 |

311 |

my-file.psd

312 |

Osama

313 |

314 | 16/5/2021 315 | 15.1MB 316 |

317 |

318 |

319 | 320 |

321 |

322 |

323 |

my-file.dll

324 |

Coder

325 |

326 | 16/5/2021 327 | 2.2MB 328 |

329 |

330 |

331 | 332 |

333 |

334 |

335 |

my-file.png

336 |

Designer

337 |

338 | 16/5/2021 339 | 1.1MB 340 |

341 |

342 |

343 | 344 |

345 |

346 |

347 |

my-file.dll

348 |

Coder

349 |

350 | 16/5/2021 351 | 2.2MB 352 |

353 |

354 |

355 | 356 |

357 |

358 |

359 |

my-file.png

360 |

Designer

361 |

362 | 16/5/2021 363 | 1.1MB 364 |

365 |

366 |

367 | 368 |

369 |

370 |

371 |

my-file.psd

372 |

Osama

373 |

374 | 16/5/2021 375 | 15.1MB 376 |

377 |

378 |

379 | 380 |

381 |

382 |

383 |

my-file.pdf

384 |

Elzero

385 |

386 | 16/5/2021 387 | 5.5MB 388 |

389 |

390 |

391 | 392 |

393 |

394 |

395 |

my-file.avi

396 |

Admin

397 |

398 | 16/5/2021 399 | 12.5MB 400 |

401 |

402 |

403 | 404 |

405 |

406 |

407 |

my-file.eps

408 |

Uploader

409 |

410 | 16/5/2021 411 | 2.7MB 412 |

413 |

414 |

415 |

416 |

417 |

418 | 419 | 420 | -------------------------------------------------------------------------------- /friends.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Friends 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |

17 |

18 |

Elzero

19 |

21 | 22 | 23 | Dashboard 24 | 25 |
27 | 28 | 29 | Settings 30 | 31 |
33 | 34 | 35 | Profile 36 | 37 |
39 | 40 | 41 | Projects 42 | 43 |
45 | 46 | 47 | Courses 48 | 49 |
51 | 52 | 53 | Friends 54 | 55 |
57 | 58 | 59 | Files 60 | 61 |
63 | 64 | 65 | Plans 66 | 67 |

69 |

70 |

71 | 72 |

73 |

74 | 75 |

76 |

77 | 78 | 79 | 80 |

81 |

82 |

83 | 84 |

Friends

85 |

86 |

87 |

88 | 89 | 90 |

91 |

92 |

93 |

Ahmed Nasser

94 |

JavaScript Developer

95 |

96 |

97 |

98 | 99 | 99 Friend 100 |

101 |

102 | 103 | 15 Projects 104 |

105 |

106 | 107 | 25 Articles 108 |

109 | VIP 110 |

111 |

112 | Joined 02/10/2021 113 |

114 | Profile 115 | Remove 116 |

117 |

118 |

119 |

120 |

121 | 122 | 123 |

124 |

125 |

126 |

Omar Fathy

127 |

Cloud Developer

128 |

129 |

130 |

131 | 132 | 30 Friends 133 |

134 |

135 | 136 | 11 Projects 137 |

138 |

139 | 140 | 12 Articles 141 |

142 |

143 |

144 | Joined 02/08/2020 145 |

146 | Profile 147 | Remove 148 |

149 |

150 |

151 |

152 |

153 | 154 | 155 |

156 |

157 |

158 |

Omar Ahmed

159 |

Mobile Developer

160 |

161 |

162 |

163 | 164 | 80 Friends 165 |

166 |

167 | 168 | 20 Projects 169 |

170 |

171 | 172 | 18 Articles 173 |

174 |

175 |

176 | Joined 02/06/2020 177 |

178 | Profile 179 | Remove 180 |

181 |

182 |

183 |

184 |

185 | 186 | 187 |

188 |

189 |

190 |

Shady Nabil

191 |

Back-End Developer

192 |

193 |

194 |

195 | 196 | 70 Friends 197 |

198 |

199 | 200 | 30 Projects 201 |

202 |

203 | 204 | 18 Articles 205 |

206 |

207 |

208 | Joined 28/06/2020 209 |

210 | Profile 211 | Remove 212 |

213 |

214 |

215 |

216 |

217 | 218 | 219 |

220 |

221 |

222 |

Mohamed Ibrahim

223 |

Algorithm Developer

224 |

225 |

226 |

227 | 228 | 80 Friends 229 |

230 |

231 | 232 | 30 Projects 233 |

234 |

235 | 236 | 18 Articles 237 |

238 |

239 |

240 | Joined 28/08/2020 241 |

242 | Profile 243 | Remove 244 |

245 |

246 |

247 |

248 |

249 | 250 | 251 |

252 |

253 |

254 |

Amr Hendawy

255 |

Back-End Developer

256 |

257 |

258 |

259 | 260 | 70 Friends 261 |

262 |

263 | 264 | 30 Projects 265 |

266 |

267 | 268 | 18 Articles 269 |

270 |

271 |

272 | Joined 28/06/2020 273 |

274 | Profile 275 | Remove 276 |

277 |

278 |

279 |

280 |

281 | 282 | 283 |

284 |

285 |

286 |

Mahmoud Adel

287 |

Cloud Developer

288 |

289 |

290 |

291 | 292 | 30 Friends 293 |

294 |

295 | 296 | 11 Projects 297 |

298 |

299 | 300 | 12 Articles 301 |

302 |

303 |

304 | Joined 02/08/2020 305 |

306 | Profile 307 | Remove 308 |

309 |

310 |

311 |

312 |

313 | 314 | 315 |

316 |

317 |

318 |

Ahmed Abuzaid

319 |

Content Creator

320 |

321 |

322 |

323 | 324 | 80 Friends 325 |

326 |

327 | 328 | 30 Projects 329 |

330 |

331 | 332 | 18 Articles 333 |

334 | Vip 335 |

336 |

337 | Joined 28/08/2020 338 |

339 | Profile 340 | Remove 341 |

342 |

343 |

344 |

345 |

346 | 347 | 348 |

349 |

350 |

351 |

Gareeb Elshiekh

352 |

JavaScript Developer

353 |

354 |

355 |

356 | 357 | 90 Friends 358 |

359 |

360 | 361 | 15 Projects 362 |

363 |

364 | 365 | 25 Articles 366 |

367 | Vip 368 |

369 |

370 | Joined 02/10/2020 371 |

372 | Profile 373 | Remove 374 |

375 |

376 |

377 |

378 |

379 | 380 | 381 |

382 |

383 |

384 |

Hamza

385 |

Front-End Developer

386 |

387 |

388 |

389 | 390 | 80 Friends 391 |

392 |

393 | 394 | 20 Projects 395 |

396 |

397 | 398 | 18 Articles 399 |

400 |

401 |

402 | Joined 02/06/2020 403 |

404 | Profile 405 | Remove 406 |

407 |

408 |

409 |

410 |

411 |

412 | 413 | 414 | -------------------------------------------------------------------------------- /imgs/activity-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/activity-01.png -------------------------------------------------------------------------------- /imgs/activity-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/activity-02.png -------------------------------------------------------------------------------- /imgs/activity-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/activity-03.png -------------------------------------------------------------------------------- /imgs/avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/avatar.png -------------------------------------------------------------------------------- /imgs/avi.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /imgs/course-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/course-01.jpg -------------------------------------------------------------------------------- /imgs/course-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/course-02.jpg -------------------------------------------------------------------------------- /imgs/course-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/course-03.jpg -------------------------------------------------------------------------------- /imgs/course-04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/course-04.jpg -------------------------------------------------------------------------------- /imgs/course-05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/course-05.jpg -------------------------------------------------------------------------------- /imgs/dll.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /imgs/eps.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /imgs/friend-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/friend-01.jpg -------------------------------------------------------------------------------- /imgs/friend-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/friend-02.jpg -------------------------------------------------------------------------------- /imgs/friend-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/friend-03.jpg -------------------------------------------------------------------------------- /imgs/friend-04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/friend-04.jpg -------------------------------------------------------------------------------- /imgs/friend-05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/friend-05.jpg -------------------------------------------------------------------------------- /imgs/news-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/news-01.png -------------------------------------------------------------------------------- /imgs/news-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/news-02.png -------------------------------------------------------------------------------- /imgs/news-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/news-03.png -------------------------------------------------------------------------------- /imgs/news-04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/news-04.png -------------------------------------------------------------------------------- /imgs/pdf.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /imgs/png.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /imgs/project.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/project.png -------------------------------------------------------------------------------- /imgs/psd.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /imgs/sql.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /imgs/team-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/team-01.png -------------------------------------------------------------------------------- /imgs/team-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/team-02.png -------------------------------------------------------------------------------- /imgs/team-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/team-03.png -------------------------------------------------------------------------------- /imgs/team-04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/team-04.png -------------------------------------------------------------------------------- /imgs/team-05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/team-05.png -------------------------------------------------------------------------------- /imgs/txt.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /imgs/welcome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/imgs/welcome.png -------------------------------------------------------------------------------- /imgs/zip.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Dashboard 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |

17 |

18 |

Elzero

19 |

21 | 22 | 23 | Dashboard 24 | 25 |
27 | 28 | 29 | Settings 30 | 31 |
33 | 34 | 35 | Profile 36 | 37 |
39 | 40 | 41 | Projects 42 | 43 |
45 | 46 | 47 | Courses 48 | 49 |
51 | 52 | 53 | Friends 54 | 55 |
57 | 58 | 59 | Files 60 | 61 |
63 | 64 | 65 | Plans 66 | 67 |

69 |

70 |

71 | 72 |

73 |

74 | 75 |

76 |

77 | 78 | 79 | 80 |

81 |

82 |

83 | 84 |

Dashboard

85 |

86 | 87 |

88 |

89 |

90 |

Welcome

91 |

Elzero

92 |

93 |

94 |

95 |

96 |

97 |

Osama Elzero Developer

98 |

80 Projects

99 |

$8500 Earned

100 |

101 | Profile 102 |

103 | 104 | 105 |

106 |

Quick Draft

107 |

Write A Draft For Your Ideas

108 | 113 |

114 | 115 | 116 |

117 |

Yearly Targets

118 |

Targets Of The Year

119 |

120 |

121 | 122 |

123 |

124 | Money 125 | $20.000 126 |

127 | 128 | 80% 129 | 130 |

131 |

132 |

133 |

134 |

135 | 136 |

137 |

138 | Projects 139 | 24 140 |

141 | 142 | 55% 143 | 144 |

145 |

146 |

147 |

148 |

149 | 150 |

151 |

152 | Team 153 | 12 154 |

155 | 156 | 75% 157 | 158 |

159 |

160 |

161 |

162 | 163 | 164 |

165 |

Tickets Statistics

166 |

Everything About Support Tickets

167 |

168 |

169 | 170 | 2500 171 | Total 172 |

173 |

174 | 175 | 500 176 | Pending 177 |

178 |

179 | 180 | 1900 181 | Closed 182 |

183 |

184 | 185 | 100 186 | Deleted 187 |

188 |

189 |

190 | 191 | 192 |

193 |

Latest News

194 |

195 |

196 |

197 |

Created SASS Section

198 |

New SASS Examples & Tutorials

199 |

200 |

3 Days Ago

201 |

202 |

203 |

204 |

205 |

Changed The Design

206 |

A Brand New Website Design

207 |

208 |

5 Days Ago

209 |

210 |

211 |

212 |

213 |

Team Increased

214 |

3 Developers Joined The Team

215 |

216 |

7 Days Ago

217 |

218 |

219 |

220 |

221 |

Added Payment Gateway

222 |

Many New Payment Gateways Added

223 |

224 |

9 Days Ago

225 |

226 |

227 | 228 | 229 |

230 |

Latest Tasks

231 |

232 |

233 |

Record One New Video

234 |

Record Python Create Exe Project

235 |

236 | 237 |

238 |

239 |

240 |

Write Article

241 |

Write Low Level vs High Level Languages

242 |

243 | 244 |

245 |

246 |

247 |

Finish Project

248 |

Publish Academy Programming Project

249 |

250 | 251 |

252 |

253 |

254 |

Attend The Meeting

255 |

Attend The Project Business Analysis Meeting

256 |

257 | 258 |

259 |

260 |

261 |

Finish Lesson

262 |

Finish Teaching Flex Box

263 |

264 | 265 |

266 |

267 | 268 | 269 |

270 |

Top Search Items

271 |

272 |

Keyword

273 |

Search Count

274 |

275 |

276 | Programming 277 | 220 278 |

279 |

280 | JavaScript 281 | 180 282 |

283 |

284 | PHP 285 | 160 286 |

287 |

288 | Code 289 | 145 290 |

291 |

292 | Design 293 | 110 294 |

295 |

296 | Logic 297 | 95 298 |

299 |

300 | 301 | 302 |

303 |

Latest Uploads

304 |

306 |
307 | 308 |
309 | my-file.pdf 310 | Elzero 311 |
312 |
313 |
2.9mb
314 |
316 |
317 | 318 |
319 | My-Video-File.avi 320 | Admin 321 |
322 |
323 |
4.9mb
324 |
326 |
327 | 328 |
329 | My-Psd-File.pdf 330 | Osama 331 |
332 |
333 |
4.5mb
334 |
336 |
337 | 338 |
339 | My-Zip-File.pdf 340 | User 341 |
342 |
343 |
8.9mb
344 |
346 |
347 | 348 |
349 | My-DLL-File.pdf 350 | Admin 351 |
352 |
353 |
4.9mb
354 |
356 |
357 | 358 |
359 | My-Eps-File.pdf 360 | Designer 361 |
362 |
363 |
8.9mb
364 |

366 |

367 | 368 | 369 |

370 |

Last Project Progress

371 |

Got The Project
Started The Project
The Project About To Finish
Test The Project
Finish The Project & Get Money

378 |

379 |

380 | 381 | 382 |

383 |

Reminders

384 |

386 | 387 |
388 |
Check My Tasks List
389 | 28/09/2022 - 12:00am 390 |
391 |
393 | 394 |
395 |
Check My Projects
396 | 26/10/2022 - 12:00am 397 |
398 |
400 | 401 |
402 |
Call All My Clients
403 | 05/11/2022 - 12:00am 404 |
405 |
407 | 408 |
409 |
Finish The Development Workshop
410 | 20/12/2022 - 12:00am 411 |
412 |

414 |

415 | 416 | 417 |

418 |

Latest Post

419 |

420 |

421 |

422 | Osama Elzero 423 | About 3 Hours Ago 424 |

425 |

426 |

427 | You can fool all of the people some of the time, and some of the people all of the time, but you can't 428 | fool all of the people all of the time. 429 |

430 |

431 |

432 | 433 | 1.8K 434 |

435 |

436 | 437 | 500 438 |

439 |

440 |

441 | 442 | 443 | 466 | 467 |

468 | 469 |

470 |

Projects

471 |

472 | 473 | 474 | 475 | 476 | 477 | 478 | 479 | 480 | 481 | 482 | 483 | 484 | 485 | 486 | 487 | 488 | 489 | 495 | 498 | 499 | 500 | 501 | 502 | 503 | 504 | 509 | 510 | 511 | 512 | 513 | 514 | 515 | 516 | 520 | 521 | 522 | 523 | 524 | 525 | 526 | 527 | 531 | 532 | 533 | 534 | 535 | 536 | 537 | 538 | 542 | 543 | 544 | 545 | 546 | 547 | 548 | 549 | 555 | 556 | 557 | 558 |

Name	Finish Date	Client	Price	Team	Status
Ministry Wikipedia	10 May 2022	Ministry	$5300	490 \| 491 \| 492 \| 493 \| 494 \|	496 \| Pending 497 \|
Elzero Shop	12 Oct 2021	Elzero Company	$1500	505 \| 506 \| 507 \| 508 \|	In Progress
Bouba App	05 Sep 2021	Bouba	$800	517 \| 518 \| 519 \|	Completed
Mahmoud Website	22 May 2021	Mahmoud	$600	528 \| 529 \| 530 \|	Completed
Sayed Website	24 May 2021	Sayed	$300	539 \| 540 \| 541 \|	Rejected
Arena Application	01 Mar 2021	Arena Company	$2600	550 \| 551 \| 552 \| 553 \| 554 \|	Completed

559 |

560 |

561 | 562 |

563 |

564 | 565 | 566 | -------------------------------------------------------------------------------- /plans.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Plans 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |

17 |

18 |

Elzero

19 |

21 | 22 | 23 | Dashboard 24 | 25 |
27 | 28 | 29 | Settings 30 | 31 |
33 | 34 | 35 | Profile 36 | 37 |
39 | 40 | 41 | Projects 42 | 43 |
45 | 46 | 47 | Courses 48 | 49 |
51 | 52 | 53 | Friends 54 | 55 |
57 | 58 | 59 | Files 60 | 61 |
63 | 64 | 65 | Plans 66 | 67 |

69 |

70 |

71 | 72 |

73 |

74 | 75 |

76 |

77 | 78 | 79 | 80 |

81 |

82 |

83 | 84 |

Plans

85 |

86 |

87 |

88 |

Free

89 |

$0.00

90 |

91 |

93 | 94 | Access All Text Lessons 95 | 96 |
98 | 99 | Access All Videos Lessons 100 | 101 |
103 | 104 | Appear On Leaderboard 105 | 106 |
108 | 109 | Browse Content Without Ads 110 | 111 |
113 | 114 | Access All Assignments 115 | 116 |
118 | 119 | Get Daily Prizes 120 | 121 |
123 | 124 | Earn Certificate 125 | 126 |
128 | 129 | 1 GB Space For Hosting Files 130 | 131 |
133 | 134 | Access Badge System 135 | 136 |

138 | Join 139 |

140 | 141 |

142 |

143 |

Basic

144 |

$7.99

145 |

146 |

148 | 149 | Access All Text Lessons 150 | 151 |
153 | 154 | Access All Videos Lessons 155 | 156 |
158 | 159 | Appear On Leaderboard 160 | 161 |
163 | 164 | Browse Content Without Ads 165 | 166 |
168 | 169 | Access All Assignments 170 | 171 |
173 | 174 | Get Daily Prizes 175 | 176 |
178 | 179 | Earn Certificate 180 | 181 |
183 | 184 | 1 GB Space For Hosting Files 185 | 186 |
188 | 189 | Access Badge System 190 | 191 |

193 | Join 194 |

195 | 196 | 197 |

198 |

199 |

Premium

200 |

$19.99

201 |

202 |

204 | 205 | Access All Text Lessons 206 | 207 |
209 | 210 | Access All Videos Lessons 211 | 212 |
214 | 215 | Appear On Leaderboard 216 | 217 |
219 | 220 | Browse Content Without Ads 221 | 222 |
224 | 225 | Access All Assignments 226 | 227 |
229 | 230 | Get Daily Prizes 231 | 232 |
234 | 235 | Earn Certificate 236 | 237 |
239 | 240 | 1 GB Space For Hosting Files 241 | 242 |
244 | 245 | Access Badge System 246 | 247 |

249 |

This Is Your Current Plan

250 |

251 | 252 |

253 |

254 |

255 | 256 | 257 | -------------------------------------------------------------------------------- /profile.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Profile 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |

17 |

18 |

Elzero

19 |

21 | 22 | 23 | Dashboard 24 | 25 |
27 | 28 | 29 | Settings 30 | 31 |
33 | 34 | 35 | Profile 36 | 37 |
39 | 40 | 41 | Projects 42 | 43 |
45 | 46 | 47 | Courses 48 | 49 |
51 | 52 | 53 | Friends 54 | 55 |
57 | 58 | 59 | Files 60 | 61 |
63 | 64 | 65 | Plans 66 | 67 |

69 |

70 |

71 | 72 |

73 |

74 | 75 |

76 |

77 | 78 | 79 | 80 |

81 |

82 |

83 | 84 |

Profile

85 |

86 | 87 |

88 |

89 |

90 |

Osama Elzero

91 |

Level 20

92 |

93 | 94 |

95 |

96 | 97 | 98 | 99 | 100 | 101 |

102 |

550 Rating

103 |

104 |

105 | 106 |

107 |

General Information

108 |

109 | Full Name 110 | Osama Mohamed 111 |

112 |

113 | Gender: 114 | Male 115 |

116 |

117 | Country: 118 | Egypt 119 |

120 |

121 | 122 | 123 |

124 | 125 |

126 |

127 | 128 | 129 |

130 |

Personal Information

131 |

132 | Email: 133 | o@nn.sa 134 |

135 |

136 | Phone: 137 | 019123456789 138 |

139 |

140 | Date Of Birth: 141 | 25/10/1982 142 |

143 |

144 | 145 | 146 |

147 | 148 |

149 |

150 | 151 | 152 |

153 |

Job Information

154 |

155 | Title: 156 | Full Stack Developer 157 |

158 |

159 | Programming Language: 160 | Python 161 |

162 |

163 | Years Of Experience: 164 | 15+ 165 |

166 |

167 | 168 | 169 |

170 | 171 |

172 |

173 | 174 | 175 |

176 |

Billing Information

177 |

178 | Payment Method: 179 | Paypal 180 |

181 |

182 | Email: 183 | email@website.com 184 |

185 |

186 | Subscription: 187 | Monthly 188 |

189 |

190 | 191 | 192 |

193 | 194 |

195 |

196 | 197 |

198 |

199 | 200 | 201 |

202 |

203 |

My Skills

204 |

Complete Skills List

205 |

HTMLPugjsHAML
CSSSASSStylus
JavaScriptTypeScript
VuejsReactjs
JestJasmine
PHPLaravel
PythonDjango

214 |

215 |

216 |

Latest Activities

217 |

Latest Activities Done By The User

218 |

219 |

220 |

221 | Store 222 | Bought The Mastering Python Course 223 |

224 |

225 | 18:10 226 | Yesterday 227 |

228 |

229 |

230 |

231 |

232 | Academy 233 | Got The PHP Certificate 234 |

235 |

236 | 16:05 237 | Yesterday 238 |

239 |

240 |

241 |

242 |

243 | Badges 244 | Unlocked The 10 Skills Badge 245 |

246 |

247 | 18:05 248 | Yesterday 249 |

250 |

251 |

252 |

253 |

254 | Store 255 | Bought The Typescript Course 256 |

257 |

258 | 12:05 259 | Yesterday 260 |

261 |

262 |

263 |

264 | 265 |

266 |

267 |

268 | 269 | 270 | -------------------------------------------------------------------------------- /projects.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Projects 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |

17 |

18 |

Elzero

19 |

21 | 22 | 23 | Dashboard 24 | 25 |
27 | 28 | 29 | Settings 30 | 31 |
33 | 34 | 35 | Profile 36 | 37 |
39 | 40 | 41 | Projects 42 | 43 |
45 | 46 | 47 | Courses 48 | 49 |
51 | 52 | 53 | Friends 54 | 55 |
57 | 58 | 59 | Files 60 | 61 |
63 | 64 | 65 | Plans 66 | 67 |

69 |

70 |

71 | 72 |

73 |

74 | 75 |

76 |

77 | 78 | 79 | 80 |

81 |

82 |

83 | 84 |

Projects

85 |

86 |

87 | 15/10/2021 88 |

Elzero Dashboard

89 |

Elzero Dashboard Project Design And Programming And Hosting

90 |

91 |

92 |

93 |

94 |

95 |

96 |

97 |

103 |

104 |

105 | 106 |

107 |

108 | 109 | 2500 110 |

111 |

112 |

113 |

114 | 15/6/2022 115 |

Academy Portal

116 |

Academy Portal Project Design And Programming

117 |

118 |

119 |

120 |

121 |

122 |

123 | Programming 124 | Design 125 |

126 |

127 |

128 | 129 |

130 |

131 | 132 | 1800 133 |

134 |

135 |

136 |

137 | 15/6/2022 138 |

Chatting Application

139 |

Chatting Application Project Design

140 |

141 |

142 |

143 |

144 |

145 |

146 | Design 147 |

148 |

149 |

150 | 151 |

152 |

153 | 154 | 950 155 |

156 |

157 |

158 |

159 | 15/6/2022 160 |

Ahmed Dashboard

161 |

Ahmed Dashboard Project Design And Programming And Hosting

162 |

163 |

164 |

165 |

166 |

167 |

168 |

174 |

175 |

176 | 177 |

178 |

179 | 180 | 1700 181 |

182 |

183 |

184 |

185 | 15/6/2022 186 |

Ahmed Portal

187 |

Ahmed Portal Project Design And Programming

188 |

189 |

190 |

191 |

192 |

193 |

194 | Programming 195 | Design 196 |

197 |

198 |

199 | 200 |

201 |

202 | 203 | 850 204 |

205 |

206 |

207 |

208 | 15/6/2022 209 |

Mohamed Application

210 |

Mohamed Application Project Design

211 |

212 |

213 |

214 |

215 |

216 |

217 | Design 218 |

219 |

220 |

221 | 222 |

223 |

224 | 225 | 950 226 |

227 |

228 |

229 |

230 | 15/6/2022 231 |

Mohamed Dashboard

232 |

Mohamed Dashboard Project Design And Programming And Hosting

233 |

234 |

235 |

236 |

237 |

238 |

239 |

245 |

246 |

247 | 248 |

249 |

250 | 251 | 1950 252 |

253 |

254 |

255 |

256 | 15/6/2022 257 |

Mohamed Portal

258 |

Mohamed Portal Project Design And Programming

259 |

260 |

261 |

262 |

263 |

264 |

265 | Programming 266 | Design 267 |

268 |

269 |

270 | 271 |

272 |

273 | 274 | 1650 275 |

276 |

277 |

278 |

279 | 15/6/2022 280 |

Ahmed Application

281 |

Ahmed Application Project Design

282 |

283 |

284 |

285 |

286 |

287 |

288 | Design 289 |

290 |

291 |

292 | 293 |

294 |

295 | 296 | 950 297 |

298 |

299 |

300 |

301 |

302 |

303 | 304 | 305 | -------------------------------------------------------------------------------- /settings.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Settings 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 266 | 267 | 268 | -------------------------------------------------------------------------------- /webfonts/fa-brands-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/webfonts/fa-brands-400.ttf -------------------------------------------------------------------------------- /webfonts/fa-brands-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/webfonts/fa-brands-400.woff2 -------------------------------------------------------------------------------- /webfonts/fa-regular-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/webfonts/fa-regular-400.ttf -------------------------------------------------------------------------------- /webfonts/fa-regular-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/webfonts/fa-regular-400.woff2 -------------------------------------------------------------------------------- /webfonts/fa-solid-900.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/webfonts/fa-solid-900.ttf -------------------------------------------------------------------------------- /webfonts/fa-solid-900.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/webfonts/fa-solid-900.woff2 -------------------------------------------------------------------------------- /webfonts/fa-v4compatibility.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/webfonts/fa-v4compatibility.ttf -------------------------------------------------------------------------------- /webfonts/fa-v4compatibility.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElzeroWebSchool/HTML_And_CSS_Template_Four/754ead36ccee867d060465480639a6f05ae2f0f3/webfonts/fa-v4compatibility.woff2 --------------------------------------------------------------------------------

Elzero

Courses

Mastering Web Design

Data Structure And Algorithms

Responsive Web Design

Mastering Python

PHP Examples

Data Structure And Algorithms

Responsive Web Design

Mastering Web Design

PHP Examples

Mastering Python

Elzero

Files

Files Statistics

Elzero

Friends

Ahmed Nasser

Omar Fathy

Omar Ahmed

Shady Nabil

Mohamed Ibrahim

Amr Hendawy

Mahmoud Adel

Ahmed Abuzaid

Gareeb Elshiekh

Hamza

Elzero

Dashboard

Welcome

Quick Draft

Yearly Targets

Tickets Statistics

Latest News

Created SASS Section

Changed The Design

Team Increased

Added Payment Gateway

Latest Tasks

Record One New Video

Write Article

Finish Project

Attend The Meeting

Finish Lesson

Top Search Items

Latest Uploads

Last Project Progress

Reminders

Latest Post

Social Media Stats

Projects

Elzero

Plans

Free

Basic

Premium

Elzero

Profile

Osama Elzero

General Information

Personal Information

Job Information

Billing Information

My Skills

Latest Activities

Elzero

Projects

Elzero Dashboard

Academy Portal

Chatting Application

Ahmed Dashboard

Ahmed Portal

Mohamed Application

Mohamed Dashboard

Mohamed Portal

Ahmed Application

Elzero

Settings

Site Control

General Info