{"id":3280,"date":"2026-09-29T09:43:52","date_gmt":"2026-09-29T09:43:52","guid":{"rendered":"https:\/\/rafa.jfn.ac.lk\/?page_id=3280"},"modified":"2026-09-29T09:49:16","modified_gmt":"2026-09-29T09:49:16","slug":"library-contact-us","status":"publish","type":"page","link":"https:\/\/rafa.jfn.ac.lk\/?page_id=3280","title":{"rendered":"Library Contact US"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3280\" class=\"elementor elementor-3280\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8c072bc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8c072bc\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-79b46ea\" data-id=\"79b46ea\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d3d50c6 elementor-widget elementor-widget-html\" data-id=\"d3d50c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* ===== CONTACT US ===== *\/\r\n\r\n.library-contact-section {\r\n    max-width: 1200px;\r\n    margin: 40px auto;\r\n    padding: 20px;\r\n    font-family: \"Segoe UI\", Arial, sans-serif;\r\n}\r\n\r\n\/* Heading *\/\r\n.library-contact-header {\r\n    text-align: center;\r\n    margin-bottom: 35px;\r\n    animation: fadeDown 0.8s ease-out;\r\n}\r\n\r\n.library-contact-header h2 {\r\n    margin: 0 0 8px;\r\n    color: #17365d;\r\n    font-size: 34px;\r\n    font-weight: 700;\r\n}\r\n\r\n.library-contact-header p {\r\n    margin: 0;\r\n    color: #777;\r\n    font-size: 16px;\r\n}\r\n\r\n\/* ===== CONTACT CARDS ===== *\/\r\n\r\n.contact-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.contact-card {\r\n    background: #ffffff;\r\n    border: 1px solid #e5ebf0;\r\n    border-radius: 16px;\r\n    padding: 30px 20px;\r\n    text-align: center;\r\n\r\n    box-shadow: 0 5px 18px rgba(0,0,0,0.07);\r\n\r\n    opacity: 0;\r\n    transform: translateY(35px);\r\n\r\n    animation: cardEntrance 0.8s ease forwards;\r\n\r\n    transition: all 0.35s ease;\r\n}\r\n\r\n.contact-card:nth-child(1) {\r\n    animation-delay: 0.15s;\r\n}\r\n\r\n.contact-card:nth-child(2) {\r\n    animation-delay: 0.30s;\r\n}\r\n\r\n.contact-card:nth-child(3) {\r\n    animation-delay: 0.45s;\r\n}\r\n\r\n.contact-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 12px 28px rgba(0,0,0,0.13);\r\n}\r\n\r\n\/* Icons *\/\r\n.contact-icon {\r\n    width: 62px;\r\n    height: 62px;\r\n    margin: 0 auto 18px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: linear-gradient(135deg, #17365d, #2d6fa3);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    font-size: 27px;\r\n    color: white;\r\n\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.contact-card:hover .contact-icon {\r\n    transform: scale(1.08) rotate(5deg);\r\n}\r\n\r\n.contact-card h3 {\r\n    margin: 0 0 12px;\r\n    color: #17365d;\r\n    font-size: 20px;\r\n}\r\n\r\n.contact-card p {\r\n    margin: 0;\r\n    color: #555;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.contact-card a {\r\n    color: #246a9b;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n}\r\n\r\n.contact-card a:hover {\r\n    color: #17365d;\r\n    text-decoration: underline;\r\n}\r\n\r\n\r\n\/* ===== GOOGLE MAP ===== *\/\r\n\r\n.map-container {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 420px;\r\n\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n\r\n    box-shadow: 0 8px 25px rgba(0,0,0,0.12);\r\n\r\n    opacity: 0;\r\n    transform: translateY(35px);\r\n\r\n    animation: mapEntrance 1s ease 0.6s forwards;\r\n}\r\n\r\n\/* Map *\/\r\n\r\n.map-container iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    border: 0;\r\n    display: block;\r\n}\r\n\r\n\r\n\/* Map title overlay *\/\r\n\r\n.map-title {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 18px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    padding: 12px 18px;\r\n\r\n    border-radius: 10px;\r\n\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n\r\n    z-index: 2;\r\n}\r\n\r\n.map-title strong {\r\n    color: #17365d;\r\n    font-size: 16px;\r\n}\r\n\r\n\r\n\/* ===== ANIMATIONS ===== *\/\r\n\r\n@keyframes cardEntrance {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(35px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n@keyframes mapEntrance {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(35px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n@keyframes fadeDown {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-20px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ===== TABLET ===== *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n    .contact-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .map-container {\r\n        height: 350px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ===== MOBILE ===== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .library-contact-section {\r\n        padding: 15px;\r\n    }\r\n\r\n    .library-contact-header h2 {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .map-container {\r\n        height: 300px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .map-title {\r\n        font-size: 14px;\r\n        padding: 9px 12px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"library-contact-section\">\r\n\r\n    <!-- Heading -->\r\n\r\n    <div class=\"library-contact-header\">\r\n\r\n        <h2>Contact Us<\/h2>\r\n\r\n        <p>\r\n            Sir Ponnambalam Ramanathan Faculty Library\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Contact Information -->\r\n\r\n    <div class=\"contact-grid\">\r\n\r\n\r\n        <!-- ADDRESS -->\r\n\r\n        <div class=\"contact-card\">\r\n\r\n            <div class=\"contact-icon\">\r\n                \ud83d\udccd\r\n            <\/div>\r\n\r\n            <h3>Address<\/h3>\r\n\r\n            <p>\r\n                Sir Ponnambalam Ramanathan Faculty\r\n                of Performing and Visual Arts<br>\r\n                Maruthanarmadam,<br>\r\n                Jaffna,<br>\r\n                Sri Lanka.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TELEPHONE -->\r\n\r\n        <div class=\"contact-card\">\r\n\r\n            <div class=\"contact-icon\">\r\n                \u260e\r\n            <\/div>\r\n\r\n            <h3>Telephone<\/h3>\r\n\r\n            <p>\r\n                <a href=\"tel:+94212240260\">\r\n                    021 224 0260\r\n                <\/a>\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- EMAIL -->\r\n\r\n        <div class=\"contact-card\">\r\n\r\n            <div class=\"contact-icon\">\r\n                \u2709\r\n            <\/div>\r\n\r\n            <h3>Email<\/h3>\r\n\r\n            <p>\r\n                <a href=\"mailto:poologan@univ.jfn.ac.lk\">\r\n                    poologan@univ.jfn.ac.lk\r\n                <\/a>\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- GOOGLE MAP -->\r\n\r\n    <div class=\"map-container\">\r\n\r\n        <div class=\"map-title\">\r\n            <strong>\ud83d\udccd Find Us<\/strong>\r\n        <\/div>\r\n\r\n        <iframe\r\n            src=\"https:\/\/www.google.com\/maps?q=Sir%20Ponnambalam%20Ramanathan%20Faculty%20of%20Performing%20and%20Visual%20Arts%2C%20Maruthanarmadam%2C%20Jaffna%2C%20Sri%20Lanka&output=embed\"\r\n            allowfullscreen=\"\"\r\n            loading=\"lazy\"\r\n            referrerpolicy=\"no-referrer-when-downgrade\">\r\n        <\/iframe>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us Sir Ponnambalam Ramanathan Faculty Library \ud83d\udccd Address Sir Ponnambalam Ramanathan Faculty of Performing and Visual Arts Maruthanarmadam, Jaffna, Sri Lanka. \u260e Telephone 021 224 0260 \u2709 Email poologan@univ.jfn.ac.lk \ud83d\udccd Find Us<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-3280","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rafa.jfn.ac.lk\/index.php?rest_route=\/wp\/v2\/pages\/3280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rafa.jfn.ac.lk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rafa.jfn.ac.lk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rafa.jfn.ac.lk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/rafa.jfn.ac.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3280"}],"version-history":[{"count":7,"href":"https:\/\/rafa.jfn.ac.lk\/index.php?rest_route=\/wp\/v2\/pages\/3280\/revisions"}],"predecessor-version":[{"id":3288,"href":"https:\/\/rafa.jfn.ac.lk\/index.php?rest_route=\/wp\/v2\/pages\/3280\/revisions\/3288"}],"wp:attachment":[{"href":"https:\/\/rafa.jfn.ac.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}