Members Testimonials - Video Section<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{\r\n box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n margin:0;\r\n background:#000;\r\n color:#fff;\r\n font-family:\"Inter\",sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n MEMBERS VIDEO TESTIMONIALS SECTION\r\n========================================= *\/\r\n\r\n.members-video-section{\r\n position:relative;\r\n width:100%;\r\n padding:48px 24px 85px;\r\n background:#000;\r\n overflow:hidden;\r\n}\r\n\r\n\/* subtle green glow at bottom *\/\r\n.members-video-section::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:-180px;\r\n height:300px;\r\n pointer-events:none;\r\n background:radial-gradient(\r\n ellipse at center,\r\n rgba(70,255,0,.20) 0%,\r\n rgba(0,90,0,.10) 35%,\r\n rgba(0,0,0,0) 72%\r\n );\r\n}\r\n\r\n\/* =========================================\r\n HEADER\r\n========================================= *\/\r\n\r\n.members-video-header{\r\n position:relative;\r\n z-index:2;\r\n max-width:850px;\r\n margin:0 auto 66px;\r\n text-align:center;\r\n}\r\n\r\n.members-video-title{\r\n margin:0;\r\n font-size:36px;\r\n line-height:1.2;\r\n letter-spacing:-1.5px;\r\n font-weight:800;\r\n color:#fff;\r\n}\r\n\r\n.members-video-title .green{\r\n color:#baff00;\r\n}\r\n\r\n.members-video-description{\r\n max-width:690px;\r\n margin:17px auto 0;\r\n color:#bcbcbc;\r\n font-size:17px;\r\n line-height:1.6;\r\n font-weight:400;\r\n}\r\n\r\n\/* =========================================\r\n VIDEO GRID\r\n========================================= *\/\r\n\r\n.members-video-grid{\r\n position:relative;\r\n z-index:2;\r\n width:100%;\r\n max-width:1350px;\r\n margin:0 auto;\r\n\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:32px;\r\n}\r\n\r\n\/* =========================================\r\n VIDEO CARD\r\n========================================= *\/\r\n\r\n.member-video-card{\r\n position:relative;\r\n overflow:hidden;\r\n\r\n background:#050505;\r\n border:1px solid #202020;\r\n border-radius:21px;\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n.member-video-card:hover{\r\n transform:translateY(-5px);\r\n border-color:#385600;\r\n box-shadow:0 15px 45px rgba(0,0,0,.35);\r\n}\r\n\r\n\/* =========================================\r\n VIDEO AREA\r\n========================================= *\/\r\n\r\n.member-video-wrap{\r\n position:relative;\r\n width:100%;\r\n aspect-ratio:auto;\r\n height:310px;\r\n overflow:hidden;\r\n background:#111;\r\n}\r\n\r\n.member-video{\r\n display:block;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n background:#111;\r\n}\r\n\r\n\/* dark overlay *\/\r\n.member-video-wrap::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n pointer-events:none;\r\n background:linear-gradient(\r\n to bottom,\r\n rgba(0,0,0,.04),\r\n rgba(0,0,0,.18)\r\n );\r\n}\r\n\r\n\/* =========================================\r\n FEATURED BADGE\r\n========================================= *\/\r\n\r\n.featured-badge{\r\n position:absolute;\r\n z-index:4;\r\n top:13px;\r\n left:13px;\r\n\r\n padding:6px 13px;\r\n border-radius:999px;\r\n\r\n background:#baff00;\r\n color:#050505;\r\n\r\n font-size:11px;\r\n font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n PLAY BUTTON\r\n========================================= *\/\r\n\r\n.video-play{\r\n position:absolute;\r\n z-index:5;\r\n top:50%;\r\n left:50%;\r\n\r\n width:65px;\r\n height:65px;\r\n\r\n transform:translate(-50%,-50%);\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border:0;\r\n border-radius:50%;\r\n\r\n background:#baff00;\r\n color:#050505;\r\n\r\n cursor:pointer;\r\n\r\n box-shadow:0 8px 30px rgba(0,0,0,.30);\r\n\r\n transition:\r\n transform .25s ease,\r\n background .25s ease,\r\n box-shadow .25s ease;\r\n}\r\n\r\n.video-play:hover{\r\n transform:translate(-50%,-50%) scale(1.08);\r\n background:#c8ff45;\r\n box-shadow:0 10px 35px rgba(186,255,0,.20);\r\n}\r\n\r\n.video-play::before{\r\n content:\"\";\r\n margin-left:4px;\r\n\r\n width:0;\r\n height:0;\r\n\r\n border-top:10px solid transparent;\r\n border-bottom:10px solid transparent;\r\n border-left:15px solid #050505;\r\n}\r\n\r\n\/* hide custom play button after native video is playing *\/\r\n.member-video-wrap.is-playing .video-play{\r\n opacity:0;\r\n pointer-events:none;\r\n}\r\n\r\n\/* =========================================\r\n CARD CONTENT\r\n========================================= *\/\r\n\r\n.member-video-content{\r\n min-height:180px;\r\n padding:23px 24px 24px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(0,55,0,.70) 0%,\r\n rgba(0,24,0,.85) 100%\r\n );\r\n}\r\n\r\n.member-video-quote{\r\n margin:0 0 19px;\r\n\r\n color:#c8c8c8;\r\n font-size:15px;\r\n line-height:1.62;\r\n font-style:italic;\r\n font-weight:500;\r\n}\r\n\r\n.member-video-bottom{\r\n display:flex;\r\n align-items:flex-end;\r\n justify-content:space-between;\r\n gap:15px;\r\n}\r\n\r\n.member-name{\r\n margin:0 0 5px;\r\n color:#fff;\r\n font-size:15px;\r\n font-weight:800;\r\n}\r\n\r\n.member-role{\r\n margin:0;\r\n color:#bdbdbd;\r\n font-size:13px;\r\n line-height:1.4;\r\n}\r\n\r\n.watch-label{\r\n flex-shrink:0;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n\r\n color:#baff00;\r\n font-size:12px;\r\n font-weight:800;\r\n white-space:nowrap;\r\n}\r\n\r\n.watch-icon{\r\n width:15px;\r\n height:15px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border:1.5px solid #baff00;\r\n border-radius:50%;\r\n font-size:8px;\r\n}\r\n\r\n\/* =========================================\r\n RESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1050px){\r\n .members-video-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media(max-width:680px){\r\n\r\n .members-video-section{\r\n padding:40px 16px 65px;\r\n }\r\n\r\n .members-video-header{\r\n margin-bottom:42px;\r\n }\r\n\r\n .members-video-title{\r\n font-size:29px;\r\n letter-spacing:-1px;\r\n }\r\n\r\n .members-video-description{\r\n font-size:15px;\r\n }\r\n\r\n .members-video-grid{\r\n grid-template-columns:1fr;\r\n gap:22px;\r\n }\r\n\r\n .member-video-wrap{\r\n height:235px;\r\n }\r\n\r\n .member-video-content{\r\n min-height:auto;\r\n padding:20px;\r\n }\r\n\r\n .member-video-quote{\r\n font-size:14px;\r\n }\r\n}\r\n\r\n@media(max-width:420px){\r\n .members-video-title{\r\n font-size:26px;\r\n }\r\n\r\n .member-video-wrap{\r\n height:220px;\r\n }\r\n\r\n .video-play{\r\n width:58px;\r\n height:58px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n\r\n<section class=\"members-video-section\" id=\"testimonials\">\r\n\r\n \r\n <div class=\"members-video-header\">\r\n\r\n <h2 class=\"members-video-title\">\r\n Our Members <span class=\"green\">Testimonials<\/span>\r\n <\/h2>\r\n\r\n <p class=\"members-video-description\">\r\n Discover how our AI Programs have impacted the careers and projects\r\n of our Members worldwide.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"members-video-grid\">\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <span class=\"featured-badge\">Featured<\/span>\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fyash_partab_singh.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n \r\n <source src=\"YOUR-VIDEO-01.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"Aaghaz is where ideas become real products. It's empowering youth\r\n to turn their skills into something meaningful, something that makes\r\n an impact.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Yash Pratap Singh<\/h3>\r\n <p class=\"member-role\">Business and Starting Up Coach, YouTube<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fsobhan.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-02.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"What stands out about Aaghaz is how real and hands-on it is.\r\n You don't just learn here, you learn how to build startups,\r\n solve problems, and bring ideas to life.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Sobhan Tariq<\/h3>\r\n <p class=\"member-role\">YouTuber & Tech Enthusiast, YouTube<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fassets%2Ftestimonials%2Flalit_singh.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-03.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"Aaghaz is more than a school, it's a movement. It's bringing\r\n together every smart people to build the next generation of\r\n AI startups from Asia.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Lalit Singh<\/h3>\r\n <p class=\"member-role\">Instagram Influencer, Instagram<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fshahzad.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-04.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The practical approach helped me understand AI much faster and\r\n gave me the confidence to start building my own projects.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Ayesha Khan<\/h3>\r\n <p class=\"member-role\">AI Creator, Content Creator<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonails%2Fabdul_rehman.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-05.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"I came with an idea and left with a real workflow. The community\r\n and hands-on projects made the biggest difference for me.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Hamza Ali<\/h3>\r\n <p class=\"member-role\">Founder & AI Builder<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonails%2Fkhalil.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-06.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The lessons are clear, practical and focused on actually doing\r\n the work instead of only watching tutorials.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Sara Ahmed<\/h3>\r\n <p class=\"member-role\">Digital Creator & Entrepreneur<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fnofah.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-07.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"Aaghaz helped me turn AI from something I was curious about into\r\n something I could confidently use in my business.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Usman Raza<\/h3>\r\n <p class=\"member-role\">Business Owner & AI Learner<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonails%2Fabdul.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-08.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The projects gave me a portfolio I could actually show people.\r\n That changed the way I looked at my career.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Maham Noor<\/h3>\r\n <p class=\"member-role\">Product Designer & AI Enthusiast<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2FHBA_sc.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-09.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The community made learning feel collaborative. Every question\r\n became an opportunity to discover something new.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Bilal Hassan<\/h3>\r\n <p class=\"member-role\">Startup Builder & Developer<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fkashif_majeed.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-10.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"What Makes Aaghaz different is the hand-on experience you get. Badar Munir unterstands the industry and teaches AI in a way and prepares for real challenges, not just certifications.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Kashif Majeed<\/h3>\r\n <p class=\"member-role\">Tech Influencer. Youtube<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\/*\r\n CUSTOM VIDEO PLAY BUTTON\r\n\r\n Each card uses a normal HTML5 <video>.\r\n Replace:\r\n YOUR-VIDEO-01.mp4\r\n YOUR-VIDEO-02.mp4\r\n ...\r\n YOUR-VIDEO-10.mp4\r\n\r\n with your actual video URLs\/files.\r\n*\/\r\n\r\ndocument.querySelectorAll(\".member-video-card\").forEach((card) => {\r\n\r\n const video = card.querySelector(\".member-video\");\r\n const playButton = card.querySelector(\".video-play\");\r\n const wrap = card.querySelector(\".member-video-wrap\");\r\n\r\n playButton.addEventListener(\"click\", () => {\r\n\r\n document.querySelectorAll(\".member-video\").forEach((otherVideo) => {\r\n if(otherVideo !== video){\r\n otherVideo.pause();\r\n\r\n const otherWrap = otherVideo.closest(\".member-video-wrap\");\r\n if(otherWrap){\r\n otherWrap.classList.remove(\"is-playing\");\r\n }\r\n }\r\n });\r\n\r\n video.play();\r\n wrap.classList.add(\"is-playing\");\r\n });\r\n\r\n video.addEventListener(\"pause\", () => {\r\n wrap.classList.remove(\"is-playing\");\r\n });\r\n\r\n video.addEventListener(\"ended\", () => {\r\n wrap.classList.remove(\"is-playing\");\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-beb0b76 e-flex e-con-boxed e-con e-parent\" data-id=\"beb0b76\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3336aad elementor-widget elementor-widget-html\" data-id=\"3336aad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<div id=\"website-left-green-shadow\" aria-hidden=\"true\"><\/div>\r\n\r\n<style>\r\n\r\n#website-left-green-shadow{\r\n\r\n position: fixed !important;\r\n\r\n left: 0 !important;\r\n bottom: 0 !important;\r\n\r\n width: 80vw !important;\r\n height: 520px !important;\r\n\r\n \/*\r\n HERO SECTION JESA\r\n LEFT-BOTTOM GREEN GLOW\r\n *\/\r\n\r\n background:\r\n radial-gradient(\r\n ellipse at 12% 100%,\r\n\r\n rgba(0,169,20,.66) 0%,\r\n\r\n rgba(0,120,14,.47) 25%,\r\n\r\n rgba(0,70,8,.25) 48%,\r\n\r\n rgba(0,35,5,.09) 67%,\r\n\r\n transparent 82%\r\n ) !important;\r\n\r\n \/*\r\n SOFT SHADOW\r\n *\/\r\n\r\n filter: blur(25px) !important;\r\n\r\n opacity: .78 !important;\r\n\r\n \/*\r\n WEBSITE KE HAR PAGE\/SECTION\r\n KE UPAR FIXED RAHE\r\n *\/\r\n\r\n z-index: 999997 !important;\r\n\r\n pointer-events: none !important;\r\n\r\n margin: 0 !important;\r\n\r\n padding: 0 !important;\r\n\r\n transform: none !important;\r\n\r\n border: 0 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:800px){\r\n\r\n #website-left-green-shadow{\r\n\r\n width: 80vw !important;\r\n\r\n height: 400px !important;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n #website-left-green-shadow{\r\n\r\n width: 80vw !important;\r\n\r\n height: 320px !important;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Members Testimonials – Video Section Our Members Testimonials Discover how our AI Programs have impacted the careers and projects of…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-97","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=97"}],"version-history":[{"count":10,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions\/186"}],"wp:attachment":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMembers Testimonials - Video Section<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{\r\n box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n margin:0;\r\n background:#000;\r\n color:#fff;\r\n font-family:\"Inter\",sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n MEMBERS VIDEO TESTIMONIALS SECTION\r\n========================================= *\/\r\n\r\n.members-video-section{\r\n position:relative;\r\n width:100%;\r\n padding:48px 24px 85px;\r\n background:#000;\r\n overflow:hidden;\r\n}\r\n\r\n\/* subtle green glow at bottom *\/\r\n.members-video-section::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:-180px;\r\n height:300px;\r\n pointer-events:none;\r\n background:radial-gradient(\r\n ellipse at center,\r\n rgba(70,255,0,.20) 0%,\r\n rgba(0,90,0,.10) 35%,\r\n rgba(0,0,0,0) 72%\r\n );\r\n}\r\n\r\n\/* =========================================\r\n HEADER\r\n========================================= *\/\r\n\r\n.members-video-header{\r\n position:relative;\r\n z-index:2;\r\n max-width:850px;\r\n margin:0 auto 66px;\r\n text-align:center;\r\n}\r\n\r\n.members-video-title{\r\n margin:0;\r\n font-size:36px;\r\n line-height:1.2;\r\n letter-spacing:-1.5px;\r\n font-weight:800;\r\n color:#fff;\r\n}\r\n\r\n.members-video-title .green{\r\n color:#baff00;\r\n}\r\n\r\n.members-video-description{\r\n max-width:690px;\r\n margin:17px auto 0;\r\n color:#bcbcbc;\r\n font-size:17px;\r\n line-height:1.6;\r\n font-weight:400;\r\n}\r\n\r\n\/* =========================================\r\n VIDEO GRID\r\n========================================= *\/\r\n\r\n.members-video-grid{\r\n position:relative;\r\n z-index:2;\r\n width:100%;\r\n max-width:1350px;\r\n margin:0 auto;\r\n\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:32px;\r\n}\r\n\r\n\/* =========================================\r\n VIDEO CARD\r\n========================================= *\/\r\n\r\n.member-video-card{\r\n position:relative;\r\n overflow:hidden;\r\n\r\n background:#050505;\r\n border:1px solid #202020;\r\n border-radius:21px;\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n.member-video-card:hover{\r\n transform:translateY(-5px);\r\n border-color:#385600;\r\n box-shadow:0 15px 45px rgba(0,0,0,.35);\r\n}\r\n\r\n\/* =========================================\r\n VIDEO AREA\r\n========================================= *\/\r\n\r\n.member-video-wrap{\r\n position:relative;\r\n width:100%;\r\n aspect-ratio:auto;\r\n height:310px;\r\n overflow:hidden;\r\n background:#111;\r\n}\r\n\r\n.member-video{\r\n display:block;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n background:#111;\r\n}\r\n\r\n\/* dark overlay *\/\r\n.member-video-wrap::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n pointer-events:none;\r\n background:linear-gradient(\r\n to bottom,\r\n rgba(0,0,0,.04),\r\n rgba(0,0,0,.18)\r\n );\r\n}\r\n\r\n\/* =========================================\r\n FEATURED BADGE\r\n========================================= *\/\r\n\r\n.featured-badge{\r\n position:absolute;\r\n z-index:4;\r\n top:13px;\r\n left:13px;\r\n\r\n padding:6px 13px;\r\n border-radius:999px;\r\n\r\n background:#baff00;\r\n color:#050505;\r\n\r\n font-size:11px;\r\n font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n PLAY BUTTON\r\n========================================= *\/\r\n\r\n.video-play{\r\n position:absolute;\r\n z-index:5;\r\n top:50%;\r\n left:50%;\r\n\r\n width:65px;\r\n height:65px;\r\n\r\n transform:translate(-50%,-50%);\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border:0;\r\n border-radius:50%;\r\n\r\n background:#baff00;\r\n color:#050505;\r\n\r\n cursor:pointer;\r\n\r\n box-shadow:0 8px 30px rgba(0,0,0,.30);\r\n\r\n transition:\r\n transform .25s ease,\r\n background .25s ease,\r\n box-shadow .25s ease;\r\n}\r\n\r\n.video-play:hover{\r\n transform:translate(-50%,-50%) scale(1.08);\r\n background:#c8ff45;\r\n box-shadow:0 10px 35px rgba(186,255,0,.20);\r\n}\r\n\r\n.video-play::before{\r\n content:\"\";\r\n margin-left:4px;\r\n\r\n width:0;\r\n height:0;\r\n\r\n border-top:10px solid transparent;\r\n border-bottom:10px solid transparent;\r\n border-left:15px solid #050505;\r\n}\r\n\r\n\/* hide custom play button after native video is playing *\/\r\n.member-video-wrap.is-playing .video-play{\r\n opacity:0;\r\n pointer-events:none;\r\n}\r\n\r\n\/* =========================================\r\n CARD CONTENT\r\n========================================= *\/\r\n\r\n.member-video-content{\r\n min-height:180px;\r\n padding:23px 24px 24px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(0,55,0,.70) 0%,\r\n rgba(0,24,0,.85) 100%\r\n );\r\n}\r\n\r\n.member-video-quote{\r\n margin:0 0 19px;\r\n\r\n color:#c8c8c8;\r\n font-size:15px;\r\n line-height:1.62;\r\n font-style:italic;\r\n font-weight:500;\r\n}\r\n\r\n.member-video-bottom{\r\n display:flex;\r\n align-items:flex-end;\r\n justify-content:space-between;\r\n gap:15px;\r\n}\r\n\r\n.member-name{\r\n margin:0 0 5px;\r\n color:#fff;\r\n font-size:15px;\r\n font-weight:800;\r\n}\r\n\r\n.member-role{\r\n margin:0;\r\n color:#bdbdbd;\r\n font-size:13px;\r\n line-height:1.4;\r\n}\r\n\r\n.watch-label{\r\n flex-shrink:0;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n\r\n color:#baff00;\r\n font-size:12px;\r\n font-weight:800;\r\n white-space:nowrap;\r\n}\r\n\r\n.watch-icon{\r\n width:15px;\r\n height:15px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border:1.5px solid #baff00;\r\n border-radius:50%;\r\n font-size:8px;\r\n}\r\n\r\n\/* =========================================\r\n RESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1050px){\r\n .members-video-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media(max-width:680px){\r\n\r\n .members-video-section{\r\n padding:40px 16px 65px;\r\n }\r\n\r\n .members-video-header{\r\n margin-bottom:42px;\r\n }\r\n\r\n .members-video-title{\r\n font-size:29px;\r\n letter-spacing:-1px;\r\n }\r\n\r\n .members-video-description{\r\n font-size:15px;\r\n }\r\n\r\n .members-video-grid{\r\n grid-template-columns:1fr;\r\n gap:22px;\r\n }\r\n\r\n .member-video-wrap{\r\n height:235px;\r\n }\r\n\r\n .member-video-content{\r\n min-height:auto;\r\n padding:20px;\r\n }\r\n\r\n .member-video-quote{\r\n font-size:14px;\r\n }\r\n}\r\n\r\n@media(max-width:420px){\r\n .members-video-title{\r\n font-size:26px;\r\n }\r\n\r\n .member-video-wrap{\r\n height:220px;\r\n }\r\n\r\n .video-play{\r\n width:58px;\r\n height:58px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n\r\n<section class=\"members-video-section\" id=\"testimonials\">\r\n\r\n \r\n <div class=\"members-video-header\">\r\n\r\n <h2 class=\"members-video-title\">\r\n Our Members <span class=\"green\">Testimonials<\/span>\r\n <\/h2>\r\n\r\n <p class=\"members-video-description\">\r\n Discover how our AI Programs have impacted the careers and projects\r\n of our Members worldwide.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"members-video-grid\">\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <span class=\"featured-badge\">Featured<\/span>\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fyash_partab_singh.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n \r\n <source src=\"YOUR-VIDEO-01.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"Aaghaz is where ideas become real products. It's empowering youth\r\n to turn their skills into something meaningful, something that makes\r\n an impact.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Yash Pratap Singh<\/h3>\r\n <p class=\"member-role\">Business and Starting Up Coach, YouTube<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fsobhan.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-02.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"What stands out about Aaghaz is how real and hands-on it is.\r\n You don't just learn here, you learn how to build startups,\r\n solve problems, and bring ideas to life.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Sobhan Tariq<\/h3>\r\n <p class=\"member-role\">YouTuber & Tech Enthusiast, YouTube<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fassets%2Ftestimonials%2Flalit_singh.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-03.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"Aaghaz is more than a school, it's a movement. It's bringing\r\n together every smart people to build the next generation of\r\n AI startups from Asia.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Lalit Singh<\/h3>\r\n <p class=\"member-role\">Instagram Influencer, Instagram<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fshahzad.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-04.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The practical approach helped me understand AI much faster and\r\n gave me the confidence to start building my own projects.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Ayesha Khan<\/h3>\r\n <p class=\"member-role\">AI Creator, Content Creator<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonails%2Fabdul_rehman.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-05.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"I came with an idea and left with a real workflow. The community\r\n and hands-on projects made the biggest difference for me.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Hamza Ali<\/h3>\r\n <p class=\"member-role\">Founder & AI Builder<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonails%2Fkhalil.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-06.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The lessons are clear, practical and focused on actually doing\r\n the work instead of only watching tutorials.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Sara Ahmed<\/h3>\r\n <p class=\"member-role\">Digital Creator & Entrepreneur<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fnofah.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-07.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"Aaghaz helped me turn AI from something I was curious about into\r\n something I could confidently use in my business.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Usman Raza<\/h3>\r\n <p class=\"member-role\">Business Owner & AI Learner<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonails%2Fabdul.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-08.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The projects gave me a portfolio I could actually show people.\r\n That changed the way I looked at my career.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Maham Noor<\/h3>\r\n <p class=\"member-role\">Product Designer & AI Enthusiast<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2FHBA_sc.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-09.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The community made learning feel collaborative. Every question\r\n became an opportunity to discover something new.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Bilal Hassan<\/h3>\r\n <p class=\"member-role\">Startup Builder & Developer<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fkashif_majeed.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-10.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"What Makes Aaghaz different is the hand-on experience you get. Badar Munir unterstands the industry and teaches AI in a way and prepares for real challenges, not just certifications.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Kashif Majeed<\/h3>\r\n <p class=\"member-role\">Tech Influencer. Youtube<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\/*\r\n CUSTOM VIDEO PLAY BUTTON\r\n\r\n Each card uses a normal HTML5 <video>.\r\n Replace:\r\n YOUR-VIDEO-01.mp4\r\n YOUR-VIDEO-02.mp4\r\n ...\r\n YOUR-VIDEO-10.mp4\r\n\r\n with your actual video URLs\/files.\r\n*\/\r\n\r\ndocument.querySelectorAll(\".member-video-card\").forEach((card) => {\r\n\r\n const video = card.querySelector(\".member-video\");\r\n const playButton = card.querySelector(\".video-play\");\r\n const wrap = card.querySelector(\".member-video-wrap\");\r\n\r\n playButton.addEventListener(\"click\", () => {\r\n\r\n document.querySelectorAll(\".member-video\").forEach((otherVideo) => {\r\n if(otherVideo !== video){\r\n otherVideo.pause();\r\n\r\n const otherWrap = otherVideo.closest(\".member-video-wrap\");\r\n if(otherWrap){\r\n otherWrap.classList.remove(\"is-playing\");\r\n }\r\n }\r\n });\r\n\r\n video.play();\r\n wrap.classList.add(\"is-playing\");\r\n });\r\n\r\n video.addEventListener(\"pause\", () => {\r\n wrap.classList.remove(\"is-playing\");\r\n });\r\n\r\n video.addEventListener(\"ended\", () => {\r\n wrap.classList.remove(\"is-playing\");\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-beb0b76 e-flex e-con-boxed e-con e-parent\" data-id=\"beb0b76\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3336aad elementor-widget elementor-widget-html\" data-id=\"3336aad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<div id=\"website-left-green-shadow\" aria-hidden=\"true\"><\/div>\r\n\r\n<style>\r\n\r\n#website-left-green-shadow{\r\n\r\n position: fixed !important;\r\n\r\n left: 0 !important;\r\n bottom: 0 !important;\r\n\r\n width: 80vw !important;\r\n height: 520px !important;\r\n\r\n \/*\r\n HERO SECTION JESA\r\n LEFT-BOTTOM GREEN GLOW\r\n *\/\r\n\r\n background:\r\n radial-gradient(\r\n ellipse at 12% 100%,\r\n\r\n rgba(0,169,20,.66) 0%,\r\n\r\n rgba(0,120,14,.47) 25%,\r\n\r\n rgba(0,70,8,.25) 48%,\r\n\r\n rgba(0,35,5,.09) 67%,\r\n\r\n transparent 82%\r\n ) !important;\r\n\r\n \/*\r\n SOFT SHADOW\r\n *\/\r\n\r\n filter: blur(25px) !important;\r\n\r\n opacity: .78 !important;\r\n\r\n \/*\r\n WEBSITE KE HAR PAGE\/SECTION\r\n KE UPAR FIXED RAHE\r\n *\/\r\n\r\n z-index: 999997 !important;\r\n\r\n pointer-events: none !important;\r\n\r\n margin: 0 !important;\r\n\r\n padding: 0 !important;\r\n\r\n transform: none !important;\r\n\r\n border: 0 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:800px){\r\n\r\n #website-left-green-shadow{\r\n\r\n width: 80vw !important;\r\n\r\n height: 400px !important;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n #website-left-green-shadow{\r\n\r\n width: 80vw !important;\r\n\r\n height: 320px !important;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Members Testimonials – Video Section Our Members Testimonials Discover how our AI Programs have impacted the careers and projects of…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-97","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=97"}],"version-history":[{"count":10,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions\/186"}],"wp:attachment":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}