1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 5 <!-- Basic Page Needs 6================================================== --> 7<meta charset="utf-8"> 8<title>CCN-UST Admission</title> 9 10<meta http-equiv="X-UA-Compatible" content="IE=edge"> 11<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0"> 12 13<link rel="stylesheet" href="frontend/plugins/bootstrap/bootstrap.min.css"> 14<link rel="stylesheet" href="frontend/plugins/fontawesome/css/all.min.css"> 15<link rel="stylesheet" href="frontend/plugins/animate-css/animate.css"> 16<link rel="stylesheet" href="frontend/plugins/slick/slick.css"> 17<link rel="stylesheet" href="frontend/plugins/slick/slick-theme.css"> 18<link rel="stylesheet" href="frontend/plugins/colorbox/colorbox.css"> 19 20<link rel="stylesheet" href="frontend/css/style.css"> 21<link rel="stylesheet" href="frontend/css/animate.css"> 22<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 23<link rel="stylesheet" type="text/css" href="https://admission.ccnust.ac.bd/vendor/mckenziearts/laravel-notify/dist/notify.css"/> <style> 24 25.fbg00{ 26 background-image: url("frontend/images/Innovation Fair bg.jpg"); 27 background-repeat: no-repeat; 28 background-size: cover; 29 min-height:60vh; 30 31} 32 33.fbg00{ 34 margin-top:10px; 35} 36@media (max-width: 768px){ 37 .fbg00{ 38 margin-top:50px; 39} 40 41 } 42 43.fm11{ 44 padding-top:120px; 45 margin-left:350px; 46} 47@media (max-width: 768px){ 48 .fm11{ 49 padding-top:50px; 50 margin-left:0px; 51} 52 53 } 54 55 56 57 58 59 ul.navbar-nav > li > a { 60 padding: 0px 0 !important; 61 color: #fff; 62} 63 64.b{ 65 display:grid; 66 grid-template:repeat(1, 1fr); 67} 68.cto{ 69 background-color:#9BCF53; 70 margin-left:50px; 71 margin-right:50px; 72 height:50px; 73 margin-bottom:50px; 74} 75 76 .chair{ 77 margin-left:42px; 78 } 79 @media (min-width: 320px) and (max-width:576px) 80 { 81 .chair{ 82 margin-left:90px; 83 84 } 85 } 86 .prin{ 87 margin-left:150px; 88 89 } 90 91 @media (min-width: 320px) and (max-width:576px) 92 { 93 .prin{ 94 margin-left:95px; 95 96 } 97 } 98 99 .bgn{ 100 background-color:navy; 101 margin-left:50px; 102 color:white; 103 border-radius:10px; 104 105 } 106 @media (min-width: 320px) and (max-width:576px) 107 { 108 .bgn{ 109 margin-left:5px; 110 margin-right:5px; 111 112 } 113 } 114 .bgn2{ 115 background-color:#FCC2FC; 116 margin-left:0px; 117 color:white; 118 border-radius:10px; 119 120 } 121 122 @media (min-width: 320px) and (max-width:576px) 123 { 124 .bgn2{ 125 margin-left:5px; 126 margin-right:5px; 127 128 } 129 } 130 .ig img{ 131 transition:1s; 132 } 133 134 @media (min-width: 320px) and (max-width:576px) 135 { 136 .ig img{ 137 margin-left:16px; 138 139 } 140 } 141 .ig2 img{ 142 margin-left:100px; 143 transition:1s; 144 } 145 146 @media (min-width: 320px) and (max-width:576px) 147 { 148 .ig2 img{ 149 margin-left:16px; 150 151 } 152 } 153 .ig:hover img{ 154 transform:scale(1.5); 155 } 156 .ig2:hover img{ 157 transform:scale(1.5); 158 } 159 160 .root{ 161 margin-bottom:150px; 162 display:grid; 163 grid-template-columns:repeat(3, 2fr); 164 grid-template-rows:50px 50px 50px; 165 grid-gap:5px; 166 } 167 .Founder{ 168 position:relative; 169 color:white; 170 font-weight:bold; 171 background-color:red; 172 } 173 .hd{ 174 position:absolute; 175 margin: 12px 75px -45px; 176 } 177 @media (min-width: 320px) and (max-width:576px) 178 { 179 .hd{ 180 position:absolute; 181 margin: 0px 0px 0px; 182 font-size:small; 183 } 184 } 185 186 .Notice{ 187 position:relative; 188 color:white; 189 font-weight:bold; 190 background-color:black; 191 } 192 193 .Principal{ 194 position:relative; 195 color:white; 196 font-weight:bold; 197 background-color:green; 198 } 199 200 201 /* start nav bar */ 202 203 204 /* Sticky Navbar */ 205 206.sticky-navbar{ 207position:sticky; 208top:0; 209z-index:9999; 210} 211 212/* Dropdown Animation */ 213 214.dropdown-menu{ 215border-radius:5px; 216border:none; 217box-shadow:0 5px 15px rgba(0,0,0,0.2); 218} 219 220/* Submenu */ 221 222.dropdown-submenu{ 223position:relative; 224} 225 226.dropdown-submenu .dropdown-menu{ 227top:0; 228left:100%; 229margin-top:-1px; 230} 231 232/* Hover Effect */ 233 234.navbar-nav .nav-link{
235padding:12px 18px; 236font-weight:500; 237transition:.3s; 238} 239 240.navbar-nav .nav-link:hover{ 241background:#6A1B9A; 242border-radius:4px; 243} 244 245/* Mobile Menu */ 246 247@media (max-width:991px){ 248 249.navbar-nav{ 250background:white; 251padding:10px; 252} 253 254.dropdown-menu{ 255background:#4c0c6d; 256} 257 258.dropdown-item{ 259color:white; 260z-index: 100; 261} 262 263} 264 265/* Mobile submenu fix */ 266 267@media (max-width: 991px){ 268 269.dropdown-menu{ 270 background:#ffffff !important; 271 padding:0; 272} 273 274.dropdown-menu li a{ 275 color:#000 !important; 276 padding:10px 15px; 277 display:block; 278} 279 280.dropdown-menu li a:hover{ 281 background:#f1f1f1; 282} 283 284/* submenu */ 285 286.dropdown-submenu .dropdown-menu{ 287 background:#ffffff; 288 margin-left:15px; 289} 290 291} 292 293/* Desktop Hover Dropdown */ 294 295@media (min-width: 992px){ 296 297.navbar .dropdown:hover > .dropdown-menu{ 298display:block; 299margin-top:0; 300} 301 302/* Submenu Hover */ 303 304.dropdown-submenu:hover > .dropdown-menu{ 305display:block; 306left:100%; 307top:0; 308} 309 310} 311 312.dropdown-submenu{ 313position:relative; 314} 315 316.dropdown-submenu .dropdown-menu{ 317top:0; 318left:100%; 319} 320 321.navbar-toggler{ 322border-color:black; 323} 324 325.navbar-toggler-icon{ 326background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); 327} 328 329 330 /* end nav-bar */ 331 332 333 /* footer */ 334 .footer-social{ 335width:40px; 336height:40px; 337border-radius:50%; 338background:rgba(255,255,255,0.1); 339display:flex; 340align-items:center; 341justify-content:center; 342text-decoration:none; 343color:white; 344font-size:16px; 345transition:0.3s; 346} 347 348.footer-social:hover{ 349background:#d4af37; 350color:#0a2540; 351} 352 353.footer-links li{ 354margin-bottom:10px; 355} 356 357.footer-links a{ 358text-decoration:none; 359color:rgba(255,255,255,0.7); 360font-size:14px; 361transition:0.3s; 362} 363 364.footer-links a:hover{ 365color:#d4af37; 366} 367 368.footer-link-btn{ 369background:none; 370border:none; 371padding:0; 372color:rgba(255,255,255,0.7); 373font-size:14px; 374cursor:pointer; 375} 376 377.footer-link-btn:hover{ 378color:#d4af37; 379} 380 381.footer-bottom-link{ 382color:rgba(255,255,255,0.5); 383text-decoration:none; 384margin-left:15px; 385font-size:14px; 386transition:0.3s; 387} 388 389.footer-bottom-link:hover{ 390color:white; 391} 392/* end footer */ 393 394 395 396/* start content section er */ 397 398.gradient-hero{ 399background:linear-gradient(135deg,#0a2540,#1e3a8a); 400} 401 402.text-gold{ 403color:#d4af37; 404} 405 406.bg-gold{ 407background:#d4af37; 408} 409 410.card-hover:hover{ 411transform:translateY(-5px); 412transition:.3s; 413} 414 415.bg-ccn-cream{ 416background:#faf6ee; 417} 418 419.bg-ccn-navy{ 420background:#0a2540; 421} 422 423.text-ccn-navy{ 424color:#0a2540; 425} 426 427.text-ccn-gold{ 428color:#d4af37; 429} 430 431.border-ccn-gold{ 432border-color:#d4af37; 433} 434 435.card-shadow{ 436box-shadow:0 10px 30px rgba(0,0,0,0.08); 437} 438 439.rounded-2xl{ 440border-radius:16px; 441} 442 443.timeline-line{ 444background:#d4af37; 445} 446 447.faq-content{ 448display:none; 449} 450 451/* end content section er */ 452 453 454 </style> 455</head> 456<body> 457 458 <div class="body-inner"> 459 <!--/ Topbar end --> 460<!-- Header start --> 461 462<!--/ Header end --> 463 464<!--/ Banner start --> 465 466<!--/ Banner end --> 467 468<!--/ content start --> 469 470<style> 471 .admit-section { 472 min-height: 100vh; 473 display: flex; 474 align-items: center; 475 justify-content: center; 476 padding: 140px 15px 80px; 477 background: 478 linear-gradient(rgba(7, 25, 82, 0.88), rgba(15, 23, 42, 0.92)), 479 url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?q=80&w=2070&auto=format&fit=crop') center center/cover no-repeat; 480 position: relative; 481 overflow: hidden; 482 } 483 484 .admit-section::before { 485 content: ""; 486 position: absolute; 487 width: 350px; 488 height: 350px; 489 background: rgba(255,255,255,0.05); 490 border-radius: 50%; 491 top: -120px; 492 left: -120px; 493 } 494 495 .admit-section::after { 496 content: ""; 497 position: absolute; 498 width: 280px; 499 height: 280px; 500 background: rgba(255,255,255,0.04); 501 border-radius: 50%; 502 bottom: -100px; 503 right: -80px; 504 } 505 506 .admit-wrapper { 507 width: 100%; 508 max-width: 650px; 509 position: relative; 510 z-index: 2; 511 } 512 513 .admit-card { 514 background: rgba(255,255,255,0.12); 515 backdrop-filter: blur(14px); 516 -webkit-backdrop-filter: blur(14px); 517 border: 1px solid rgba(255,255,255,0.15); 518 border-radius: 28px; 519 overflow: hidden; 520 box-shadow: 0 20px 60px rgba(0,0,0,0.35); 521 } 522 523 .admit-header { 524 padding: 45px 35px 25px; 525 text-align: center; 526 } 527 528 .admit-badge { 529 display: inline-block; 530 background: rgba(255,255,255,0.18); 531 color: #fff; 532 font-size: 14px; 533 font-weight: 600; 534 padding: 8px 18px; 535 border-radius: 50px; 536 margin-bottom: 22px; 537 letter-spacing: 0.5px; 538 } 539 540 .admit-title { 541 color: #ffffff; 542 font-size: 34px; 543 font-weight: 800; 544 margin-bottom: 18px; 545 line-height: 1.3; 546 } 547 548 .admit-description { 549 color: rgba(255,255,255,0.92); 550 font-size: 17px; 551 line-height: 1.9; 552 margin-bottom: 0; 553 } 554 555 .admit-body { 556 background: #ffffff; 557 padding: 40px 35px; 558 border-radius: 28px 28px 0 0; 559 } 560 561 .input-label { 562 font-size: 16px; 563 font-weight: 700; 564 color: #1e293b; 565 margin-bottom: 12px; 566 display: block; 567 } 568 569 .custom-input { 570 height: 62px; 571 border-radius: 18px;
572 border: 1px solid black; 573 font-size: 17px; 574 font-weight: 600; 575 padding: 0 24px; 576 transition: all 0.3s ease; 577 background: #f8fbff; 578 color: #0f172a; 579 } 580 581 .custom-input:focus { 582 border-color: #2563eb; 583 box-shadow: 0 0 0 0.20rem rgba(37, 99, 235, 0.15); 584 background: #fff; 585 } 586 587 .custom-input::placeholder { 588 color: #94a3b8; 589 font-weight: 500; 590 } 591 592 .search-btn { 593 width: 100%; 594 height: 60px; 595 border: none; 596 border-radius: 18px; 597 background: linear-gradient(135deg, #2563eb, #1d4ed8); 598 color: #fff; 599 font-size: 18px; 600 font-weight: 700; 601 transition: all 0.35s ease; 602 letter-spacing: 0.3px; 603 box-shadow: 0 12px 30px rgba(37, 99, 235, 0.30); 604 } 605 606 .search-btn:hover { 607 transform: translateY(-2px); 608 background: linear-gradient(135deg, #1d4ed8, #1e40af); 609 box-shadow: 0 18px 35px rgba(37, 99, 235, 0.38); 610 color: #fff; 611 } 612 613 .error-alert { 614 border-radius: 16px; 615 font-size: 15px; 616 font-weight: 600; 617 padding: 14px 18px; 618 margin-bottom: 24px; 619 } 620 621 .bottom-text { 622 text-align: center; 623 margin-top: 22px; 624 font-size: 14px; 625 color: #64748b; 626 line-height: 1.8; 627 } 628 629 @media (max-width: 768px) { 630 631 .admit-section { 632 padding: 110px 15px 60px; 633 } 634 635 .admit-header { 636 padding: 35px 22px 20px; 637 } 638 639 .admit-body { 640 padding: 30px 22px; 641 } 642 643 .admit-title { 644 font-size: 26px; 645 } 646 647 .admit-description { 648 font-size: 15px; 649 line-height: 1.8; 650 } 651 652 .custom-input { 653 height: 56px; 654 font-size: 15px; 655 border-radius: 14px; 656 border: 4px solid black; 657 color:black; 658 } 659 660 .search-btn { 661 height: 56px; 662 font-size: 16px; 663 border-radius: 14px; 664 } 665 } 666 667 @media (max-width: 480px) { 668 669 .admit-title { 670 font-size: 22px; 671 } 672 673 .admit-description { 674 font-size: 14px; 675 } 676 677 .admit-badge { 678 font-size: 12px; 679 padding: 7px 15px; 680 } 681 } 682</style> 683 684<div class="admit-section"> 685 686 <div class="admit-wrapper"> 687 688 <div class="admit-card"> 689 690 <div class="admit-header"> 691 692 <div class="admit-badge"> 693 Online Admission System 694 </div> 695 696 <h1 class="admit-title"> 697 Download Your Admit Card 698 </h1> 699 700 <p class="admit-description"> 701 যারা ঠনলাà¦à¦¨à§à¦° মাধà§à¦¯à¦®à§ Admission Test-à¦à¦° à¦à¦¨à§à¦¯ à¦à¦¬à§à¦¦à¦¨ à¦à¦°à§à¦à§à¦¨, 702 তারা তাদà§à¦° SSC ঠথবা HSC-à¦à¦° Board Roll নমà§à¦¬à¦° লিà¦à§ নিà¦à§à¦° 703 <strong>Click Here</strong> বাà¦à¦¨à§ à¦à§à¦²à¦¿à¦ à¦à¦°à§ Admit Card ডাà¦à¦¨à¦²à§à¦¡ à¦à¦°à§à¦¨à¥¤ 704 <br> 705 <small style="font_weight:bold; Font-size:large; color:#F59E0B;">Admit Card ডাà¦à¦¨à¦²à§à¦¡ à¦à¦°à¦¤à§ à¦à§à¦¨à§ সমসà§à¦¯à¦¾ হলৠ০১৮৪২২৩৮১৬৪ নমà§à¦¬à¦°à§ যà§à¦à¦¾à¦¯à§à¦ à¦à¦°à§à¦¨à¥¤</small> 706 </p> 707 708 </div> 709 710 <div class="admit-body"> 711 712 713 <form action="https://admission.ccnust.ac.bd/Admission/test/admitCard/Get" method="get"> 714 715 <div class="mb-4"> 716 717 <label class="input-label"> 718 SSC / HSC Board Roll Number 719 </label> 720 721 <input 722 type="text" 723 class="form-control custom-input text-center" 724 placeholder="Please Type Your SSC/HSC Board Roll" 725 name="search_keys" 726 required 727 > 728 729 </div> 730 731 <button type="submit" class="search-btn"> 732 Click Here 733 </button> 734 735 </form> 736 737 <div class="bottom-text"> 738 Please make sure your board roll number is correct before searching. 739 </div> 740 741 </div> 742 743 </div> 744 745 </div> 746 747</div> 748 749 750 751<!--/ content end --> 752 753 <!-- Javascript Files 754 ================================================== --> 755 756 <!-- initialize jQuery Library --> 757
757<script src="frontend/plugins/jQuery/jquery.min.js"></script>
757 758 <!-- Bootstrap jQuery --> 759
759<script src="frontend/plugins/bootstrap/bootstrap.min.js" defer></script>
759 760 <!-- Slick Carousel --> 761
761<script src="frontend/plugins/slick/slick.min.js"></script>
761 762
762<script src="frontend/plugins/slick/slick-animation.min.js"></script>
762 763 <!-- Color box --> 764
764<script src="frontend/plugins/colorbox/jquery.colorbox.js"></script>
764 765 <!-- shuffle --> 766
766<script src="frontend/plugins/shuffle/shuffle.min.js" defer></script>
766 767 768 769 <!-- Google Map API Key--> 770
770<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU" defer></script>
770 771 <!-- Google Map Plugin--> 772
772<script src="frontend/plugins/google-map/map.js" defer></script>
772 773 774 <!-- Template custom --> 775
775<script src="frontend/js/script.js"></script>
775 776
776<script src="frontend/js/wow.min.js"></script>
776 777
777<script> 778 new WOW().init(); 779 </script>
779 780 781 782 783 </div><!-- Body inner end --> 784 <div id="laravel-notify"> 785 786 787 788
788<script> 789 var notify = { 790 timeout: "5000", 791 } 792 </script>
792 793</div> 794
794<script type="text/javascript" src="https://admission.ccnust.ac.bd/vendor/mckenziearts/laravel-notify/js/notify.js"></script>
794 795
795<script> 796 797$('.dropdown-submenu .dropdown-toggle').on("click", function(e){ 798 799$(this).next('ul').toggle(); 800 801e.stopPropagation(); 802e.preventDefault(); 803 804}); 805 806</script>
806 807
808<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
808 809 810
811<script> 812 813function openLoginModal(){ 814 document.getElementById('loginModal').classList.remove('hidden'); 815 document.getElementById('loginModal').classList.add('flex'); 816} 817 818function closeLoginModal(){ 819 document.getElementById('loginModal').classList.add('hidden'); 820} 821 822</script>
822 823<!-- start pdf download korar jonoo --> 824
825<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.js"></script>
825 826
826<script> 827 // Get the button and content to convert 828 const downloadBtn = document.getElementById('downloadBtn'); 829 const content = document.querySelector('.report-content'); // Select the report content 830 831 downloadBtn.addEventListener('click', function() { 832 // Use html2pdf to generate PDF 833 const options = { 834 margin: 0, 835 // filename: 'Graduation Fest Invoice.pdf', 836 filename: 'Admission Form.pdf', 837 image: { type: 'jpeg', quality: 0.98 }, 838 html2canvas: { scale: 2 }, 839 jsPDF: { unit: 'in', format: 'A4', orientation: 'portrait' } 840 }; 841 842 html2pdf().from(content).set(options).save(); 843 }); 844 </script>
844 845 846
847<script> 848 (function (window, document) { 849 var loader = function () { 850 var script = document.createElement("script"), tag = document.getElementsByTagName("script")[0]; 851 script.src = "https://sandbox.sslcommerz.com/embed.min.js?" + Math.random().toString(36).substring(7); 852 tag.parentNode.insertBefore(script, tag); 853 }; 854 855 window.addEventListener ? window.addEventListener("load", loader, false) : window.attachEvent("onload", loader); 856 })(window, document); 857</script>
857 858 859 860 861 862
862<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":"ceda8c278d144344a79278ad3732e5fe","r":1,"spa":2}' crossorigin="anonymous"></script>
862 863</body> 864 865 </html>
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.