index.html

[stfsdr6sgs-eng]

<div id="welcomeModal" class="modal">
    <div class="modal-content">
        <span class="close-button">&times;</span>
        <header>
            <h2>👋 Welcome to Deema Hussein's Hub!</h2>
        </header>
        <p>I'm thrilled you stopped by. This site is your direct source for my latest content projects and professional insights, designed for practical community benefit.</p>
        <p>**Discover my toolkit and technical writing projects.**</p>
        <button id="enterSiteButton">Enter Site</button>
    </div>
</div>

<header class="navbar">
    <div class="container">
        <h1 class="logo">Deema Hussein</h1>
        <nav>
            <a href="#about">About</a>
            <a href="#tools">Toolkit</a>
            <a href="#updates">Latest Updates</a>
            <a href="#contact">Contact</a>
        </nav>
    </div>
</header>

<main>
    <section id="hero" class="hero-section">
        <div class="container">
            <div class="hero-content">
                <h1>Deema Hussein: Content Creator</h1>
                <p class="tagline">Final-Year Student in Oil and Gas Refining | Technical Writer | Practical Content Designer</p>
                <a href="#updates" class="cta-button">See My Latest Projects</a>
            </div>
        </div>
    </section>

    <section id="about" class="content-section">
        <div class="container">
            <h2>About Me</h2>
            <p>Hello! I'm Deema Hussein. I am currently a student in the **Oil and Gas Refining Department**, preparing to graduate soon. My focus is on creating content that is simple, straightforward, and contributes real, practical benefit to a specific and targeted community.</p>
            <p>This website itself is one of my ongoing projects. I'm continually working to enhance it and add everything necessary to improve it significantly. **My current date is November 5, 2025, and I am based in Samawah, Al-Muthanna, Iraq.**</p>
        </div>
    </section>

    <section id="tools" class="content-section tool-section">
        <div class="container">
            <h2>🛠️ My Toolkit & Expertise</h2>
            <p>My approach is simple and not complicated. My tools are chosen for practicality and realism to maximize community benefit.</p>
            <div class="tools-grid">
                <div class="tool-card">
                    <h3>Core Content Creation Tools</h3>
                    <ul>
                        <li>**Microsoft Word** (The primary engine for content development)</li>
                        <li>**All Microsoft Office Programs** (Essential for organizing, presenting, and delivering content)</li>
                        <li>Other simple and realistic platforms for targeted delivery.</li>
                    </ul>
                </div>
                <div class="tool-card">
                    <h3>Primary Skills</h3>
                    <ul>
                        <li>**Technical Writing** (Translating complex ideas into clear, accessible language)</li>
                        <li>Content Structuring and Organization</li>
                        <li>Community-Focused Communication</li>
                        <li>Practical Documentation</li>
                    </ul>
                </div>
                <div class="tool-card">
                    <h3>Current Project Focus</h3>
                    <ul>
                        <li>The continual improvement and expansion of this website.</li>
                        <li>Developing content related to my Oil and Gas studies.</li>
                        <li>Creating simple, effective content guides for targeted audiences.</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section id="updates" class="content-section update-section">
        <div class="container">
            <h2>📰 Latest Updates & Achievements</h2>
            <div class="update-feed">
                <article class="update-item">
                    <h3>Website Project Status: Core Structure Complete</h3>
                    <p class="date">Nov 26, 2025</p>
                    <p>The main profile structure, including the toolkit and updates section, is now live! I am focusing next on populating the technical writing portfolio.</p>
                </article>
                <article class="update-item">
                    <h3>Academic Focus: Thesis Research Phase</h3>
                    <p class="date">Nov 15, 2025</p>
                    <p>Successfully initiated the final phase of my graduation thesis research in Oil and Gas Refining. Details will be added to the portfolio soon.</p>
                </article>
            </div>
            <a href="#" class="cta-button secondary">View All Archives</a>
        </div>
    </section>

    <section id="contact" class="content-section contact-section">
        <div class="container">
            <h2>Get In Touch</h2>
            <p>Have a content need, technical writing project, or collaboration idea? Reach out to me directly:</p>
            <div class="social-links">
                <a href="mailto:[email protected]">[email protected]</a> | 
                <a href="#">LinkedIn (Placeholder)</a> | 
                <a href="#">Social Media (Placeholder)</a>
            </div>
        </div>
    </section>
</main>

<footer>
    <div class="container">
        <p>&copy; 2025 Deema Hussein. Based in Samawah, Al-Muthanna, Iraq.</p>
    </div>
</footer>

<script src="script.js"></script>