{"id":43800,"date":"2026-10-29T08:51:31","date_gmt":"2026-10-29T05:51:31","guid":{"rendered":"https:\/\/bti.stu.edu.iq\/for-students\/"},"modified":"2026-10-29T11:48:57","modified_gmt":"2026-10-29T08:48:57","slug":"for-students","status":"publish","type":"page","link":"https:\/\/bti.stu.edu.iq\/en\/for-students\/","title":{"rendered":"For Students"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"43800\" class=\"elementor elementor-43800 elementor-43695\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d683c4 e-con-full e-flex e-con e-parent\" data-id=\"6d683c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3979f9a elementor-widget elementor-widget-html\" data-id=\"3979f9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- BTI Student Portal - 3 Main Cards (Navy Hover & White Text) -->\r\n<section class=\"bti-student-portal\" dir=\"ltr\">\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800;900&display=swap');\r\n\r\n        .bti-student-portal {\r\n            --maroon: #6b141c;\r\n            --navy: #22313a;\r\n            --gold: #cbb08a;\r\n            --bg-color: #f4f6f9;\r\n            --white: #ffffff;\r\n            --text-main: #1e293b;\r\n            --text-muted: #64748b;\r\n\r\n            font-family: \"Inter\", \"Segoe UI\", sans-serif;\r\n            direction: ltr;\r\n            background-color: var(--bg-color);\r\n            padding: 4rem 1.5rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            min-height: 70vh;\r\n        }\r\n\r\n        .bti-student-portal * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .bti-portal-container {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* ===== Main Header ===== *\/\r\n        .bti-portal-header {\r\n            text-align: center;\r\n            margin-bottom: 3.5rem;\r\n        }\r\n\r\n        .bti-portal-header h1 {\r\n            font-size: 2.4rem;\r\n            font-weight: 900;\r\n            color: var(--navy);\r\n            margin-bottom: 0.8rem;\r\n        }\r\n\r\n        .bti-portal-header h1 span {\r\n            color: var(--maroon);\r\n        }\r\n\r\n        .bti-portal-header p {\r\n            font-size: 1.1rem;\r\n            color: var(--text-muted);\r\n            font-weight: 500;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* ===== Grid (3 Columns) ===== *\/\r\n        .bti-portal-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 2rem;\r\n        }\r\n\r\n        \/* ===== Card ===== *\/\r\n        .bti-portal-card {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            background: var(--white);\r\n            border-radius: 24px;\r\n            padding: 3rem 2rem;\r\n            text-decoration: none;\r\n            position: relative;\r\n            overflow: hidden;\r\n            \/* Soft shadow in normal state *\/\r\n            box-shadow: 0 10px 30px rgba(34, 49, 58, 0.06);\r\n            border: 1px solid #e2e8f0;\r\n            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Navy gradient background appears on hover *\/\r\n        .bti-portal-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(145deg, #1a252e, var(--navy));\r\n            opacity: 0;\r\n            transition: opacity 0.5s ease;\r\n            z-index: -1;\r\n        }\r\n\r\n        \/* Deep shadow and movement on hover *\/\r\n        .bti-portal-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 25px 50px rgba(34, 49, 58, 0.25), 0 10px 20px rgba(107, 20, 28, 0.1);\r\n            border-color: var(--navy);\r\n        }\r\n\r\n        .bti-portal-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        \/* ===== Icon ===== *\/\r\n        .bti-portal-icon {\r\n            width: 90px;\r\n            height: 90px;\r\n            border-radius: 50%;\r\n            background: rgba(107, 20, 28, 0.05);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 1.5rem;\r\n            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n        }\r\n\r\n        .bti-portal-icon svg {\r\n            width: 40px;\r\n            height: 40px;\r\n            stroke: var(--maroon);\r\n            fill: none;\r\n            stroke-width: 1.8;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        \/* On hover: Icon turns white and background becomes transparent *\/\r\n        .bti-portal-card:hover .bti-portal-icon {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            transform: scale(1.1) rotate(5deg);\r\n        }\r\n\r\n        .bti-portal-card:hover .bti-portal-icon svg {\r\n            stroke: #ffffff;\r\n        }\r\n\r\n        \/* ===== Texts ===== *\/\r\n        .bti-portal-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 800;\r\n            color: var(--navy);\r\n            margin-bottom: 0.8rem;\r\n            transition: color 0.4s ease;\r\n        }\r\n\r\n        .bti-portal-card:hover .bti-portal-title {\r\n            color: #ffffff;\r\n        }\r\n\r\n        \/* ===== Subtitle inside the card ===== *\/\r\n        .bti-portal-subtitle {\r\n            font-size: 0.95rem;\r\n            font-weight: 700;\r\n            color: var(--maroon);\r\n            margin: -0.4rem 0 0.8rem;\r\n            transition: color 0.4s ease;\r\n        }\r\n\r\n        .bti-portal-card:hover .bti-portal-subtitle {\r\n            color: rgba(255, 255, 255, 0.9);\r\n        }\r\n\r\n        .bti-portal-desc {\r\n            font-size: 0.95rem;\r\n            color: var(--text-muted);\r\n            font-weight: 500;\r\n            line-height: 1.7;\r\n            margin-bottom: 2rem;\r\n            transition: color 0.4s ease;\r\n        }\r\n\r\n        .bti-portal-card:hover .bti-portal-desc {\r\n            color: rgba(255, 255, 255, 0.85);\r\n        }\r\n\r\n        \/* ===== Button \/ Interactive Element ===== *\/\r\n        .bti-portal-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 1rem;\r\n            font-weight: 700;\r\n            color: var(--maroon);\r\n            background: rgba(107, 20, 28, 0.08);\r\n            padding: 12px 25px;\r\n            border-radius: 30px;\r\n            transition: all 0.4s ease;\r\n            margin-top: auto;\r\n        }\r\n\r\n        .bti-portal-btn svg {\r\n            width: 18px;\r\n            height: 18px;\r\n            stroke: currentColor;\r\n            fill: none;\r\n            stroke-width: 2.5;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        \/* On hover: Button turns white with navy text *\/\r\n        .bti-portal-card:hover .bti-portal-btn {\r\n            background: #ffffff;\r\n            color: var(--navy);\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .bti-portal-card:hover .bti-portal-btn svg {\r\n            transform: translateX(5px); \/* Arrow moves right on hover *\/\r\n        }\r\n\r\n        \/* ===== Responsive ===== *\/\r\n        @media (max-width: 992px) {\r\n            .bti-portal-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .bti-student-portal {\r\n                padding: 3rem 1rem;\r\n            }\r\n            .bti-portal-header h1 {\r\n                font-size: 2rem;\r\n            }\r\n            .bti-portal-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 1.5rem;\r\n            }\r\n            .bti-portal-card {\r\n                padding: 2.5rem 1.5rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"bti-portal-container\">\r\n        \r\n        <!-- Header -->\r\n        <div class=\"bti-portal-header\">\r\n            <h1>Student <span>Portal<\/span><\/h1>\r\n            <p>Choose the destination you want to explore. We gather everything you need in one place.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Grid of 3 Cards -->\r\n        <div class=\"bti-portal-grid\">\r\n\r\n            <!-- 1. Student & Alumni Affairs -->\r\n            <a href=\"https:\/\/bti.stu.edu.iq\/%d8%b4%d8%A4%d9%88%d9%86-%d8%a7%d9%84%d8%b7%d9%84%d8%a8%d8%a9-%d9%88%d8%a7%d9%84%d8%ae%d8%b1%d9%8a%d8%ac%d9%8a%d9%86\/\" class=\"bti-portal-card\">\r\n                <div class=\"bti-portal-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"bti-portal-title\">Student &amp; Alumni Affairs<\/h3>\r\n                <p class=\"bti-portal-desc\">Quick access to electronic services, student guide, certificate issuance, and official documents.<\/p>\r\n                <span class=\"bti-portal-btn\">\r\n                    Enter Section\r\n                    <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                <\/span>\r\n            <\/a>\r\n\r\n            <!-- 2. Campus Halls -->\r\n            <a href=\"https:\/\/bti.stu.edu.iq\/%d8%a3%d8%b1%d9%88%d9%82%d8%a9-%d8%a7%d9%84%d9%83%d9%84%d9%8a%d8%a9\/\" class=\"bti-portal-card\">\r\n                <div class=\"bti-portal-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18\"><\/path><path d=\"M9 8h1\"><\/path><path d=\"M9 12h1\"><\/path><path d=\"M9 16h1\"><\/path><path d=\"M14 8h1\"><\/path><path d=\"M14 12h1\"><\/path><path d=\"M14 16h1\"><\/path><path d=\"M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16\"><\/path><\/svg>\r\n                <\/div>\r\n                <h3 class=\"bti-portal-title\">Campus Halls<\/h3>\r\n                <p class=\"bti-portal-desc\">A 360-degree virtual tour to explore the college departments, buildings, and student facilities.<\/p>\r\n                <span class=\"bti-portal-btn\">\r\n                    Explore Now\r\n                    <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                <\/span>\r\n            <\/a>\r\n\r\n            <!-- 3. Success Stories - Famous Figures from the University -->\r\n            <a href=\"https:\/\/www.stu.edu.iq\/%d8%a7%d9%84%d8%b1%d9%85%d9%88%d8%b2-%d8%a7%d9%84%d8%b9%d9%84%d9%85%d9%8a%d8%a9-%d9%88%d8%a7%d9%84%d9%85%d8%b4%d8%a7%d9%87%d9%8a%d8%b1-%d8%a7%d9%84%d9%85%d8%aa%d8%ae%d8%b1%d8%ac%d9%8a%d9%86\/\" class=\"bti-portal-card\" target=\"_blank\" rel=\"noopener\">\r\n                <div class=\"bti-portal-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\r\n                <\/div>\r\n                <h3 class=\"bti-portal-title\">Success Stories<\/h3>\r\n                <!-- \u0627\u0644\u062a\u0631\u062c\u0645\u0629: \u0645\u0634\u0627\u0647\u064a\u0631 \u0645\u0646 \u0627\u0644\u062c\u0627\u0645\u0639\u0629 -->\r\n                <p class=\"bti-portal-subtitle\">Famous Figures from the University<\/p>\r\n                <p class=\"bti-portal-desc\">Learn about the most prominent achievements of the college's students and alumni and their outstanding entrepreneurial projects.<\/p>\r\n                <span class=\"bti-portal-btn\">\r\n                    Read Stories\r\n                    <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                <\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\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>Student Portal Choose the destination you want to explore. We gather everything you need in one place. Student &amp; Alumni Affairs Quick access to electronic services, student guide, certificate issuance, and official documents. Enter Section Campus Halls A 360-degree virtual tour to explore the college [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-43800","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/43800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/comments?post=43800"}],"version-history":[{"count":13,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/43800\/revisions"}],"predecessor-version":[{"id":43819,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/43800\/revisions\/43819"}],"wp:attachment":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/media?parent=43800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}