{"id":519,"date":"2025-02-20T22:07:43","date_gmt":"2025-02-21T03:07:43","guid":{"rendered":"https:\/\/carleton.ca\/csit\/?page_id=519"},"modified":"2026-04-10T00:02:46","modified_gmt":"2026-04-10T04:02:46","slug":"research-areas","status":"publish","type":"page","link":"https:\/\/carleton.ca\/csit\/graduate-studies\/research\/research-areas\/","title":{"rendered":"Research Areas"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-max  md:space-y-10 cu-prose-first-last\">\n\n        \n                    \n                    \n            \n    <div class=\"cu-wideimage relative flex items-center justify-center mx-auto px-8 overflow-hidden md:px-16 rounded-xl not-prose  my-6 md:my-12 first:mt-0 bg-opacity-50 bg-cover bg-cu-black-50 py-24 md:py-28 lg:py-36 xl:py-48\" style=\"background-image: url(https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2026\/04\/Research_bg-1024x448.jpg); background-position: 50% 50%;\">\n\n                    <div class=\"absolute top-0 w-full h-screen\" style=\"background-color:rgba(0,0,0,0.600);\"><\/div>\n        \n        <div class=\"relative z-[2] max-w-4xl w-full flex flex-col items-center gap-2 cu-wideimage-image cu-zero-first-last\">\n            <header class=\"mx-auto mb-6 text-center text-white cu-pageheader cu-component-updated cu-pageheader--center md:mb-12\">\n\n                                    <h1 class=\"cu-prose-first-last font-semibold mb-2 text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] cu-pageheader--center text-center mx-auto after:left-px\">\n                        Research Areas\n                    <\/h1>\n                \n                                    \n\n<p class=\"wp-block-paragraph\">Graduate Studies<\/p>\n\n\n                            <\/header>\n        <\/div>\n\n            <\/div>\n\n    \n\n    <\/div>\n<\/section>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">Here is an list of the research topics being covered by the School&#8217;s faculty members. If you are interested in graduate studies and research in this area, please feel free to contact the faculty member concerned.<\/p>\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n        \n    <div class=\"grid gap-6 mx-auto my-6 cu-column md:gap-10 md:grid-cols-2 md:my-10 first:mt-0\">\n        \n<div class=\"cu-column-content\">\n    \n\n<ul class=\"wp-block-list\">\n<li><a href=\"#anchor-accessibility\">Accessibility<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-ad-hoc-and-wireless-sensor-networks\">Ad-hoc and Wireless Sensor Networks<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-aging\">Aging<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-animation-virtual-environments-and-simulation\">Animation, Virtual Environments, and Simulation<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-big-data-analytics\">Big Data Analytics<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-cloud-fog-and-edge-computing\">Cloud, Fog, and Edge Computing<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-computer-networks-planning-design-architecture\">Computer Networks (Planning, Design, Architecture)<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-connected-autonomous-vehicles\">Connected \/ Autonomous Vehicles<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-cybersecurity\">Cybersecurity<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-data-modelling\">Data Modelling<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-data-privacy\">Data Privacy<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-data-science\">Data Science<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-educational-technologies\">Educational Technologies<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-game-design-development-and-interactions\">Game Design, Development, and Interactions<\/a><\/li>\n<\/ul>\n\n\n<\/div>\n\n\n<div class=\"cu-column-content\">\n    \n\n<ul class=\"wp-block-list\">\n<li><a href=\"#anchor-human-computer-interaction\">Human-Computer Interaction<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-interactive-storytelling\">Interactive Storytelling<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-internet-of-things-iot\">Internet of Things (IoT)<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-machine-learning-and-artificial-intelligence\">Machine Learning and Artificial Intelligence<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-medical-imaging-and-applications\">Medical Imaging and Applications<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-multimedia-streaming\">Multimedia Streaming<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-network-security-threat-modelling-blockchain-usable-security\">Network Security (Threat Modelling, Blockchain, Usable Security)<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-network-technology\">Network Technology<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-software-defined-networks-sdn\">Software Defined Networks (SDN)<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-sound-and-music\">Sound and Music<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-video-image-processing-and-compression\">Video \/ Image Processing and Compression<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-virtual-and-augmented-reality\">Virtual and Augmented Reality<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-voice-and-conversational-user-interfaces\">Voice and Conversational User Interfaces<\/a><\/li>\n\n\n\n<li><a href=\"#anchor-wearables\">Wearables<\/a><\/li>\n<\/ul>\n\n\n<\/div>\n\n\n    <\/div>\n\n\n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"accessibility\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Accessibility\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jsin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Sin,  Jaisie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jaisie-sin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"ad-hoc-and-wireless-sensor-networks\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Ad-hoc and Wireless Sensor Networks\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_mamini-600x600.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Amini, Marzieh\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/marzieh-amini\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_mbarati.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Barati, Masoud\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/masoud-barati\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jiegao.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Gao, Jie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jie-gao\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_wshi.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shi, Wei\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/wei-shi\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_msthilaire.png\" alt=\"Photo of Marc St Hilaire\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    St-Hilaire, Marc\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/marc-st-hilaire\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"aging\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Aging\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jsin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Sin,  Jaisie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jaisie-sin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"animation-virtual-environments-and-simulation\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Animation, Virtual Environments, and Simulation\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_aarya.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Arya, Ali\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ali-arya\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_hbashandy.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Bashandy, Hamza\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/hamza-bashandy\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_lesleyistead.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Istead, Lesley\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/lesley-istead\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_cjoslin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Joslin, Chris\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/chris-joslin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_dthue.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Thue, David\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/david-thue\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"big-data-analytics\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Big Data Analytics\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_lesleyistead.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Istead, Lesley\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/lesley-istead\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_mbarati.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Barati, Masoud\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/masoud-barati\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_oshafiq.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shafiq, Omair\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/omair-shafiq\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_wshi.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shi, Wei\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/wei-shi\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"cloud-fog-and-edge-computing\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Cloud, Fog, and Edge Computing\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_mbarati.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Barati, Masoud\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/masoud-barati\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jiegao.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Gao, Jie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jie-gao\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_amatrawy.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Matrawy, Ashraf\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ashraf-matrawy\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_oshafiq.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shafiq, Omair\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/omair-shafiq\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_wshi.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shi, Wei\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/wei-shi\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_msthilaire.png\" alt=\"Photo of Marc St Hilaire\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    St-Hilaire, Marc\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/marc-st-hilaire\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"computer-networks-planning-design-architecture\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Computer Networks (Planning, Design, Architecture)\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jiegao.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Gao, Jie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jie-gao\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_amatrawy.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Matrawy, Ashraf\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ashraf-matrawy\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_wshi.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shi, Wei\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/wei-shi\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_msthilaire.png\" alt=\"Photo of Marc St Hilaire\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    St-Hilaire, Marc\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/marc-st-hilaire\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"connected-autonomous-vehicles\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Connected \/ Autonomous Vehicles\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_mamini-600x600.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Amini, Marzieh\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/marzieh-amini\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jiegao.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Gao, Jie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jie-gao\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_cjoslin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Joslin, Chris\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/chris-joslin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_amatrawy.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Matrawy, Ashraf\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ashraf-matrawy\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"cybersecurity\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Cybersecurity\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_mbarati.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Barati, Masoud\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/masoud-barati\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_amatrawy.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Matrawy, Ashraf\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ashraf-matrawy\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_oshafiq.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shafiq, Omair\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/omair-shafiq\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_wshi.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shi, Wei\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/wei-shi\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"data-modelling\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Data Modelling\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_mbarati.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Barati, Masoud\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/masoud-barati\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_oshafiq.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shafiq, Omair\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/omair-shafiq\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"data-privacy\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Data Privacy\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_mamini-600x600.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Amini, Marzieh\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/marzieh-amini\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_mbarati.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Barati, Masoud\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/masoud-barati\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_lesleyistead.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Istead, Lesley\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/lesley-istead\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_wshi.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shi, Wei\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/wei-shi\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"data-science\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Data Science\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_mamini-600x600.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Amini, Marzieh\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/marzieh-amini\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_lesleyistead.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Istead, Lesley\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/lesley-istead\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_amatrawy.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Matrawy, Ashraf\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ashraf-matrawy\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_oshafiq.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shafiq, Omair\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/omair-shafiq\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_wshi.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shi, Wei\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/wei-shi\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_dthue.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Thue, David\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/david-thue\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"educational-technologies\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Educational Technologies\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_aarya.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Arya, Ali\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ali-arya\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"game-design-development-and-interactions\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Game Design, Development, and Interactions\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_aarya.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Arya, Ali\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ali-arya\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_hbashandy.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Bashandy, Hamza\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/hamza-bashandy\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_agirouard.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Girouard, Audrey\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/audrey-girouard\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_lesleyistead.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Istead, Lesley\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/lesley-istead\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_cjoslin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Joslin, Chris\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/chris-joslin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jsin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Sin,  Jaisie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jaisie-sin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_rteather.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Teather, Robert\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/robert-teather\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_dthue.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Thue, David\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/david-thue\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"human-computer-interaction\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Human-Computer Interaction\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_aarya.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Arya, Ali\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ali-arya\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_agirouard.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Girouard, Audrey\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/audrey-girouard\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_lesleyistead.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Istead, Lesley\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/lesley-istead\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_cjoslin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Joslin, Chris\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/chris-joslin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fatemerajabiyazdi.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Rajabiyazdi, Fateme\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/fateme-rajabiyazdi\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jsin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Sin,  Jaisie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jaisie-sin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_rteather.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Teather, Robert\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/robert-teather\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_dthue.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Thue, David\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/david-thue\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"interactive-storytelling\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Interactive Storytelling\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_dthue.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Thue, David\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/david-thue\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"internet-of-things-iot\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Internet of Things (IoT)\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_mamini-600x600.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Amini, Marzieh\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/marzieh-amini\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_mbarati.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Barati, Masoud\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/masoud-barati\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jiegao.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Gao, Jie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jie-gao\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_amatrawy.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Matrawy, Ashraf\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ashraf-matrawy\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_oshafiq.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shafiq, Omair\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/omair-shafiq\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_wshi.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shi, Wei\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/wei-shi\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_msthilaire.png\" alt=\"Photo of Marc St Hilaire\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    St-Hilaire, Marc\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/marc-st-hilaire\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"machine-learning-and-artificial-intelligence\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Machine Learning and Artificial Intelligence\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_aarya.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Arya, Ali\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ali-arya\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jiegao.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Gao, Jie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jie-gao\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_lesleyistead.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Istead, Lesley\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/lesley-istead\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_cjoslin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Joslin, Chris\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/chris-joslin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_amatrawy.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Matrawy, Ashraf\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ashraf-matrawy\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_oshafiq.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shafiq, Omair\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/omair-shafiq\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_dthue.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Thue, David\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/david-thue\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"medical-imaging-and-applications\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Medical Imaging and Applications\t\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_cjoslin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Joslin, Chris\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/chris-joslin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fatemerajabiyazdi.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Rajabiyazdi, Fateme\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/fateme-rajabiyazdi\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"multimedia-streaming\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Multimedia Streaming\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_cjoslin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Joslin, Chris\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/chris-joslin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"network-security-threat-modelling-blockchain-usable-security\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Network Security (Threat Modelling, Blockchain, Usable Security)\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_mbarati.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Barati, Masoud\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/masoud-barati\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jbrunet.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Brunet, James\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/james-brunet\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_amatrawy.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Matrawy, Ashraf\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ashraf-matrawy\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_wshi.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shi, Wei\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/wei-shi\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"network-technology\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Network Technology\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jiegao.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Gao, Jie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jie-gao\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_amatrawy.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Matrawy, Ashraf\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ashraf-matrawy\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_wshi.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Shi, Wei\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/wei-shi\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_msthilaire.png\" alt=\"Photo of Marc St Hilaire\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    St-Hilaire, Marc\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/marc-st-hilaire\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"software-defined-networks-sdn\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Software Defined Networks (SDN)\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jiegao.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Gao, Jie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jie-gao\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_amatrawy.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Matrawy, Ashraf\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ashraf-matrawy\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_msthilaire.png\" alt=\"Photo of Marc St Hilaire\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    St-Hilaire, Marc\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/marc-st-hilaire\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fyu.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Yu, F. Richard\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/f-richard-yu\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"sound-and-music\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Sound and Music\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_kccollins.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Collins, KC\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/kc-collins\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"video-image-processing-and-compression\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Video \/ Image Processing and Compression\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_mamini-600x600.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Amini, Marzieh\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/marzieh-amini\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_lesleyistead.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Istead, Lesley\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/lesley-istead\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_cjoslin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Joslin, Chris\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/chris-joslin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"virtual-and-augmented-reality\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Virtual and Augmented Reality\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_aarya.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Arya, Ali\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ali-arya\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_kccollins.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Collins, KC\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/kc-collins\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jiegao.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Gao, Jie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jie-gao\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_lesleyistead.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Istead, Lesley\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/lesley-istead\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_cjoslin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Joslin, Chris\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/chris-joslin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_fatemerajabiyazdi.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Rajabiyazdi, Fateme\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/fateme-rajabiyazdi\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jsin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Sin,  Jaisie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jaisie-sin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_rteather.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Teather, Robert\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/robert-teather\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"voice-and-conversational-user-interfaces\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Voice and Conversational User Interfaces\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jsin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Sin,  Jaisie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jaisie-sin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"wearables\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Wearables\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n            \n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/01\/people_aarya.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Arya, Ali\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/ali-arya\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_agirouard.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Girouard, Audrey\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/audrey-girouard\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    \n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n                    <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/csit\/wp-content\/uploads\/sites\/74\/2025\/04\/people_jsin.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                                <\/figure>\n        \n        <header class=\"px-6 first:mt-6\">\n            <h2 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                    Sin,  Jaisie\n                            <\/h2>\n        <\/header>\n\n        <div class=\"flex flex-col px-6\">\n            <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                \n                \n                            <\/ul>\n        <\/div>\n\n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/csit\/people\/jaisie-sin\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Here is an list of the research topics being covered by the School&#8217;s faculty members. If you are interested in graduate studies and research in this area, please feel free to contact the faculty member concerned.<\/p>\n","protected":false},"author":221,"featured_media":0,"parent":2063,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[31,28],"class_list":["post-519","page","type-page","status-publish","hentry","cu_page_type-graduate-studies","cu_page_type-research"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/csit\/wp-json\/wp\/v2\/pages\/519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/csit\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/csit\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/csit\/wp-json\/wp\/v2\/users\/221"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/csit\/wp-json\/wp\/v2\/comments?post=519"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/csit\/wp-json\/wp\/v2\/pages\/519\/revisions"}],"predecessor-version":[{"id":2178,"href":"https:\/\/carleton.ca\/csit\/wp-json\/wp\/v2\/pages\/519\/revisions\/2178"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/csit\/wp-json\/wp\/v2\/pages\/2063"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/csit\/wp-json\/wp\/v2\/media?parent=519"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/csit\/wp-json\/wp\/v2\/cu_page_type?post=519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}