{"id":3496,"date":"2026-06-01T15:43:13","date_gmt":"2026-06-01T15:43:13","guid":{"rendered":"https:\/\/dbcollege.in\/?page_id=3496"},"modified":"2026-06-01T15:46:13","modified_gmt":"2026-06-01T15:46:13","slug":"wi-fi-campus-computer-hub","status":"publish","type":"page","link":"https:\/\/dbcollege.in\/index.php\/wi-fi-campus-computer-hub\/","title":{"rendered":"Wi-Fi Campus &#038; Computer Hub"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3496\" class=\"elementor elementor-3496\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bf3674 e-con-full e-flex e-con e-parent\" data-id=\"9bf3674\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99b3983 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"99b3983\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"modern-breadcrumb-banner\">\r\n    <div class=\"breadcrumb-overlay\"><\/div>\r\n    <div class=\"breadcrumb-content-wrapper\">\r\n        <!-- Main Section Title -->\r\n        <h1 class=\"breadcrumb-main-title\">Wi-Fi Campus & Computer Hub<\/h1>\r\n        \r\n        <!-- Interactive Breadcrumb Links -->\r\n        <div class=\"breadcrumb-navigation-links\">\r\n            <a href=\"https:\/\/dbcollege.in\/\" class=\"breadcrumb-link-item\">Home<\/a>\r\n            <span class=\"breadcrumb-separator-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\r\n            <\/span>\r\n            <a href=\"#\" class=\"breadcrumb-link-item\">Facilities<\/a>\r\n            <span class=\"breadcrumb-separator-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\r\n            <\/span>\r\n            <span class=\"breadcrumb-current-page\">Wi-Fi Campus<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* Main Banner Container *\/\r\n    .modern-breadcrumb-banner {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 260px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: left;\r\n        font-family: 'Segoe UI', -apple-system, sans-serif;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n        border-radius: 0px; \/* Sharp rectangular corners ke liye 0 kiya hai *\/\r\n        margin-bottom: 35px;\r\n        \r\n        \/* Background Configuration *\/\r\n        background-image: url('https:\/\/encrypted-tbn3.gstatic.com\/licensed-image?q=tbn:ANd9GcRRwqH0zF4ww6DItz0USRy-ZCdBFmtl7kU_YKUPanEQgC1LKySpyROVBnS_L4hMTjXuCwYHNmspIptg4_0'); \r\n        background-size: cover;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n    }\r\n\r\n    \/* Dark Overlay for Text Readability over Image *\/\r\n    .breadcrumb-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, rgba(5, 36, 17, 0.9) 0%, rgba(12, 74, 40, 0.6) 60%, rgba(0, 0, 0, 0.3) 100%);\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Inner Content Container *\/\r\n    .breadcrumb-content-wrapper {\r\n        position: relative;\r\n        z-index: 2;\r\n        padding: 40px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Main Title Typography *\/\r\n    .breadcrumb-main-title {\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        color: #ffffff;\r\n        margin: 0;\r\n        letter-spacing: 0.5px;\r\n        text-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    \/* Navigation Links Wrap *\/\r\n    .breadcrumb-navigation-links {\r\n        display: flex;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 6px;\r\n    }\r\n\r\n    \/* Individual Link Item *\/\r\n    .breadcrumb-link-item {\r\n        font-size: 13.5px;\r\n        font-weight: 600;\r\n        color: #e2e8f0;\r\n        text-decoration: none;\r\n        transition: color 0.2s ease;\r\n    }\r\n    .breadcrumb-link-item:hover {\r\n        color: #eab308; \r\n    }\r\n\r\n    \/* Separator SVG Icon Style *\/\r\n    .breadcrumb-separator-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        color: #94a3b8;\r\n    }\r\n    .breadcrumb-separator-icon svg {\r\n        width: 16px;\r\n        height: 16px;\r\n    }\r\n\r\n    \/* Active \/ Current Page State *\/\r\n    .breadcrumb-current-page {\r\n        font-size: 13.5px;\r\n        font-weight: 600;\r\n        color: #eab308; \r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 768px) {\r\n        .modern-breadcrumb-banner { min-height: 200px; }\r\n        .breadcrumb-content-wrapper { padding: 24px; }\r\n        .breadcrumb-main-title { font-size: 26px; }\r\n        .breadcrumb-link-item, .breadcrumb-current-page { font-size: 12.5px; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5481ce2 e-con-full e-flex e-con e-parent\" data-id=\"5481ce2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-709ec03 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"709ec03\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"wifi-premium-container\">\r\n    <!-- Component-specific CSS Stylesheet -->\r\n    <style>\r\n        .wifi-premium-container {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            width: 100%;\r\n            margin: 40px 0;\r\n            padding: 35px;\r\n            background: #F4FAF6; \/* Active State: Premium Soft Light Green *\/\r\n            border: 2px solid #FFEBAA; \/* Thin Elegant Yellow Border *\/\r\n            border-radius: 24px;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            gap: 40px;\r\n            align-items: center;\r\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n            box-shadow: 0 10px 30px rgba(15, 81, 50, 0.02);\r\n        }\r\n\r\n        \/* Dynamic Warm Yellow State on Hover *\/\r\n        .wifi-premium-container:hover {\r\n            border-color: #FFC107; \/* Brighter Yellow Border *\/\r\n            background-color: #FFFDF5; \/* Warm Yellow Blend on Hover *\/\r\n            box-shadow: 0 20px 40px rgba(255, 193, 7, 0.12);\r\n        }\r\n\r\n        \/* Premium Feature Image Section *\/\r\n        .wifi-image-wrapper {\r\n            flex: 1.1;\r\n            position: relative;\r\n            height: 380px;\r\n            border-radius: 20px;\r\n            padding: 3px;\r\n            background: #FFC107; \/* Yellow Accent Frame Base *\/\r\n            transition: all 0.4s ease;\r\n            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);\r\n        }\r\n\r\n        .wifi-premium-container:hover .wifi-image-wrapper {\r\n            background: #198754; \/* Border Shifts to Brand Green on Hover *\/\r\n            transform: scale(1.01);\r\n        }\r\n\r\n        .wifi-image-wrapper img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            border-radius: 18px;\r\n            border: 3px solid #ffffff;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Live Badge Pulse Effect *\/\r\n        .wifi-status-badge {\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            background: #0F5132;\r\n            color: #ffffff;\r\n            padding: 6px 14px;\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            border-radius: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            box-shadow: 0 4px 12px rgba(15, 81, 50, 0.3);\r\n        }\r\n\r\n        .wifi-status-badge::before {\r\n            content: '';\r\n            width: 8px;\r\n            height: 8px;\r\n            background: #20c997;\r\n            border-radius: 50%;\r\n            display: inline-block;\r\n            animation: wifiPulse 1.8s infinite ease-in-out;\r\n        }\r\n\r\n        @keyframes wifiPulse {\r\n            0% { transform: scale(0.8); opacity: 0.5; box-shadow: 0 0 0 0 rgba(32, 201, 151, 0.7); }\r\n            70% { transform: scale(1); opacity: 1; box-shadow: 0 0 0 8px rgba(32, 201, 151, 0); }\r\n            100% { transform: scale(0.8); opacity: 0.5; box-shadow: 0 0 0 0 rgba(32, 201, 151, 0); }\r\n        }\r\n\r\n        \/* Content Text Wrapper *\/\r\n        .wifi-content-wrapper {\r\n            flex: 1.3;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .wifi-tagline {\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n            color: #198754;\r\n            font-weight: 700;\r\n            margin: 0 0 8px 0;\r\n        }\r\n\r\n        .wifi-title {\r\n            font-size: 32px;\r\n            font-weight: 800;\r\n            color: #0F5132;\r\n            margin: 0 0 15px 0;\r\n            letter-spacing: -0.8px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .wifi-description {\r\n            font-size: 15px;\r\n            color: #5A6A85;\r\n            line-height: 1.6;\r\n            margin: 0 0 25px 0;\r\n        }\r\n\r\n        \/* High-Density Features List *\/\r\n        .wifi-features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 16px;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .wifi-feature-item {\r\n            background: #ffffff;\r\n            border: 1px solid #E2E8F0;\r\n            border-radius: 14px;\r\n            padding: 14px 16px;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .wifi-premium-container:hover .wifi-feature-item {\r\n            border-color: #FFEBAA;\r\n        }\r\n\r\n        .wifi-feature-item:hover {\r\n            border-color: #FFC107 !important;\r\n            box-shadow: 0 6px 15px rgba(255, 193, 7, 0.08);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .wifi-icon-box {\r\n            font-size: 20px;\r\n            background: #F1F9F5;\r\n            padding: 6px;\r\n            border-radius: 10px;\r\n            line-height: 1;\r\n        }\r\n\r\n        .wifi-feature-text h5 {\r\n            font-size: 14.5px;\r\n            font-weight: 700;\r\n            color: #1A202C;\r\n            margin: 0 0 2px 0;\r\n        }\r\n\r\n        .wifi-feature-text p {\r\n            font-size: 12px;\r\n            color: #718096;\r\n            margin: 0;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* Premium CTA Access Button *\/\r\n        .wifi-action-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            font-size: 13.5px;\r\n            font-weight: 600;\r\n            color: #ffffff;\r\n            background-color: #198754;\r\n            border: 1px solid #198754;\r\n            padding: 12px 28px;\r\n            border-radius: 30px;\r\n            text-decoration: none;\r\n            align-self: flex-start;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 14px rgba(25, 135, 84, 0.2);\r\n        }\r\n\r\n        .wifi-action-btn:hover {\r\n            background-color: #0F5132;\r\n            border-color: #0F5132;\r\n            transform: translateY(-1px);\r\n            box-shadow: 0 6px 20px rgba(15, 81, 50, 0.3);\r\n        }\r\n\r\n        \/* Responsive Layout Optimization *\/\r\n        @media (max-width: 992px) {\r\n            .wifi-premium-container {\r\n                flex-direction: column;\r\n                padding: 24px;\r\n                gap: 25px;\r\n            }\r\n            .wifi-image-wrapper {\r\n                width: 100%;\r\n                height: 260px;\r\n            }\r\n            .wifi-content-wrapper {\r\n                width: 100%;\r\n            }\r\n            .wifi-title {\r\n                font-size: 26px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .wifi-features-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 12px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Left Box: Premium Image Section with Floating Live Status -->\r\n    <div class=\"wifi-image-wrapper\">\r\n        <div class=\"wifi-status-badge\">Active Campus<\/div>\r\n        <!-- High Quality Tech\/Campus Image Context -->\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=800&q=80\" alt=\"High-Speed Wi-Fi Zone\">\r\n    <\/div>\r\n\r\n    <!-- Right Box: Premium Structured Content -->\r\n    <div class=\"wifi-content-wrapper\">\r\n        <span class=\"wifi-tagline\">Next-Gen Connectivity<\/span>\r\n        <h3 class=\"wifi-title\">High-Speed Wi-Fi Enabled Campus<\/h3>\r\n        <p class=\"wifi-description\">Hamara poora educational square high-density, smart wireless network se loaded he. Students aur faculty members pure campus grounds me kahi bhi uninterrupted digital learning tools, online journal databases aur seamless cloud operations ko access kar sakte hain.<\/p>\r\n        \r\n        <!-- High Density Features Grid Layout -->\r\n        <div class=\"wifi-features-grid\">\r\n            <!-- Feature Item 1 -->\r\n            <div class=\"wifi-feature-item\">\r\n                <div class=\"wifi-icon-box\">\u26a1<\/div>\r\n                <div class=\"wifi-feature-text\">\r\n                    <h5>Gigabit Speed<\/h5>\r\n                    <p>Ultra-low latency connection for quick research.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Feature Item 2 -->\r\n            <div class=\"wifi-feature-item\">\r\n                <div class=\"wifi-icon-box\">\ud83d\udd12<\/div>\r\n                <div class=\"wifi-feature-text\">\r\n                    <h5>Secure Access<\/h5>\r\n                    <p>Encrypted network architecture for data protection.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Feature Item 3 -->\r\n            <div class=\"wifi-feature-item\">\r\n                <div class=\"wifi-icon-box\">\ud83d\udccd<\/div>\r\n                <div class=\"wifi-feature-text\">\r\n                    <h5>Full Coverage<\/h5>\r\n                    <p>Classrooms, libraries, labs & seminar zones integrated.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Feature Item 4 -->\r\n            <div class=\"wifi-feature-item\">\r\n                <div class=\"wifi-icon-box\">\ud83d\udcbb<\/div>\r\n                <div class=\"wifi-feature-text\">\r\n                    <h5>BYOD Friendly<\/h5>\r\n                    <p>Smooth authentication for smartphones, tabs & laptops.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Call to Action Link Button -->\r\n        <a href=\"#wifi-registration\" class=\"wifi-action-btn\">\r\n            Connect Securely <span>\u2794<\/span>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Wi-Fi Campus &#038; Computer Hub Home Facilities Wi-Fi Campus Active Campus Next-Gen Connectivity High-Speed Wi-Fi Enabled Campus Hamara poora educational square high-density, smart wireless network se loaded he. Students aur faculty members pure campus grounds me kahi bhi uninterrupted digital learning tools, online journal databases aur seamless cloud operations ko access kar sakte hain. \u26a1&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"default","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-3496","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/3496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/comments?post=3496"}],"version-history":[{"count":7,"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/3496\/revisions"}],"predecessor-version":[{"id":3503,"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/3496\/revisions\/3503"}],"wp:attachment":[{"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/media?parent=3496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}