{"id":12732,"date":"2025-08-10T09:39:36","date_gmt":"2025-08-10T09:39:36","guid":{"rendered":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/?page_id=12732"},"modified":"2026-03-30T14:43:31","modified_gmt":"2026-03-30T14:43:31","slug":"department-of-english","status":"publish","type":"page","link":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/department-of-english\/","title":{"rendered":"Department of English"},"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=\"700\" src=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-content\/uploads\/2026\/02\/948NewMicrosoftPowerPointPresentation-1.jpg\" alt=\"\" class=\"wp-image-18751\"\/><\/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 English at Bangladesh University is dedicated to developing students\u2019 proficiency in language, literature, and communication skills. The department offers a well-structured curriculum that includes English literature, linguistics, and professional communication, designed to meet both academic and global career demands.\r\n\r\nIt aims to cultivate critical thinking, creativity, and cultural awareness through the study of diverse literary texts and language practices. Students are encouraged to engage in analytical reading, effective writing, and meaningful discussions that enhance their intellectual growth.\r\n\r\nWith qualified faculty members and a supportive academic environment, the Department of English prepares graduates for successful careers in teaching, media, corporate sectors, research, and other professional fields, while promoting lifelong learning and ethical values.<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-568c5998 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--small);margin-bottom:var(--wp--preset--spacing--small);padding-top:0;padding-bottom:0\">    <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=Bachelor%20of%20Arts%20(Hons.)%20in%20English\">\r\n              <span class=\"bu-chip\">UG<\/span>\r\n              <h4>Bachelor of Arts (Hons.) in English<\/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=M.A.%20in%20English%20(Final)\">\r\n              <span class=\"bu-chip\">PG<\/span>\r\n              <h4>M.A. in English (Final)<\/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=M.A.%20in%20English%20(Preliminary)\">\r\n              <span class=\"bu-chip\">PG<\/span>\r\n              <h4>M.A. in English (Preliminary)<\/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_f390ac81-2d86-4725-b2f8-4f3c7bdfb984 .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_f390ac81-2d86-4725-b2f8-4f3c7bdfb984 .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_f390ac81-2d86-4725-b2f8-4f3c7bdfb984 .dept-btn:hover{\r\n        background:#F6F3EF;\r\n      }\r\n\r\n      \/* ===== Mobile only ===== *\/\r\n      @media (max-width: 600px){\r\n        #deptlnk_f390ac81-2d86-4725-b2f8-4f3c7bdfb984 .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_f390ac81-2d86-4725-b2f8-4f3c7bdfb984\">\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=13&#038;dept\">\r\n           News\r\n        <\/a>\r\n        <a class=\"dept-btn\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/noticesingle\/?idd=13&#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 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">    <style>\r\n      \/* ========= Scoped styles ========= *\/\r\n      #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193{\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_9f6a82f3-ac31-46f4-949b-dc74a4599193 *, \r\n      #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 *::before, \r\n      #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 *::after{ box-sizing:border-box; }\r\n\r\n      #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .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_9f6a82f3-ac31-46f4-949b-dc74a4599193 .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_9f6a82f3-ac31-46f4-949b-dc74a4599193 .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_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-grid{ display:grid; gap:16px; grid-template-columns:repeat(4,1fr); }\r\n      @media (max-width: 1100px){ #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-grid{ grid-template-columns:repeat(3,1fr); } }\r\n      @media (max-width: 820px){  #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-grid{ grid-template-columns:repeat(2,1fr); } }\r\n      @media (max-width: 380px){  #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-grid{ grid-template-columns:1fr; } }\r\n\r\n      #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .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_9f6a82f3-ac31-46f4-949b-dc74a4599193 .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_9f6a82f3-ac31-46f4-949b-dc74a4599193 .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_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-media{ height: clamp(120px, 30vw, 150px); } }\r\n      @media (max-width: 480px){ #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-media{ height: clamp(110px, 42vw, 140px); } }\r\n\r\n      #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .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_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-body{ padding:12px 12px 14px; }\r\n      #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-name{ margin:0 0 4px; font-weight:800; font-size:clamp(1rem, 1.6vw, 1.08rem); }\r\n      #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-desig{ margin:0 0 8px; color:var(--muted); font-weight:600; font-size:clamp(.9rem, 1.3vw, .98rem); }\r\n      #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-meta{ margin:0; font-size:.9rem; color:#334155; word-break: break-word; }\r\n      @media (max-width:480px){\r\n        #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-body{ padding:10px 10px 12px; }\r\n        #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-meta{ font-size:.88rem; }\r\n      }\r\n\r\n      #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-btn{\r\n        display:inline-block; margin-top:10px; font-weight:700; text-decoration:none; color:var(--brand);\r\n      }\r\n      #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .prof-btn:hover{ text-decoration:underline; }\r\n\r\n      #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .more-wrap{ text-align:center; margin-top:18px; }\r\n      #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .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_9f6a82f3-ac31-46f4-949b-dc74a4599193 .more-btn:hover{ filter:brightness(1.05); }\r\n      @media (max-width:480px){\r\n        #profgrid_9f6a82f3-ac31-46f4-949b-dc74a4599193 .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_9f6a82f3-ac31-46f4-949b-dc74a4599193 .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_9f6a82f3-ac31-46f4-949b-dc74a4599193\">\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\/1775637401_Mohammad_Humayun_Kabir.jpeg\"\r\n                         alt=\"Mohammad Humayun Kabir\"\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\">Mohammad Humayun Kabir<\/h3>\r\n                  <p class=\"prof-desig\">Professor &amp; Dean, Head of the Department<\/p>\r\n                                      <p class=\"prof-meta\"><strong>Email:<\/strong> head.eng@bu.edu.bd<\/p>\r\n                                    <a class=\"prof-btn\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/profile\/?id=89\">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\/1772949185_rsz_202.jpg\"\r\n                         alt=\"Debdas Biswas\"\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\">Debdas Biswas<\/h3>\r\n                  <p class=\"prof-desig\">Assistant Professor<\/p>\r\n                                      <p class=\"prof-meta\"><strong>Email:<\/strong> debdas.biswas@bu.edu.bd<\/p>\r\n                                    <a class=\"prof-btn\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/profile\/?id=90\">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\/1773035985_Dr.-Md-Nesar-Uddin.jpg\"\r\n                         alt=\"Dr. Md Nesar Uddin\"\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 Nesar Uddin<\/h3>\r\n                  <p class=\"prof-desig\">Assistant Professor<\/p>\r\n                                      <p class=\"prof-meta\"><strong>Email:<\/strong> nesar.uddin@bu.edu.bd<\/p>\r\n                                    <a class=\"prof-btn\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/profile\/?id=96\">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\/1772950505_Fahmida-Akter.jpg\"\r\n                         alt=\"Fahmida Akter\"\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\">Fahmida Akter<\/h3>\r\n                  <p class=\"prof-desig\">Lecturer<\/p>\r\n                                    <a class=\"prof-btn\" href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/profile\/?id=91\">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=13\">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-12732","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/pages\/12732","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=12732"}],"version-history":[{"count":25,"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/pages\/12732\/revisions"}],"predecessor-version":[{"id":18859,"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/pages\/12732\/revisions\/18859"}],"wp:attachment":[{"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/media?parent=12732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}