{"id":12724,"date":"2025-08-10T09:27:56","date_gmt":"2025-08-10T09:27:56","guid":{"rendered":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/?page_id=12724"},"modified":"2026-03-30T14:41:50","modified_gmt":"2026-03-30T14:41:50","slug":"department-of-electrical-and-electronic-engineering","status":"publish","type":"page","link":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/department-of-electrical-and-electronic-engineering\/","title":{"rendered":"Department of Electrical and Electronic Engineering"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1900\" height=\"916\" src=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-content\/uploads\/2026\/02\/S_S01156-copy-2.jpg\" alt=\"\" class=\"wp-image-18742\" style=\"object-fit:cover\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-small)\">\n        <style>\n        .budeptdesc-text {\n            margin: 0;\n            padding: 20px 0;\n            font-size: 20px;\n            line-height: 1.8;\n            color: #333;\n            text-align: justify;\n        }\n\n        .budeptdesc-text p {\n            font-size: 20px;\n            line-height: 1.8;\n            color: #333;\n            text-align: justify;\n            margin-bottom: 1em;\n        }\n\n        .budeptdesc-text ul,\n        .budeptdesc-text ol {\n            font-size: 20px;\n            line-height: 1.8;\n            color: #333;\n        }\n\n        .budeptdesc-text img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media (max-width: 768px) {\n            .budeptdesc-text,\n            .budeptdesc-text p,\n            .budeptdesc-text ul,\n            .budeptdesc-text ol {\n                font-size: 17px;\n                line-height: 1.7;\n            }\n            .budeptdesc-text {\n                padding: 14px 0;\n            }\n        }\n        <\/style><div class=\"budeptdesc-text\">The Department of Electrical and Electronic Engineering (EEE) at Bangladesh University provides a forward-looking curriculum designed to meet the demands of rapidly evolving technology. The program emphasizes four core areas: power and energy, electronics, communication, and computing, while ensuring a strong foundation in mathematics, science, and engineering principles. Students gain practical experience through laboratories, fieldwork, and interdisciplinary projects, developing problem-solving, teamwork, and design skills.\r\n\r\nThe department\u2019s vision is to achieve international recognition for excellence in teaching and research. Its mission focuses on fostering a dynamic learning environment supported by modern facilities, skilled faculty, and industry-relevant programs. Graduates are prepared to excel as ethical, innovative engineers, capable of lifelong learning, effective communication, and leadership in multidisciplinary teams.\r\n\r\nThrough the EEE program, students acquire technical expertise, intellectual and practical skills, entrepreneurial abilities, and professional ethics, equipping them to contribute meaningfully to society, industry, and global technological advancements.<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--small);margin-bottom:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--x-small)\">    <style>\r\n      .bu-prog-wrap{\r\n        --cardinal:#b2040e;\r\n        --beige:#f6f3ef;\r\n        --border:#e5e2dd;\r\n        --ink:#121314;\r\n        --ink-soft:#471e1e;\r\n        font-family: system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\r\n      }\r\n\r\n      .bu-prog-title{\r\n        font:800 1.7rem\/1.25 system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\r\n        margin:.3rem 0 1.2rem;\r\n        color:var(--cardinal);\r\n      }\r\n\r\n      .bu-prog-grid{\r\n        display:grid;\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        gap:20px;\r\n      }\r\n      @media (max-width:1024px){\r\n        .bu-prog-grid{ grid-template-columns:repeat(2,1fr); }\r\n      }\r\n      @media (max-width:640px){\r\n        .bu-prog-grid{ grid-template-columns:1fr; }\r\n      }\r\n\r\n      \/* Card *\/\r\n      .bu-card{\r\n        display:block;\r\n        position:relative;\r\n        background:#fff;\r\n        border:1px solid var(--border);\r\n        border-radius:14px;\r\n        padding:20px;\r\n        min-height:200px;\r\n        text-decoration:none;\r\n        transition:.18s ease;\r\n        color:var(--ink);\r\n      }\r\n      .bu-card::before{\r\n        content:\"\";\r\n        position:absolute;\r\n        left:0; right:0; top:0;\r\n        height:38px;\r\n        background:var(--beige);\r\n        border-bottom:1px solid var(--border);\r\n        border-radius:14px 14px 0 0;\r\n      }\r\n      .bu-card:hover{\r\n        border-color:var(--cardinal);\r\n        background:#fbfaf8;\r\n      }\r\n\r\n      .bu-chip{\r\n        position:relative;\r\n        z-index:1;\r\n        display:inline-block;\r\n        margin-top:6px;\r\n        padding:.28rem .6rem;\r\n        font-size:.85rem;\r\n        font-weight:700;\r\n        text-transform:uppercase;\r\n        background:var(--beige);\r\n        border:1px solid var(--border);\r\n        border-radius:8px;\r\n        color:var(--ink-soft);\r\n        letter-spacing:.05em;\r\n      }\r\n\r\n      .bu-card h4{\r\n        position:relative;\r\n        z-index:1;\r\n        margin:14px 0 16px;\r\n        font-size:1.28rem;              \/* desktop bigger *\/\r\n        line-height:1.35;\r\n        font-weight:800;\r\n        color:var(--ink);\r\n      }\r\n\r\n      .bu-cta{\r\n        position:relative;\r\n        z-index:1;\r\n        font-size:1rem;\r\n        font-weight:700;\r\n        color:var(--cardinal);\r\n      }\r\n      .bu-card:hover .bu-cta{\r\n        text-decoration:underline;\r\n      }\r\n\r\n      \/* \u2705 Mobile text boost *\/\r\n      @media (max-width:640px){\r\n        .bu-card{ padding:18px; min-height:auto; }\r\n        .bu-chip{ font-size:.9rem; }\r\n        .bu-card h4{\r\n          font-size:1.38rem;\r\n          line-height:1.4;\r\n        }\r\n        .bu-cta{\r\n          font-size:1.05rem;\r\n        }\r\n      }\r\n\r\n      .bu-prog-empty{\r\n        padding:1rem;\r\n        border:1px dashed #e5e7eb;\r\n        border-radius:12px;\r\n        background:#fafafa;\r\n        color:#475569;\r\n      }\r\n    <\/style>\r\n\r\n    <section class=\"bu-prog-wrap\">\r\n              <div class=\"bu-prog-title\">Our Degrees<\/div>\r\n      \r\n              <div class=\"bu-prog-grid\">\r\n                      <a class=\"bu-card\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/syllabus-and-course-fees\/?degree=BSc%20in%20EEE%20(Regular)\">\r\n              <span class=\"bu-chip\">UG<\/span>\r\n              <h4>BSc in EEE (Regular)<\/h4>\r\n              <span class=\"bu-cta\">Syllabus and Course Fees<\/span>\r\n            <\/a>\r\n                      <a class=\"bu-card\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/syllabus-and-course-fees\/?degree=BSc%20in%20EEE%20(Diploma%20Holder)\">\r\n              <span class=\"bu-chip\">UG<\/span>\r\n              <h4>BSc in EEE (Diploma Holder)<\/h4>\r\n              <span class=\"bu-cta\">Syllabus and Course Fees<\/span>\r\n            <\/a>\r\n                  <\/div>\r\n          <\/section>\r\n    \n<\/div>\n\n\n\n<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"background-color:#f6f3ef;padding-top:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large)\">    <style>\r\n      #deptlnk_d2ad5627-e469-4146-a749-d78c51deb210 .dept-links{\r\n        display:flex;\r\n        gap:12px;\r\n        flex-wrap:wrap;\r\n      }\r\n\r\n      \/* ===== Desktop \/ Web (unchanged) ===== *\/\r\n      #deptlnk_d2ad5627-e469-4146-a749-d78c51deb210 .dept-btn{\r\n        font:700 1.85rem\/1.15 \"Source Sans 3\", \"Source Sans Pro\", Arial, sans-serif;\r\n        display:inline-block;\r\n        padding:12px 16px;\r\n        border:1px solid #111;\r\n        border-radius:999px;\r\n        text-decoration:none;\r\n        color:#b2040e;\r\n        background:#fff;\r\n        min-width:160px;\r\n        text-align:center;\r\n        white-space:nowrap;\r\n      }\r\n      #deptlnk_d2ad5627-e469-4146-a749-d78c51deb210 .dept-btn:hover{\r\n        background:#F6F3EF;\r\n      }\r\n\r\n      \/* ===== Mobile only ===== *\/\r\n      @media (max-width: 600px){\r\n        #deptlnk_d2ad5627-e469-4146-a749-d78c51deb210 .dept-btn{\r\n          font-size:1.2rem;       \/* \u099b\u09cb\u099f \u09ab\u09a8\u09cd\u099f *\/\r\n          padding:8px 12px;       \/* \u0995\u09ae padding *\/\r\n          min-width:120px;        \/* \u0995\u09ae \u09b2\u09ae\u09cd\u09ac\u09be *\/\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <nav id=\"deptlnk_d2ad5627-e469-4146-a749-d78c51deb210\">\r\n      <div class=\"dept-links\" aria-label=\"Department quick links\">\r\n        <a class=\"dept-btn\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/newssingle\/?idd=19&#038;dept\">\r\n           News\r\n        <\/a>\r\n        <a class=\"dept-btn\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/noticesingle\/?idd=19&#038;dept\">\r\n           Notice\r\n        <\/a>\r\n      <\/div>\r\n    <\/nav>\r\n    \n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">    <style>\r\n      \/* ========= Scoped styles ========= *\/\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613{\r\n        --ink:#111; --muted:#475569; --card:#fff; --border:#e5e7eb;\r\n        --shadow:0 8px 24px rgba(0,0,0,.08);\r\n        --brand:#b2040e; --media-bg:#f8fafc;\r\n        overflow-x:hidden;               \/* \u2705 mobile horizontal scroll fix *\/\r\n      }\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 *, \r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 *::before, \r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 *::after{ box-sizing:border-box; }\r\n\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-wrap{\r\n        width:min(1200px,95vw);\r\n        margin:0 auto;\r\n        padding:8px 10px 16px;\r\n        color:var(--ink);\r\n      }\r\n\r\n      \/* \u2705 Mobile: vw + padding overflow prevent *\/\r\n      @media (max-width: 600px){\r\n        #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-wrap{\r\n          width:100%;\r\n          max-width:100%;\r\n          padding-left:12px;\r\n          padding-right:12px;\r\n          overflow-x:hidden;\r\n        }\r\n      }\r\n\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-title{\r\n        font:800 clamp(1.2rem, 2vw, 1.6rem)\/1.2 system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\r\n        margin:0 0 14px;\r\n        color:var(--brand);\r\n      }\r\n\r\n      \/* Grid: \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa 4, \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f 3\/2, \u09ae\u09cb\u09ac\u09be\u0987\u09b2 2, \u0996\u09c1\u09ac \u099b\u09cb\u099f \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09a8\u09c7 1 *\/\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-grid{ display:grid; gap:16px; grid-template-columns:repeat(4,1fr); }\r\n      @media (max-width: 1100px){ #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-grid{ grid-template-columns:repeat(3,1fr); } }\r\n      @media (max-width: 820px){  #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-grid{ grid-template-columns:repeat(2,1fr); } }\r\n      @media (max-width: 380px){  #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-grid{ grid-template-columns:1fr; } }\r\n\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-card{\r\n        background:var(--card);\r\n        border:1px solid var(--border);\r\n        border-radius:14px;\r\n        overflow:hidden;\r\n        box-shadow:var(--shadow);\r\n        transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;\r\n        -webkit-tap-highlight-color: transparent; touch-action: manipulation;\r\n        max-width:100%;               \/* \u2705 prevent overflow *\/\r\n      }\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-card:hover{ transform:translateY(-4px); border-color:#d6d3ce; box-shadow:0 12px 30px rgba(0,0,0,.12); }\r\n\r\n      \/* \u2705 Image: contain (\u0995\u09be\u099f\u09ac\u09c7 \u09a8\u09be) + \u099b\u09cb\u099f \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09a8\u09c7 \u099b\u09cb\u099f \u0989\u099a\u09cd\u099a\u09a4\u09be *\/\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-media{\r\n        background: var(--media-bg);\r\n        display:flex; align-items:center; justify-content:center;\r\n        padding: 8px; border-bottom:1px solid var(--border);\r\n        height: clamp(130px, 22vw, 170px);\r\n      }\r\n      @media (max-width: 820px){ #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-media{ height: clamp(120px, 30vw, 150px); } }\r\n      @media (max-width: 480px){ #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-media{ height: clamp(110px, 42vw, 140px); } }\r\n\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-img{\r\n        max-width:100%;\r\n        max-height:100%;\r\n        width:auto;\r\n        height:auto;\r\n        object-fit:contain;\r\n        display:block;\r\n      }\r\n\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-body{ padding:12px 12px 14px; }\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-name{ margin:0 0 4px; font-weight:800; font-size:clamp(1rem, 1.6vw, 1.08rem); }\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-desig{ margin:0 0 8px; color:var(--muted); font-weight:600; font-size:clamp(.9rem, 1.3vw, .98rem); }\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-meta{ margin:0; font-size:.9rem; color:#334155; word-break: break-word; }\r\n      @media (max-width:480px){\r\n        #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-body{ padding:10px 10px 12px; }\r\n        #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-meta{ font-size:.88rem; }\r\n      }\r\n\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-btn{\r\n        display:inline-block; margin-top:10px; font-weight:700; text-decoration:none; color:var(--brand);\r\n      }\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-btn:hover{ text-decoration:underline; }\r\n\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .more-wrap{ text-align:center; margin-top:18px; }\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .more-btn{\r\n        display:inline-block; padding:12px 18px; border-radius:999px; font-weight:800;\r\n        color:#fff; background:var(--brand); text-decoration:none; box-shadow:0 6px 18px rgba(140,21,21,.25);\r\n      }\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .more-btn:hover{ filter:brightness(1.05); }\r\n      @media (max-width:480px){\r\n        #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .more-btn{\r\n          width:100%;\r\n          max-width:260px;            \/* \u2705 avoid overflow *\/\r\n          text-align:center;\r\n        }\r\n      }\r\n\r\n      #profgrid_2f12104d-9387-431c-9768-092db8ab3613 .prof-empty{\r\n        padding:12px; border:1px dashed #e5e7eb; border-radius:12px; color:#475569; background:#fafafa;\r\n      }\r\n    <\/style>\r\n\r\n    <section id=\"profgrid_2f12104d-9387-431c-9768-092db8ab3613\">\r\n      <div class=\"prof-wrap\">\r\n                  <h2 class=\"prof-title\">Our Faculty<\/h2>\r\n        \r\n                  <div class=\"prof-grid\">\r\n                          <article class=\"prof-card\">\r\n                <div class=\"prof-media\">\r\n                                      <img class=\"prof-img\"\r\n                         src=\"https:\/\/bublobstorage1.blob.core.windows.net\/bu-website-blob\/Images\/Profiles\/1772942462_rsz_mohibulla.jpg\"\r\n                         alt=\"Dr. Md. Muhibbullah\"\r\n                         loading=\"lazy\" decoding=\"async\"\r\n                         sizes=\"(max-width:820px) 50vw, (max-width:380px) 100vw, 25vw\">\r\n                                  <\/div>\r\n                <div class=\"prof-body\">\r\n                  <h3 class=\"prof-name\">Dr. Md. Muhibbullah<\/h3>\r\n                  <p class=\"prof-desig\">Associate Professor<\/p>\r\n                                      <p class=\"prof-meta\"><strong>Email:<\/strong> m.muhibbullah@bu.edu.bd<\/p>\r\n                                    <a class=\"prof-btn\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/profile\/?id=85\">View Details<\/a>\r\n                <\/div>\r\n              <\/article>\r\n                          <article class=\"prof-card\">\r\n                <div class=\"prof-media\">\r\n                                      <img class=\"prof-img\"\r\n                         src=\"https:\/\/bublobstorage1.blob.core.windows.net\/bu-website-blob\/Images\/Profiles\/1772943332_rsz_hakim.jpg\"\r\n                         alt=\"Md Shahrier Hakim\"\r\n                         loading=\"lazy\" decoding=\"async\"\r\n                         sizes=\"(max-width:820px) 50vw, (max-width:380px) 100vw, 25vw\">\r\n                                  <\/div>\r\n                <div class=\"prof-body\">\r\n                  <h3 class=\"prof-name\">Md Shahrier Hakim<\/h3>\r\n                  <p class=\"prof-desig\">Senior Lecturer and Coordinator<\/p>\r\n                                      <p class=\"prof-meta\"><strong>Email:<\/strong> shahrier.hakim@bu.edu.bd<\/p>\r\n                                    <a class=\"prof-btn\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/profile\/?id=86\">View Details<\/a>\r\n                <\/div>\r\n              <\/article>\r\n                          <article class=\"prof-card\">\r\n                <div class=\"prof-media\">\r\n                                      <img class=\"prof-img\"\r\n                         src=\"https:\/\/bublobstorage1.blob.core.windows.net\/bu-website-blob\/Images\/Profiles\/1772945805_rsz_omar.jpg\"\r\n                         alt=\"Omar Sharif\"\r\n                         loading=\"lazy\" decoding=\"async\"\r\n                         sizes=\"(max-width:820px) 50vw, (max-width:380px) 100vw, 25vw\">\r\n                                  <\/div>\r\n                <div class=\"prof-body\">\r\n                  <h3 class=\"prof-name\">Omar Sharif<\/h3>\r\n                  <p class=\"prof-desig\">Sr. Lecturer and Coordinator<\/p>\r\n                                      <p class=\"prof-meta\"><strong>Email:<\/strong> omar.sharif@bu.edu.bd<\/p>\r\n                                    <a class=\"prof-btn\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/profile\/?id=87\">View Details<\/a>\r\n                <\/div>\r\n              <\/article>\r\n                          <article class=\"prof-card\">\r\n                <div class=\"prof-media\">\r\n                                      <img class=\"prof-img\"\r\n                         src=\"https:\/\/bublobstorage1.blob.core.windows.net\/bu-website-blob\/Images\/Profiles\/1772940843_rsz_khalid.jpg\"\r\n                         alt=\"Syed Khalid Rahman\"\r\n                         loading=\"lazy\" decoding=\"async\"\r\n                         sizes=\"(max-width:820px) 50vw, (max-width:380px) 100vw, 25vw\">\r\n                                  <\/div>\r\n                <div class=\"prof-body\">\r\n                  <h3 class=\"prof-name\">Syed Khalid Rahman<\/h3>\r\n                  <p class=\"prof-desig\">Assistant Professor<\/p>\r\n                                      <p class=\"prof-meta\"><strong>Email:<\/strong> rahman.khalid@bu.edu.bd<\/p>\r\n                                    <a class=\"prof-btn\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/profile\/?id=84\">View Details<\/a>\r\n                <\/div>\r\n              <\/article>\r\n                      <\/div>\r\n\r\n          <div class=\"more-wrap\">\r\n            <a class=\"more-btn\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/faculty\/?dept=19\">More<\/a>\r\n          <\/div>\r\n              <\/div>\r\n    <\/section>\r\n    \n<\/div>\n\n\n    \r\n    <style>\r\n        .back-to-top {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            right: 30px;\r\n            width: 50px;\r\n            height: 50px;\r\n            background-color: #b2040e;\r\n            color: white;\r\n            border: none;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            display: none;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 20px;\r\n            box-shadow: 0 2px 10px rgba(0,0,0,0.2);\r\n            z-index: 99;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .back-to-top:hover {\r\n            background-color: #000000ff;\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .back-to-top.show {\r\n            display: flex;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .back-to-top {\r\n                width: 40px;\r\n                height: 40px;\r\n                font-size: 18px;\r\n                bottom: 20px;\r\n                right: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <button class=\"back-to-top\" aria-label=\"Back to top\">\u2191<\/button>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const backToTopButton = document.querySelector('.back-to-top');\r\n        \r\n        window.addEventListener('scroll', function() {\r\n            if (window.pageYOffset > 300) {\r\n                backToTopButton.classList.add('show');\r\n            } else {\r\n                backToTopButton.classList.remove('show');\r\n            }\r\n        });\r\n        \r\n        backToTopButton.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            window.scrollTo({\r\n                top: 0,\r\n                behavior: 'smooth'\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\n    \r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12724","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/pages\/12724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/comments?post=12724"}],"version-history":[{"count":25,"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/pages\/12724\/revisions"}],"predecessor-version":[{"id":18858,"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/pages\/12724\/revisions\/18858"}],"wp:attachment":[{"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/media?parent=12724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}