1 2<!DOCTYPE html> 3<html lang="en"> 4 5<head> 6 <meta charset="UTF-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <title>University of Sindh Annual College side Student Portal</title> 9 <!-- Bootstrap & FontAwesome --> 10 <!-- Bootstrap & FontAwesome --> 11 <link rel="stylesheet" href="../includes/new_assets/css/font-6/css/all.css"> 12 <link rel="stylesheet" href="../includes/new_assets/css/data-table/dataTables.bootstrap5.css"> 13 <link rel="stylesheet" href="../includes/new_assets/css/data-table/buttons.bootstrap5.css"> 14 <link rel="stylesheet" href="../includes/new_assets/css/bootstrap.css"> 15 <link rel="stylesheet" href="../includes/new_assets/css/bs-table/bootstrap-table.min.css"> 16 17 <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet"> 18 19 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" /> 20 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/select2-bootstrap-5-theme.min.css" 21 rel="stylesheet" /> 22 23 <link rel="stylesheet" href="../includes/new_assets/css/login.css"> 24
24<script src="../includes/new_assets/js/jquery.js"></script>
24 25</head> 26<body class="bg-body"> 27<body> 28 <!-- Preloader --> 29 <!-- Modal (Message Modal) --> 30<div id="msgModal" class="modal fade modal-lg" tabindex="-1" aria-labelledby="msgModalLabel" aria-hidden="true" style="z-index: 10000000000"> 31 <div class="modal-dialog modal-dialog-centered"> 32 <div class="modal-content"> 33 <div class="modal-header border-bottom-0"> 34 <h5 class="modal-title text-primary" id="alert_title"></h5> 35 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 36 </div> 37 <div class="modal-body" id="alert_body"> 38 <div id="search_data"></div> 39 <div id="candidate_data"></div> 40 </div> 41 </div> 42 </div> 43</div> 44 45 <!-- /Preloader --> 46 <header> 47 <div class="navbar navbar-light bg-light navbar-expand-lg p-3 px-3"> 48 <div class="container-fluid"> 49 <a href="index.php" class="navbar-brand"> 50 <img src="../includes/new_assets/images/usindh-logo.png" alt="USindh Logo" style="width: 10rem;"> 51 </a> 52 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 53 data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 54 aria-expanded="false" aria-label="Toggle navigation"> 55 <span class="navbar-toggler-icon"></span> 56 </button> 57 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 58 <ul class="navbar-nav align-items-center ms-auto small"> 59 <li class="nav-item my-2 mx-2 fw-bold"><a href="index.php" class="nav-link text-dark mx-2">Home</a></li> 60 <li class="nav-item my-2 mx-2 fw-bold position-relative"> 61 <a class="nav-link dropdown-toggle text-dark mx-2" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Download Challlan</a> 62 <ul class="dropdown-menu"> 63 <li><a class="dropdown-item" href="../public/challan_printing_system.php">Annual Challan</a></li> 64 <li><a class="dropdown-item" href="../public/challan_printing_system.php?id=1">Semester Challan</a></li> 65 </ul> 66 </li> 67 <li class="nav-item my-2 mx-2 fw-bold"><a href="https://itsc.usindh.edu.pk/eportal/AEIF/index.php" class="nav-link text-dark mx-2">Invigilator Form</a></li> 68 <li class="nav-item my-2 mx-2 fw-bold"><a href="../public/eportal_tutorials.php" class="nav-link text-dark mx-2">Video Tutorials for Students</a></li> 69 <li class="nav-item my-2 mx-2 fw-bold"><a href="https://itsc.usindh.edu.pk/eportal/public/verify_challan.php" class="nav-link text-dark mx-2">Verify Online Payments</a></li> 70 <!--<li class="nav-item my-2 mx-2">--> 71 72 <!-- <a href="../public/failure_admission.php" class="btn btn-sm btn-primary fw-bold rounded-pill p-3 px-4">--> 73 <!-- Regular/Failure Registration--> 74 <!-- </a>--> 75 <!--</li>--> 76 </ul> 77 </div> 78 </div> 79 </div> 80</header> 81 82 83 <!-- Parent container --> 84 <div class="container-fluid mt-0 border"> 85 <div class="row"> 86 87 <!-- Notification section --> 88 <div class="col-sm-3 align-content-center bg-primary p-0 text-light "> 89 <div class="fw-bold text-center fs-5 text-light blink-text"> 90 <span class="display-6 "> 91 Notifications 92 </span> 93 </div> 94 </div> 95 96 <!-- Text Slides section --> 97 <div class="col-sm-9 bg-light p-0"> 98 99 <!-- Bootstrap Carousel --> 100 <div id="textCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000"> 101 102 <div class="carousel-inner p-2"> 103 104 <!-- Slide 1 --> 105 106 <div class="carousel-item active"> 107 <div> 108 <h6 class="fw-bold text-danger"> EXTENSION IN PROVISIONAL ADMISSION TO B.B.A (Hons) / BS (4 Years) / ADE/BEd (HONS) DEGREE PROGRAM FOR THE SESSION 2026</h6> 109 </div> 110 <div class="d-flex align-items-center text-start"> 111 <p class="mb-0 text-start"> 112 SU/G/SS-ADMISSIONS/403\r\nDated: 29-08-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 113 data-bs-target="#imageModal_0" 114 data-img="../../eportal_resource/images/notifications/2026/758720836.png">View Noticication</a> 115 </p> 116 </div> 117 </div> 118 <!-- Slide 1 --> 119 120 <div class="carousel-item "> 121 <div> 122 <h6 class="fw-bold text-danger"> EXTENSION IN PROVISSIONAL ADMISSION TO AD (ARTS)/AD (COMMERCE)/AD (HOME ECONOMICS)/AD (SCIENCE) PART-I FOR SESSION 2026</h6> 123 </div> 124 <div class="d-flex align-items-center text-start"> 125 <p class="mb-0 text-start"> 126 SU/G/AD-ADMISSIONS/402\r\nDated: 29-08-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 127 data-bs-target="#imageModal_1" 128 data-img="../../eportal_resource/images/notifications/2026/1077935310.png">View Noticication</a> 129 </p> 130 </div> 131 </div> 132 <!-- Slide 1 --> 133 134 <div class="carousel-item "> 135 <div> 136 <h6 class="fw-bold text-danger"> DATE EXTENSION OF FILLING OF ONLINE EXAMINATION FORMS OF LLB (H) 5 YEARS PROGRAM 2ND SEMESTER EXAM 2026</h6> 137 </div> 138 <div class="d-flex align-items-center text-start"> 139 <p class="mb-0 text-start"> 140 NO.EXAM/SEM/COND/88 \r\nDATED: 09-09-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 141 data-bs-target="#imageModal_2" 142 data-img="../../eportal_resource/images/notifications/2026/1347078360.jpeg">View Noticication</a> 143 </p> 144 </div> 145 </div> 146 <!-- Slide 1 --> 147 148 <div class="carousel-item "> 149 <div> 150 <h6 class="fw-bold text-danger"> Extension in Submission of AD (ARTS), AD (SCIENCE), AD (COMMERCE), AD (HOME ECONOMICS) and MA Exam forms of Examination 2025 </h6> 151 </div> 152 <div class="d-flex align-items-center text-start"> 153 <p class="mb-0 text-start"> 154 NO.EX/Cond/988 \r\nDated: 18
154-07-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 155 data-bs-target="#imageModal_3" 156 data-img="../../eportal_resource/images/notifications/2026/1654110347.jpeg">View Noticication</a> 157 </p> 158 </div> 159 </div> 160 <!-- Slide 1 --> 161 162 <div class="carousel-item "> 163 <div> 164 <h6 class="fw-bold text-danger"> ANNOUCEMENT OF ADMISSION IN VARIOUS DEGREE PROGRAMS IN AFFLIATED COLLEGES</h6> 165 </div> 166 <div class="d-flex align-items-center text-start"> 167 <p class="mb-0 text-start"> 168 NO.SU/G/215 \r\nDATED: 15-07-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 169 data-bs-target="#imageModal_4" 170 data-img="../../eportal_resource/images/notifications/2026/1518310179.png">View Noticication</a> 171 </p> 172 </div> 173 </div> 174 <!-- Slide 1 --> 175 176 <div class="carousel-item "> 177 <div> 178 <h6 class="fw-bold text-danger"> EXTENSION IN SUBMISSION OF EXAM FORM FOR AD/MA PROGRAMS FOR SESSION 2025 </h6> 179 </div> 180 <div class="d-flex align-items-center text-start"> 181 <p class="mb-0 text-start"> 182 EX/COND/900 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 183 data-bs-target="#imageModal_5" 184 data-img="../../eportal_resource/images/notifications/2026/1314374019.jpeg">View Noticication</a> 185 </p> 186 </div> 187 </div> 188 <!-- Slide 1 --> 189 190 <div class="carousel-item "> 191 <div> 192 <h6 class="fw-bold text-danger"> EXTENSION IN PROVISIONAL ADMISSION TO ADE/BEd (HONS) DEGREE PROGRAM FOR THE SESSION 2026</h6> 193 </div> 194 <div class="d-flex align-items-center text-start"> 195 <p class="mb-0 text-start"> 196 NOTIFICATION NO.SU/G/B.ED/243 DATED: 08-06-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 197 data-bs-target="#imageModal_6" 198 data-img="../../eportal_resource/images/notifications/2026/1384635593.jpeg">View Noticication</a> 199 </p> 200 </div> 201 </div> 202 <!-- Slide 1 --> 203 204 <div class="carousel-item "> 205 <div> 206 <h6 class="fw-bold text-danger"> EXTENSION IN THE DATE OF PROVISIONAL ADMISSION TO BS(HONS)/BBA (HONS) DEGREE PROGRAM FOR SESSION 2026</h6> 207 </div> 208 <div class="d-flex align-items-center text-start"> 209 <p class="mb-0 text-start"> 210 NOTIFICATION NO.SU/G/BS-ADMISSIONS/241 DATED: 08-06-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 211 data-bs-target="#imageModal_7" 212 data-img="../../eportal_resource/images/notifications/2026/502600580.jpeg">View Noticication</a> 213 </p> 214 </div> 215 </div> 216 <!-- Slide 1 --> 217 218 <div class="carousel-item "> 219 <div> 220 <h6 class="fw-bold text-danger"> EXTENSION IN PROVISSIONAL ADMISSION TO AD (ARTS)/AD (COMMERCE)/AD (HOME ECONOMICS)/AD (SCIENCE) PART-I FOR SESSION 2026</h6> 221 </div> 222 <div class="d-flex align-items-center text-start"> 223 <p class="mb-0 text-start"> 224 NOTIFICATION NO.SU/G/AD-ADMISSIONS/242 DATED: 08-06-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 225 data-bs-target="#imageModal_8" 226 data-img="../../eportal_resource/images/notifications/2026/511920237.jpeg">View Noticication</a> 227 </p> 228 </div> 229 </div> 230 <!-- Slide 1 --> 231 232 <div class="carousel-item "> 233 <div> 234 <h6 class="fw-bold text-danger"> EXTENSION IN PROVISIONAL ADMISSION TO LLB (4 YEARS) PROGRAM FOR SESSION 2026</h6> 235 </div> 236 <div class="d-flex align-items-center text-start"> 237 <p class="mb-0 text-start"> 238 NOTIFICATION NO.SU/G/240 DATED: 08-06-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 239 data-bs-target="#imageModal_9" 240 data-img="../../eportal_resource/images/notifications/2026/1782091680.jpeg">View Noticication</a> 241 </p> 242 </div> 243 </div> 244 <!-- Slide 1 --> 245 246 <div class="carousel-item "> 247 <div> 248 <h6 class="fw-bold text-danger"> NOTIFICATION OF LATE FEES ON ENROLMENT/ELIGIBILITY/REGISTRATION CERTIFICATE CHALLANS</h6> 249 </div> 250 <div class="d-flex align-items-center text-start"> 251 <p class="mb-0 text-start"> 252 REGISTRAR NOTIFICATIION NO SU/G/205 DATED: 14-05-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 253 data-bs-target="#imageModal_10" 254 data-img="../../eportal_resource/images/notifications/2026/1437152190.png">View Noticication</a> 255 </p> 256 </div> 257 </div> 258 <!-- Slide 1 --> 259 260 <div class="carousel-item "> 261 <div> 262 <h6 class="fw-bold text-danger"> EXTENSION IN DATE OF PROVISIONAL ADMISSION TO ASSOCIATE DEGREE IN ARTS/ COMMERCE/ SCIENCE/ HOME ECONOMICS PART-I FOR THE SESSION 2026</h6> 263 </div> 264 <div class="d-flex align-items-center text-start"> 265 <p class="mb-0 text-start"> 266 No:SU/G/AD-ADMISSIONS/187 DATED:11.05.2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 267 data-bs-target="#imageModal_11" 268 data-img="../../eportal_resource/images/notifications/2026/41990293.jpeg">View Noticication</a> 269 </p> 270 </div> 271 </div> 272 <!-- Slide 1 --> 273 274 <div class="carousel-item "> 275 <div> 276 <h6 class="fw-bold text-danger"> Provisional Admission to ADE/B.Ed (Hons) 4 Years Degree Programs for the Session 2026</h6> 277 </div> 278 <div class="d-flex align-items-center text-start"> 279 <p class="mb-0 text-start"> 280 No.SU/G/B.Ed/181 Dated: 21-04-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 281 data-bs-target="#imageModal_12" 282 data-img="../../eportal_resource/images/notifications/2026/1804999963.jpeg">View Noticication</a> 283 </p> 284 </div> 285 </div> 286 <!-- Slide 1 --> 287 288 <div class="carousel-item "> 289 <div> 290 <h6 class="fw-bold text-danger"> Provisional Admission to LL.B 4 Years Morning Program For the Session-2026</h6> 291 </div> 292 <div class="d-flex align-items-center text-start"> 293 <p class="mb-0 text-start"> 294 Notification No: SU/G/179 Dated: 20-04-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 295 data-bs-target="#imageModal_13" 296 data-img="../../eportal_resource/images/notifications/2026/1458037533.jpeg">View Noticication</a> 297 </p> 298 </div> 299 </div> 300 <!-- Slide 1 --> 301 302 <div class="carousel-item "> 303 <div> 304 <h6 class="fw-bold text-danger"> Submission of AD-Arts (Regular & External) / AD-Science (Regular) / AD-Commerce (Regular) Annual Examination Forms Part I for Year 2025</h6> 305 </div> 306 <div class="d-flex align-items-center text-start"> 307 <p class="mb-0 text-start"> 308 Notification No.Ex/Cond/793 Dated: 15-04-2026\r\n <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 309 data-bs-target="#imageModal_14" 310 data-img="../../eportal_resource/images/notifications/2026/1113721844.jpeg">View Noticication</a> 311 </p> 312 </div> 313 </div> 314 <!-- Slide 1 --> 315 316 <div class="carousel-item "> 317 <div> 318 <h6 class="fw-bold text-danger"> Extension in the Date of Filling Semester Examination Forms of ADE 2/B.ED 2024-2025</h6> 319 </div> 320 <div class="d-flex align-items-center text-start"> 321 <p class="mb-0 text-start"> 322 Extension of Notification No. Exam/Sem/Cond: 38 Dated: 10-03-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 323 data-bs-target="#imageModal_15" 324 data-img="../../eportal_resource/images/notifications/2026/611641850.jpg">View Noticication</a> 325 </p> 326 </div> 327 </div> 328 <!-- Slide 1 --> 329 330 <div class="carousel-item "> 331 <div> 332 <h6 class="fw-bold text-danger"> Extension in the Date of Filling Semester Examination Forms of MBA (Evening), BBA (Hons) and MBA (Hons) 4 Years for session 2023-2024</h6> 333 </div> 334 <div class="d-flex align-items-center text-start"> 335 <p class="mb-0 text-start"> 336 Extension of Notification No. Exam/Sem/Cond: 37 Dated: 10-03-2026 <a href="#" class="btn btn-sm btn-danger ms-2" data-bs-toggle="modal" 337 data-bs-target="#imageModal_16" 338 data-img="../../eportal_resource/images/notifications/2026/1970227761.jpeg">View Noticication</a> 339 </p> 340 </div> 341 </div> 342 343 344 345 </div> 346 </div> 347 </div> 348 </div> 349 </div> 350 <!-- â Modal --> 351 <div class="modal modal-fullscreen fade " id="imageModal_0" tabindex="-1">
352 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 353 <div class="modal-content"> 354 355 <div class="modal-header"> 356 <h5 class="modal-title">Notification</h5> 357 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 358 </div> 359 360 <div class="modal-body text-center"> 361 <img id="modalImage_0" src="" class="img-fluid w-100 rounded"> 362 </div> 363 364 </div> 365 </div> 366 </div> 367 <!-- â Modal --> 368 <div class="modal modal-fullscreen fade " id="imageModal_1" tabindex="-1"> 369 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 370 <div class="modal-content"> 371 372 <div class="modal-header"> 373 <h5 class="modal-title">Notification</h5> 374 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 375 </div> 376 377 <div class="modal-body text-center"> 378 <img id="modalImage_1" src="" class="img-fluid w-100 rounded"> 379 </div> 380 381 </div> 382 </div> 383 </div> 384 <!-- â Modal --> 385 <div class="modal modal-fullscreen fade " id="imageModal_2" tabindex="-1"> 386 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 387 <div class="modal-content"> 388 389 <div class="modal-header"> 390 <h5 class="modal-title">Notification</h5> 391 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 392 </div> 393 394 <div class="modal-body text-center"> 395 <img id="modalImage_2" src="" class="img-fluid w-100 rounded"> 396 </div> 397 398 </div> 399 </div> 400 </div> 401 <!-- â Modal --> 402 <div class="modal modal-fullscreen fade " id="imageModal_3" tabindex="-1"> 403 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 404 <div class="modal-content"> 405 406 <div class="modal-header"> 407 <h5 class="modal-title">Notification</h5> 408 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 409 </div> 410 411 <div class="modal-body text-center"> 412 <img id="modalImage_3" src="" class="img-fluid w-100 rounded"> 413 </div> 414 415 </div> 416 </div> 417 </div> 418 <!-- â Modal --> 419 <div class="modal modal-fullscreen fade " id="imageModal_4" tabindex="-1"> 420 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 421 <div class="modal-content"> 422 423 <div class="modal-header"> 424 <h5 class="modal-title">Notification</h5> 425 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 426 </div> 427 428 <div class="modal-body text-center"> 429 <img id="modalImage_4" src="" class="img-fluid w-100 rounded"> 430 </div> 431 432 </div> 433 </div> 434 </div> 435 <!-- â Modal --> 436 <div class="modal modal-fullscreen fade " id="imageModal_5" tabindex="-1"> 437 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 438 <div class="modal-content"> 439 440 <div class="modal-header"> 441 <h5 class="modal-title">Notification</h5> 442 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 443 </div> 444 445 <div class="modal-body text-center"> 446 <img id="modalImage_5" src="" class="img-fluid w-100 rounded"> 447 </div> 448 449 </div> 450 </div> 451 </div> 452 <!-- â Modal --> 453 <div class="modal modal-fullscreen fade " id="imageModal_6" tabindex="-1">
454 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 455 <div class="modal-content"> 456 457 <div class="modal-header"> 458 <h5 class="modal-title">Notification</h5> 459 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 460 </div> 461 462 <div class="modal-body text-center"> 463 <img id="modalImage_6" src="" class="img-fluid w-100 rounded"> 464 </div> 465 466 </div> 467 </div> 468 </div> 469 <!-- â Modal --> 470 <div class="modal modal-fullscreen fade " id="imageModal_7" tabindex="-1"> 471 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 472 <div class="modal-content"> 473 474 <div class="modal-header"> 475 <h5 class="modal-title">Notification</h5> 476 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 477 </div> 478 479 <div class="modal-body text-center"> 480 <img id="modalImage_7" src="" class="img-fluid w-100 rounded"> 481 </div> 482 483 </div> 484 </div> 485 </div> 486 <!-- â Modal --> 487 <div class="modal modal-fullscreen fade " id="imageModal_8" tabindex="-1"> 488 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 489 <div class="modal-content"> 490 491 <div class="modal-header"> 492 <h5 class="modal-title">Notification</h5> 493 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 494 </div> 495 496 <div class="modal-body text-center"> 497 <img id="modalImage_8" src="" class="img-fluid w-100 rounded"> 498 </div> 499 500 </div> 501 </div> 502 </div> 503 <!-- â Modal --> 504 <div class="modal modal-fullscreen fade " id="imageModal_9" tabindex="-1"> 505 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 506 <div class="modal-content"> 507 508 <div class="modal-header"> 509 <h5 class="modal-title">Notification</h5> 510 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 511 </div> 512 513 <div class="modal-body text-center"> 514 <img id="modalImage_9" src="" class="img-fluid w-100 rounded"> 515 </div> 516 517 </div> 518 </div> 519 </div> 520 <!-- â Modal --> 521 <div class="modal modal-fullscreen fade " id="imageModal_10" tabindex="-1"> 522 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 523 <div class="modal-content"> 524 525 <div class="modal-header"> 526 <h5 class="modal-title">Notification</h5> 527 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 528 </div> 529 530 <div class="modal-body text-center"> 531 <img id="modalImage_10" src="" class="img-fluid w-100 rounded"> 532 </div> 533 534 </div> 535 </div> 536 </div> 537 <!-- â Modal --> 538 <div class="modal modal-fullscreen fade " id="imageModal_11" tabindex="-1"> 539 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 540 <div class="modal-content"> 541 542 <div class="modal-header"> 543 <h5 class="modal-title">Notification</h5> 544 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 545 </div> 546 547 <div class="modal-body text-center"> 548 <img id="modalImage_11" src="" class="img-fluid w-100 rounded"> 549 </div> 550 551 </div> 552 </div> 553 </div> 554 <!-- â Modal --> 555 <div class="modal modal-fullscreen fade " id="imageModal_12" tabindex="-1">
556 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 557 <div class="modal-content"> 558 559 <div class="modal-header"> 560 <h5 class="modal-title">Notification</h5> 561 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 562 </div> 563 564 <div class="modal-body text-center"> 565 <img id="modalImage_12" src="" class="img-fluid w-100 rounded"> 566 </div> 567 568 </div> 569 </div> 570 </div> 571 <!-- â Modal --> 572 <div class="modal modal-fullscreen fade " id="imageModal_13" tabindex="-1"> 573 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 574 <div class="modal-content"> 575 576 <div class="modal-header"> 577 <h5 class="modal-title">Notification</h5> 578 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 579 </div> 580 581 <div class="modal-body text-center"> 582 <img id="modalImage_13" src="" class="img-fluid w-100 rounded"> 583 </div> 584 585 </div> 586 </div> 587 </div> 588 <!-- â Modal --> 589 <div class="modal modal-fullscreen fade " id="imageModal_14" tabindex="-1"> 590 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 591 <div class="modal-content"> 592 593 <div class="modal-header"> 594 <h5 class="modal-title">Notification</h5> 595 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 596 </div> 597 598 <div class="modal-body text-center"> 599 <img id="modalImage_14" src="" class="img-fluid w-100 rounded"> 600 </div> 601 602 </div> 603 </div> 604 </div> 605 <!-- â Modal --> 606 <div class="modal modal-fullscreen fade " id="imageModal_15" tabindex="-1"> 607 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 608 <div class="modal-content"> 609 610 <div class="modal-header"> 611 <h5 class="modal-title">Notification</h5> 612 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 613 </div> 614 615 <div class="modal-body text-center"> 616 <img id="modalImage_15" src="" class="img-fluid w-100 rounded"> 617 </div> 618 619 </div> 620 </div> 621 </div> 622 <!-- â Modal --> 623 <div class="modal modal-fullscreen fade " id="imageModal_16" tabindex="-1"> 624 <div class="modal-dialog modal-dialog-centered modal-dialog-lg custom-modal"> 625 <div class="modal-content"> 626 627 <div class="modal-header"> 628 <h5 class="modal-title">Notification</h5> 629 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 630 </div> 631 632 <div class="modal-body text-center"> 633 <img id="modalImage_16" src="" class="img-fluid w-100 rounded"> 634 </div> 635 636 </div> 637 </div> 638 </div> 639 640 641 642 <style> 643 /* Optional blinking text */ 644 .blink-text { 645 animation: blink .5s infinite; 646 } 647 648 @keyframes blink { 649 650 0%, 651 100% { 652 opacity: 1; 653 } 654 655 50% { 656 opacity: 0.5; 657 } 658 } 659 </style> 660 661 <!-- â JS to change image dynamically --> 662
662<script> 663 document.querySelectorAll('[id^="imageModal_"]').forEach(function(modal) { 664 modal.addEventListener('show.bs.modal', function(event) { 665 const button = event.relatedTarget; 666 const imgSrc = button.getAttribute('data-img'); 667 668 const img = modal.querySelector('img'); 669 if (imgSrc && img) { 670 img.src = imgSrc; 671 } 672 }); 673 }); 674</script>
674 675 676 677 678 679 <main> 680 <div class="container bg-white my-3 rounded-5 shadow shadow-lg overflow-hidden"> 681 <div class="row h-100 p-3"> 682 <div class="col-12 col-md-6 bg-body-tertiary rounded-5 order-2 order-md-1"> 683 <div class="bg-primary p-3 my-3 text-light rounded-4"> 684 <h3> 685 University of Sindh Affiliated College Student Portal (Annual & Semester) 686 </h3> 687 <small> 688 For any Queries/Issues/problems, email us at <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1776797962767b397e7971785762647e79737f3972736239677c">[email protected]</a> 689 </small> 690 </div> 691 <div id="carouselExample" class="carousel slide mb-3" data-bs-ride="carousel"> 692 <div class="carousel-inner"> 693 <div class="carousel-item active"> 694 <img src="https://annual.usindh.edu.pk/eportal/includes/assets/img/IMG_3191.JPG" 695 style="aspect-ratio: 16/7;" class="d-block w-100" alt="..."> 696 </div> 697 <div class="carousel-item"> 698 <img src="https://annual.usindh.edu.pk/eportal/includes/assets/img/LMS.png" 699 style="aspect-ratio: 16/7;" class="d-block w-100" alt="..."> 700 </div> 701 </div> 702 <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" 703 data-bs-slide="prev"> 704 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 705 <span class="visually-hidden">Previous</span> 706 </button> 707 <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" 708 data-bs-slide="next"> 709 <span class="carousel-control-next-icon" aria-hidden="true"></span> 710 <span class="visually-hidden">Next</span> 711 </button> 712 </div> 713 </div> 714 <div class="col-12 col-md-6 d-flex flex-column justify-content-center order-1 order-md-2"> 715 <form class="login-form p-3" id="registration" method="post" action=""> 716<!-- <img src="../includes/new_assets/images/usindh-logo.png" alt="USindh Logo" style="width: 12rem;">--> 717 <h3 class="my-2"> 718 Login 719 </h3> 720 721 <div class="d-flex gap-3 my-4"> 722 <button type="button" id="cnic_btn" class="btn btn-sm btn-secondary text-dark border-0 bg-body-tertiary px-4 rounded-pill py-2"> 723 <span class="small"> 724 CNIC 725 </span> 726 </button> 727 <button type="button" id="passport_btn" class="btn btn-sm btn-secondary text-dark border-0 bg-body-tertiary px-4 rounded-pill py-2"> 728 <span class="small"> 729 Passport 730 </span> 731 </button> 732 </div> 733 <div class="col-12" style="display:none"> 734 <input style="width:1.3em;height:1.3em;" type="radio" class=" mb-3" id="is_cnic" name="check_cnic" value="cnic" checked> 735 736 <input style="width:1.3em;height:1.3em;" type="radio" class=" mb-3" id="is_passport" name="check_cnic" value="passport"> 737 </div> 738 739 <div id="passport_view" class="form-group my-2"> 740 <label for="passport" class="form-label fw-bold small">Passport</label> 741 <input type="text" class="form-control form-control-sm border-0 border-bottom rounded-0" 742 id="passport" name="passport" placeholder="Passport No"> 743 </div> 744 745 <div id="cnic_view" class="form-group my-2"> 746 <label for="cnic" class="form-label fw-bold small">CNIC</label> 747 <input type="text" class="form-control form-control-sm border-0 border-bottom rounded-0" 748 id="cnic" name="cnic" placeholder="CNIC or Form-B(xxxxxxxxxxxxx)"> 749 </div> 750 751 752 <div class="form-group my-2"> 753 <label for="password" class="form-label fw-bold small">Password</label> 754 <input type="password" class="form-control form-control-sm border-0 border-bottom rounded-0" 755 id="password" name="password" placeholder="********"> 756 </div> 757 758 <div class="d-flex justify-content-between align-items-center flex-wrap my-3"> 759 <button type="submit" id="register" name='login' class="btn btn-sm fw-bold btn-primary rounded-pill p-3 px-5"> 760 Login 761 </button> 762 763 <div class="mt-3"> 764 <a href="../public/forget_password.php" class="text-decoration-none small"> 765 Forgot Password? 766 </a> 767 </div> 768 </div> 769 </form> 770 </div> 771 </div> 772 </div> 773 </main> 774 775 776 <footer class="d-flex align-items-center justify-content-center bg-black text-white"> 777 <div class="text-center bg-black"> 778 <img src="../includes/new_assets/images/usindh-logo-white.png" alt="USindh L
778ogo" style="width: 7rem;"> 779 </div> 780</footer>
vendor: 109 bytes, lines 780-781
780 781<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
781<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2ac56e36cf684c8191c6ca1764cc3186","r":1,"spa":2}' crossorigin="anonymous"></script>
781 782</body> 783<!-- Script -->
784<script src="../includes/new_assets/js/popper.js"></script>
vendor: 1 bytes, line 784
784
785<script src="../includes/new_assets/js/bootstrap.js"></script>
vendor: 1 bytes, line 785
785
786<script src="../includes/new_assets/js/jquery.js"></script>
vendor: 1 bytes, line 786
786
787<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
787 788
789<script> 790 $('.select2').select2({ 791 theme: 'bootstrap-5', 792 placeholder: 'Select an option', 793 allowClear: true 794 }); 795</script>
795 796
797<script> 798 function alert_msg(msg, title = 'ALERT') { 799 // Set the modal title and body content 800 document.getElementById('alert_title').innerHTML = title; 801 document.getElementById('alert_body').innerHTML = msg; 802 803 // Show the modal using Bootstrap 5's modal API 804 var myModal = new bootstrap.Modal(document.getElementById('msgModal')); 805 myModal.show(); 806 } 807</script>
807 808 809</script>
809 810 811</html>
811<script> 812 $("#passport_view").hide(); 813 814 $("#cnic_btn").click(function (){ 815 $("#is_cnic").prop('checked', true); 816 $("#is_passport").prop('checked', false); 817 $("#cnic_view").show(); 818 $("#passport_view").hide(); 819 }); 820 821 $("#passport_btn").click(function (){ 822 $("#is_cnic").prop('checked', false); 823 $("#is_passport").prop('checked', true); 824 $("#cnic_view").hide(); 825 $("#passport_view").show(); 826 }); 827 828 $("#is_passport").change(function(){ 829 if($("#is_passport").is(':checked')){ 830 //console.log("passport"); 831 $("#passport_view").show(); 832 $("#cnic_view").hide(); 833 }else{ 834 $("#cnic_view").show(); 835 $("#passport_view").hide(); 836 //console.log("cnic"); 837 } 838 }); 839 840 $("#is_cnic").change(function(){ 841 if($("#is_cnic").is(':checked')){ 842 $("#passport_view").hide(); 843 $("#cnic_view").show(); 844 //console.log("is_cnic"); 845 }else{ 846 847 $("#passport_view").show(); 848 $("#cnic_view").hide(); 849 // console.log("pass"); 850 } 851 }); 852 853// document.getElementById('registration').addEventListener('submit', function(event) { 854// event.preventDefault(); // Prevent form submission 855// alert('Webiste Is Under Maintenance, Please Try Again Later'); // Show alert on clicking the button 856// }); 857 </script>
857 858
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.