PageSourceSearch

https://admission.ccnust.ac.bd/Admission/test/admitCard/search

html ccnust.ac.bd collected 2026-10-02 21:42:16 UTC 18,773 bytes, 865 lines download raw bytes

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.