diff --git a/w5/mirac_sen.html b/w5/mirac_sen.html
new file mode 100644
index 0000000..798c27f
--- /dev/null
+++ b/w5/mirac_sen.html
@@ -0,0 +1,735 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mirac sen | AI student </title>
+    
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Fira+Code:wght@400;600&family=Source+Code+Pro:wght@400;600&display=swap');
+        
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        :root {
+            --bg-primary: #0a0e0a;
+            --bg-secondary: #1a1f1a;
+            --text-primary: #00ff41;
+            --text-secondary: #00cc33;
+            --text-dim: #008f11;
+            --accent: #39ff14;
+            --error: #ff0040;
+            --warning: #ffaa00;
+            --info: #00ffff;
+            --border: #00ff41;
+        }
+        
+        body {
+            font-family: 'JetBrains Mono', 'Fira Code', 'Source Code Pro', monospace;
+            background-color: var(--bg-primary);
+            color: var(--text-primary);
+            min-height: 100vh;
+            overflow-x: hidden;
+            position: relative;
+        }
+        
+        /* Scanline effect */
+        body::before {
+            content: "";
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(
+                transparent 50%,
+                rgba(0, 255, 65, 0.03) 50%
+            );
+            background-size: 100% 4px;
+            pointer-events: none;
+            z-index: 1;
+        }
+        
+        /* Glow effect */
+        body::after {
+            content: "";
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: radial-gradient(
+                ellipse at center,
+                transparent 0%,
+                rgba(0, 0, 0, 0.4) 100%
+            );
+            pointer-events: none;
+            z-index: 1;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 2rem;
+            position: relative;
+            z-index: 2;
+        }
+        
+        /* Terminal Header */
+        .terminal-header {
+            background: var(--bg-secondary);
+            border: 1px solid var(--border);
+            border-radius: 8px 8px 0 0;
+            padding: 0.5rem 1rem;
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+        }
+        
+        .terminal-buttons {
+            display: flex;
+            gap: 0.5rem;
+        }
+        
+        .terminal-button {
+            width: 12px;
+            height: 12px;
+            border-radius: 50%;
+        }
+        
+        .terminal-button.red { background: #ff5f56; }
+        .terminal-button.yellow { background: #ffbd2e; }
+        .terminal-button.green { background: #27c93f; }
+        
+        .terminal-title {
+            flex: 1;
+            text-align: center;
+            color: var(--text-dim);
+            font-size: 0.9rem;
+        }
+        
+        /* Main Terminal */
+        .terminal-body {
+            background: var(--bg-secondary);
+            border: 1px solid var(--border);
+            border-top: none;
+            border-radius: 0 0 8px 8px;
+            padding: 2rem;
+            min-height: 500px;
+            box-shadow: 0 0 20px rgba(0, 255, 65, 0.1);
+        }
+        
+        /* ASCII Art Header */
+        .ascii-art {
+            color: var(--accent);
+            font-size: 0.7rem;
+            line-height: 1.2;
+            margin-bottom: 2rem;
+            white-space: pre;
+            overflow-x: auto;
+        }
+        
+        /* Typing Animation */
+        @keyframes typing {
+            from { width: 0; }
+            to { width: 100%; }
+        }
+        
+        @keyframes blink {
+            50% { opacity: 0; }
+        }
+        
+        .typing-text {
+            overflow: hidden;
+            white-space: nowrap;
+            border-right: 3px solid var(--text-primary);
+            animation: typing 2s steps(40, end), blink 1s step-end infinite;
+            width: fit-content;
+        }
+        
+        /* Command Line Style */
+        .command-line {
+            margin: 1rem 0;
+            display: flex;
+            align-items: center;
+        }
+        
+        .prompt {
+            color: var(--text-secondary);
+            margin-right: 0.5rem;
+        }
+        
+        .command {
+            color: var(--info);
+        }
+        
+        .output {
+            margin-left: 2rem;
+            color: var(--text-primary);
+            margin-top: 0.5rem;
+            margin-bottom: 1.5rem;
+        }
+        
+        /* Section Headers */
+        h1 {
+            font-size: 2rem;
+            color: var(--accent);
+            text-shadow: 0 0 10px rgba(57, 255, 20, 0.5);
+            margin-bottom: 1rem;
+        }
+        
+        h2 {
+            color: var(--text-secondary);
+            font-size: 1.5rem;
+            margin: 2rem 0 1rem 0;
+            position: relative;
+            padding-bottom: 0.5rem;
+        }
+        
+        h2::before {
+            content: "## ";
+            color: var(--text-dim);
+        }
+        
+        h2::after {
+            content: "";
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 1px;
+            background: linear-gradient(90deg, var(--border) 0%, transparent 100%);
+        }
+        
+        /* Links */
+        a {
+            color: var(--info);
+            text-decoration: none;
+            position: relative;
+            transition: all 0.3s ease;
+        }
+        
+        a:hover {
+            color: var(--accent);
+            text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
+        }
+        
+        a::after {
+            content: "";
+            position: absolute;
+            bottom: -2px;
+            left: 0;
+            width: 0;
+            height: 1px;
+            background: var(--accent);
+            transition: width 0.3s ease;
+        }
+        
+        a:hover::after {
+            width: 100%;
+        }
+        
+        /* Navigation */
+        nav {
+            margin-bottom: 3rem;
+        }
+        
+        nav ul {
+            list-style: none;
+            display: flex;
+            gap: 2rem;
+            flex-wrap: wrap;
+        }
+        
+        nav li::before {
+            content: "[ ";
+            color: var(--text-dim);
+        }
+        
+        nav li::after {
+            content: " ]";
+            color: var(--text-dim);
+        }
+        
+        /* Skills Grid */
+        .skills-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 1rem;
+            margin: 1.5rem 0;
+        }
+        
+        .skill-item {
+            background: var(--bg-primary);
+            border: 1px solid var(--text-dim);
+            padding: 1rem;
+            position: relative;
+            transition: all 0.3s ease;
+        }
+        
+        .skill-item:hover {
+            border-color: var(--accent);
+            box-shadow: 0 0 10px rgba(57, 255, 20, 0.3);
+            transform: translateY(-2px);
+        }
+        
+        .skill-name {
+            color: var(--text-secondary);
+            margin-bottom: 0.5rem;
+        }
+        
+        .skill-bar {
+            width: 100%;
+            height: 8px;
+            background: var(--bg-secondary);
+            border: 1px solid var(--text-dim);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .skill-progress {
+            height: 100%;
+            background: linear-gradient(90deg, var(--text-dim), var(--accent));
+            transition: width 1s ease;
+            box-shadow: 0 0 10px rgba(57, 255, 20, 0.5);
+        }
+        
+        /* Project Cards */
+        .projects {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 2rem;
+            margin: 2rem 0;
+        }
+        
+        .project-card {
+            background: var(--bg-primary);
+            border: 1px solid var(--text-dim);
+            padding: 1.5rem;
+            transition: all 0.3s ease;
+            position: relative;
+        }
+        
+        .project-card::before {
+            content: ">";
+            position: absolute;
+            top: 1rem;
+            left: 0.5rem;
+            color: var(--accent);
+            animation: blink 1s step-end infinite;
+        }
+        
+        .project-card:hover {
+            border-color: var(--accent);
+            transform: translateX(10px);
+        }
+        
+        .project-title {
+            color: var(--info);
+            font-size: 1.2rem;
+            margin-bottom: 0.5rem;
+        }
+        
+        .project-tech {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 0.5rem;
+            margin-top: 1rem;
+        }
+        
+        .tech-tag {
+            background: var(--bg-secondary);
+            color: var(--text-dim);
+            padding: 0.2rem 0.5rem;
+            border: 1px solid var(--text-dim);
+            font-size: 0.8rem;
+        }
+        
+        /* Contact Section */
+        .contact-info {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 2rem;
+            margin: 2rem 0;
+        }
+        
+        .contact-item {
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+        }
+        
+        .contact-item::before {
+            content: "$";
+            color: var(--warning);
+        }
+        
+        /* Footer */
+        footer {
+            text-align: center;
+            margin-top: 4rem;
+            padding: 2rem;
+            border-top: 1px solid var(--text-dim);
+            color: var(--text-dim);
+        }
+        
+        /* Cursor */
+        .cursor {
+            display: inline-block;
+            width: 10px;
+            height: 20px;
+            background: var(--text-primary);
+            animation: blink 1s step-end infinite;
+        }
+        
+        /* Mobile Responsive */
+        @media (max-width: 768px) {
+            .container {
+                padding: 1rem;
+            }
+            
+            .ascii-art {
+                font-size: 0.5rem;
+            }
+            
+            h1 {
+                font-size: 1.5rem;
+            }
+            
+            nav ul {
+                gap: 1rem;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <img src="mirac.jpg" alt="Miraç Şen" width="200" style="border-radius: 15px; margin-top: 20px;">
+        <div class="terminal-header">
+            <div class="terminal-buttons">
+                <div class="terminal-button red"></div>
+                <div class="terminal-button yellow"></div>
+                <div class="terminal-button green"></div>
+            </div>
+            <div class="terminal-title">Mirac Sen
+            </div>
+        </div>
+        
+        <div class="terminal-body">
+            <!-- ASCII Art Banner -->
+            <pre class="ascii-art">
+                <pre class="ascii-art">
+███╗   ███╗██╗██████╗  █████╗  ██████╗              ███████╗███████╗███╗   ██╗
+████╗ ████║██║██╔══██╗██╔══██╗██╔════╝              ██╔════╝██╔════╝████╗  ██║
+██╔████╔██║██║██║██║  ███  ██║██║                  ╗█████╗  ██╔██╗  ██║  █ ██
+██║╚██╔╝██║██║██║  ██║██╔══██║██║                        ██║██  ║   ██    ███
+██║ ╚═╝ ██║██║█╔╝  ██║  ██║╚ █  █████                █████  █████   ███    ██
+╚═╝     ╚═╝╚═╝╚═════╝ ╚═╝  ╚═╝ ╚═════╝    ╚         ╚══════╝╚═╝  ╚═══╝
+</pre>
+            </pre>
+            
+            <!-- Welcome Message -->
+            <div class="command-line">
+                <span class="prompt">$</span>
+                <span class="command typing-text">whoami</span>
+            </div>
+            <div class="output">
+                MIS student | Haliç University | AI studen Python | student @ Haliç University
+            </div>
+            
+            <!-- Navigation -->
+            <nav>
+                <div class="command-line">
+                    <span class="prompt">$</span>
+                    <span class="command">ls ./sections/</span>
+                </div>
+                <ul class="output">
+                    <li><a href="#about">about.md</a></li>
+                    <li><a href="#skills">skills.json</a></li>
+                    <li><a href="#publications">publications/</a></li>
+                    <li><a href="#education">education.log</a></li>
+                    <li><a href="#certifications">certs.txt</a></li>
+                    <li><a href="#contact">contact.txt</a></li>
+                </ul>
+            </nav>
+            
+            <!-- About Section -->
+            <section id="about">
+                <h2>About</h2>
+                <div style="text-align: center; margin-bottom: 1.5rem;">
+                <img src="mirac/Image 2025-10-29 at 22.49.08.jpeg" alt="Miraç Şen" 
+                style="width: 150px; height: 150px; border-radius: 50%; border: 2px solid #00ff41; box-shadow: 0 0 10px #00ff41;">
+               </div>
+                <div class="command-line">
+                    <span class="prompt">$</span>
+                    <span class="command">cat about.md</span>
+                </div>
+                <div class="output">
+                   <p>Hello, World! I'm Miraç Şen, a MIS student passionate about Artificial Intelligence and software development. I enjoy learning how intelligent systems work and exploring how data can be turned into meaningful solutions.</p>
+            <br>
+            <p>Currently, I’m studying at Haliç University and working on small projects involving Python, data analysis, and web development. I’m especially interested in understanding how Large Language Models and NLP (Natural Language Processing) systems are built and trained.</p>
+            <br>
+            <p>In my free time, I like experimenting with AI tools, contributing to open-source projects, and improving my programming skills. My goal is to gain strong experience in AI engineering and apply my knowledge to real-world problems in the future.</p>
+            <br>
+            <p>You can check out some of my learning notes and small projects on my <a href="https://github.com/miracsen" target="_blank">GitHub profile</a>.</p>
+                </div>
+            </section>
+            
+            <!-- Skills Section -->
+            <section id="skills">
+                <h2>Skills</h2>
+                <div class="command-line">
+                    <span class="prompt">$</span>
+                    <span class="command">npm list --depth=0</span>
+                </div>
+                <div class="output">
+                    <div class="skills-grid">
+                        <div class="skill-item">
+                            <div class="skill-name">Large Language Models (LLMs)</div>
+                            <div class="skill-bar">
+                                <div class="skill-progress" style="width: 95%;"></div>
+                            </div>
+                        </div>
+                        <div class="skill-item">
+                            <div class="skill-name">Python/PyTorch</div>
+                            <div class="skill-bar">
+                                <div class="skill-progress" style="width: 92%;"></div>
+                            </div>
+                        </div>
+                        <div class="skill-item">
+                            <div class="skill-name">Distributed Training</div>
+                            <div class="skill-bar">
+                                <div class="skill-progress" style="width: 90%;"></div>
+                            </div>
+                        </div>
+                        <div class="skill-item">
+                            <div class="skill-name">Natural Language Processing</div>
+                            <div class="skill-bar">
+                                <div class="skill-progress" style="width: 93%;"></div>
+                            </div>
+                        </div>
+                        <div class="skill-item">
+                            <div class="skill-name">add yours</div>
+                            <div class="skill-bar">
+                                <div class="skill-progress" style="width: 88%;"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+            
+            <!-- Publications Section -->
+            <section id="publications">
+                <h2>Publications</h2>
+                <div class="command-line">
+                    <span class="prompt">$</span>
+                    <span class="command">grep -r "*.pdf" ./publications/ | head -3</span>
+                </div>
+                <div class="output">
+                    <div class="projects">
+                        <div class="project-card">
+                            <h3 class="project-title">designing and developing my own website and writing articles on it</h3>
+                            <p>The goal of quickly improving myself in this field and getting a new breakthrough and better job offers.</p>
+                            <div class="project-tech">
+                                <span class="tech-tag"></span>
+                                <span class="tech-tag"></span>
+                                <span class="tech-tag"></span>
+                                <span class="tech-tag"></span>
+                            </div>
+                        </div>
+                        <div class="project-card">
+                            <h3 class="project-title">There is no research currently underway</h3>
+                            <p>to be done as soon as possible after the end of the academic career.</p>
+                            <div class="project-tech">
+                                <span class="tech-tag"></span>
+                                <span class="tech-tag"></span>
+                                <span class="tech-tag"></span>
+                                <span class="tech-tag"></span>
+                            </div>
+                        </div>
+                        <div class="project-card">
+                            <h3 class="project-title">Designing and developing a website in html code</h3>
+                            <p>conducting and conducting academic studies on this.</p>
+                            <div class="project-tech">
+                                <span class="tech-tag"></span>
+                                <span class="tech-tag"></span>
+                                <span class="tech-tag">Algorithm Analysis</span>
+                                <span class="tech-tag">Research</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+            
+            <!-- Education Section -->
+            <section id="education">
+                <h2>Education</h2>
+                <div class="command-line">
+                    <span class="prompt">$</span>
+                    <span class="command">tail -n 20 education.log</span>
+                </div>
+                <div class="output">
+                    <div class="projects">
+                        <div class="project-card">
+                            <h3 class="project-title">Master of Science - Data Science</h3>
+                            <p style="color: var(--text-secondary);">Haliç University | 2023- 2027</p>
+                            <p>Generation of Image Series From a Sequence of Related Short Sentences</p>
+                        </div>
+                        <div class="project-card">
+                            <h3 class="project-title">Haiç Unıversity Degree</h3>
+                            <p style="color: var(--text-secondary);">Halic University | 20XX - 20XX</p>
+                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        </div>
+                    </div>
+                </div>
+            </section>
+            
+            <!-- Certifications Section -->
+            <section id="certifications">
+                <h2>Certifications & Awards</h2>
+                <div class="command-line">
+                    <span class="prompt">$</span>
+                    <span class="command">ls -la ./certifications/</span>
+                </div>
+                <div class="output">
+                    <div style="margin-left: 2rem;">
+                        <p style="color: var(--info);">→ Building artificial intelligence and developable projects</p>
+                        <p style="color: var(--info);">→ MLx Generative AI Theory, Agents, Products - Marmara</p>
+                        <p style="color: var(--info);">→ Münih Ludwig Maximilian Unıversity, GERMANY,</p>
+                        <p style="color: var(--info);">→ - Text Mining and NLP for Computational Artifical Intelligence</p>
+                        <p style="color: var(--info);">→ DeepLearning.ai Study Group 2023-2025</p>
+                        <p style="color: var(--warning);">★Outstanding Achievement Scholarship</p>
+                    </div>
+                </div>
+            </section>
+            
+            <!-- Contact Section -->
+            <section id="contact">
+                <h2>Contact</h2>
+                <div class="command-line">
+                    <span class="prompt">$</span>
+                    <span class="command">echo $CONTACT_INFO</span>
+                </div>
+                <div class="output">
+                    <div class="contact-info">
+                        <div class="contact-item">
+                            <a href="mailto:miracsen935@.org">miracsen935@.org</a>
+                        </div>
+                        <div class="contact-item">
+                            <a href="https://www.linkedin.com/in/miracsen" target="_blank">linkedin.com/in/miracsen</a>
+                        </div>
+                        <div class="contact-item">
+                            <a href="https://github.com/mirac935" target="_blank">github.com/mirac935</a>
+                        </div>
+                        <div class="contact-item">
+                            <a href="https://safenlp.substack.com/" target="_blank">safenlp.substack.com</a>
+                        </div>
+                        <div class="contact-item">
+                            <a href="https://safenlp.org" target="_blank">safenlp.org</a>
+                        </div>
+                    </div>
+                </div>
+            </section>
+            
+            <!-- Footer -->
+            <footer>
+                <div class="command-line">
+                    <span class="prompt">$</span>
+                    <span class="command">exit</span>
+                </div>
+                <p>© 2025 Miraç Şen | Built with &lt;3 and lots of tea</p>
+                <p>Last login: <span id="current-date"></span></p>
+                <span class="cursor"></span>
+            </footer>
+        </div>
+    </div>
+    
+    <script>
+        // Set current date
+        document.getElementById('current-date').textContent = new Date().toLocaleString();
+        
+        // Smooth scrolling for navigation links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+                const target = document.querySelector(this.getAttribute('href'));
+                if (target) {
+                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+                }
+            });
+        });
+        
+        // Animate skill bars on scroll
+        const observerOptions = {
+            threshold: 0.5,
+            rootMargin: '0px'
+        };
+        
+        const skillObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    const skillBars = entry.target.querySelectorAll('.skill-progress');
+                    skillBars.forEach(bar => {
+                        const width = bar.style.width;
+                        bar.style.width = '0';
+                        setTimeout(() => {
+                            bar.style.width = width;
+                        }, 100);
+                    });
+                }
+            });
+        }, observerOptions);
+        
+        const skillsSection = document.querySelector('#skills');
+        if (skillsSection) {
+            skillObserver.observe(skillsSection);
+        }
+        
+        // Terminal typing effect for dynamic content
+        function typeWriter(element, text, speed = 50) {
+            let i = 0;
+            element.textContent = '';
+            
+            function type() {
+                if (i < text.length) {
+                    element.textContent += text.charAt(i);
+                    i++;
+                    setTimeout(type, speed);
+                }
+            }
+            
+            type();
+        }
+        
+        // Add glitch effect on hover for the title
+        const title = document.querySelector('.ascii-art');
+        if (title) {
+            title.addEventListener('mouseenter', () => {
+                title.style.animation = 'glitch 0.3s infinite';
+            });
+            
+            title.addEventListener('mouseleave', () => {
+                title.style.animation = 'none';
+            });
+        }
+        
+        // Add glitch animation
+        const style = document.createElement('style');
+        style.textContent = `
+            @keyframes glitch {
+                0% { text-shadow: 0.05em 0 0 #00fffc, -0.05em -0.025em 0 #fc00ff, 0.025em 0.05em 0 #fffc00; }
+                15% { text-shadow: 0.05em 0 0 #00fffc, -0.05em -0.025em 0 #fc00ff, 0.025em 0.05em 0 #fffc00; }
+                16% { text-shadow: -0.05em -0.025em 0 #00fffc, 0.025em 0.025em 0 #fc00ff, -0.05em -0.05em 0 #fffc00; }
+                49% { text-shadow: -0.05em -0.025em 0 #00fffc, 0.025em 0.025em 0 #fc00ff, -0.05em -0.05em 0 #fffc00; }
+                50% { text-shadow: 0.025em 0.05em 0 #00fffc, 0.05em 0 0 #fc00ff, 0 -0.05em 0 #fffc00; }
+                99% { text-shadow: 0.025em 0.05em 0 #00fffc, 0.05em 0 0 #fc00ff, 0 -0.05em 0 #fffc00; }
+                100% { text-shadow: -0.025em 0 0 #00fffc, -0.025em -0.025em 0 #fc00ff, -0.025em -0.05em 0 #fffc00; }
+            }
+        `;
+        document.head.appendChild(style);
+    </script>
+</body>
+</html>
\ No newline at end of file
