index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ATK'Log</title>
    <link rel="icon" href="Images/emoji_image.png" type="image/png">
    <link rel="stylesheet" href="Styles/general.css">
    <link rel="stylesheet" href="Styles/about.css">
    <link rel="stylesheet" href="Styles/services.css">
    <link rel="stylesheet" href="Styles/projects.css">
    <link rel="stylesheet" href="Styles/contact.css">
    <link rel="stylesheet" href="Styles/phonescreencss.css">
    <link rel="stylesheet" href="Styles/posts.css">
    <script src="https://kit.fontawesome.com/d72947389b.js" crossorigin="anonymous"></script>
</head>
<body>
    <div id="header">
        <div class="container">
            <nav>
                <a href="index.html" style="text-decoration: none; color: inherit;"><h1>🍊 ATK'Log</h1></a>
                <ul id="sidemenu">
                    <li><a href="#about">About</a></li>
                    <li><a href="#projects">Projects</a></li>
                    <li><a href="#services">Services</a></li>
                    <li><a href="#posts">Posts</a></li>
                    <!-- <li><a href="#chatbot">ChatBot</a></li> -->
                    <li><a href="#contact">Contact</a></li>
                    <i class="fa-solid fa-xmark" onclick="closemenu()"></i>
                </ul>
                <i class="fa-solid fa-bars" onclick="openmenu()"></i>
            </nav>
            <div class="headertext">
                <p>Exploring Data & AI</p>
                <h1>Hi, I'm Almouthana Taha <br> Khalfallah</h1>
                <div class="socialicons">
                    <!-- <a href=""><i class="fa-brands fa-facebook"></i></a> -->
                    <a href="https://github.com/Taha2053", target="_blank"><i class="fa-brands fa-github"></i></a>
                    <!-- <a href=""><i class="fa-brands fa-instagram"></i></a> -->
                    <a href="https://www.linkedin.com/in/almouthana-taha-khalfallah-841237261/", target="_blank"><i class="fa-brands fa-linkedin"></i></a>
                    <!-- <a href="https://medium.com/@Almouthana_Taha_Khalfallah"><i class="fa-brands fa-medium"></i></a> -->
                    
                </div>
                <a href="Files/My CV - eng.pdf" download class="btn btn2">Download CV (EN)</a>
                <a href="Files/My CV - fr.pdf" download class="btn btn2">Download CV (FR)</a>
                  
            </div>
        </div>
    </div>

<!-------about----->
    <div id="about">
        <div class="container">
            <div class="row">
                <div class="aboutcol1">
                    <img src="Images/user.jpg" >
                </div>
                <div class="aboutcol2">
                    <h1 class="subtitle">About Me</h1>
                    <p>Welcome to my corner of the digital world! I am an engineering student with a passion for applied mathematics, data science, and modeling. As I continue to explore the realms of AI, machine learning, and computational methods, I am dedicated to developing creative, efficient solutions to complex problems. Whether it's building innovative models, leveraging data, or exploring cutting-edge technologies like robotics and generative AI, my goal is to turn theoretical concepts into practical, impactful solutions. Join me on my journey as I push the boundaries of knowledge and technology!</p>
                
                    <div class="tabtitles">
                        <p class="tablinks activelink" onclick="opentab('skills')">Skills</p>
                        <p class="tablinks" onclick="opentab('experience')"">Experience</p>
                        <p class="tablinks" onclick="opentab('education')"">Education</p>
                    </div>
                    <div class="tabcontents activetab" id="skills">
                        <ul>
                            <li><span>Programming Languages:</span><br>Python, C, C++, HTML, CSS</li>
                            <li><span>Data Analysis & Visualization:</span><br>PowerBI, Pandas, NumPy, Matplotlib, Seaborn</li>
                            <li><span>Web Development: </span><br>HTML, CSS</li>   
                            <li><span>Simulation & Modeling Tools: </span><br>Matlab</li>
                            <!-- <li><span>AI & NLP: </span><br>AI & NLP: ChatGPT API, DeepSeek-R1 API</li>       -->
                            <!-- <li><span>Programming Languages: </span><br>Python, C, JavaScript, R, SQL, MATLAB</li>
                            <li><span>Data Science & Engineering: </span><br>Data Analysis & Manipulation: Pandas, NumPy, Dask, Vaex</li>
                            <li><span>Data Visualization: </span><br>Matplotlib, Seaborn, Plotly, Tableau, Power BI, Google Data Studio</li>
                            <li><span>Data Processing & Cleaning: </span><br>SQL, Power Query, Excel, OpenRefine</li>
                            <li><span>Data Wrangling & ETL: </span><br>Apache Spark, Apache Kafka, Talend</li>
                            <li><span>Big Data Technologies: </span><br>Hadoop, Hive, MapReduce</li>
                            <li><span>Machine Learning (ML) & Deep Learning (DL): </span><br>Supervised Learning: Scikit-learn, XGBoost, LightGBM, CatBoost</li>
                            <li><span>Unsupervised Learning: </span><br>K-Means, DBSCAN, PCA, Autoencoders</li>
                            <li><span>Deep Learning Frameworks: </span><br>TensorFlow, Keras, PyTorch</li>
                            <li><span>Neural Networks: </span><br>CNNs, RNNs, LSTMs, GANs</li>
                            <li><span>Model Optimization: </span><br>Hyperparameter tuning, GridSearchCV, RandomSearchCV, Optuna</li>
                            <li><span>AI & NLP: </span><br>Natural Language Processing: spaCy, NLTK, Gensim, Hugging Face, BERT, GPT</li>
                            <li><span>Text Preprocessing: </span><br>Tokenization, Lemmatization, Stopword Removal, Named Entity Recognition (NER)</li>
                            <li><span>Text Classification: </span><br>TF-IDF, Word2Vec, Doc2Vec, BERT, Transformer models</li>
                            <li><span>Chatbots & Conversational AI: </span><br>Dialogflow, Rasa, OpenAI API</li>
                            <li><span>Sentiment Analysis & Text Generation: </span><br>LSTM, GPT, BERT</li>
                            <li><span>Recommendation Systems: </span><br>Collaborative Filtering, Content-Based, Hybrid Models</li>
                            <li><span>Cloud & Infrastructure: </span><br>AWS, Google Cloud, Microsoft Azure</li>
                            <li><span>Data Storage & Databases: </span><br>MySQL, PostgreSQL, MongoDB, NoSQL, Hadoop HDFS, Google BigQuery</li>
                            <li><span>Containerization & Virtualization: </span><br>Docker, Kubernetes</li>
                            <li><span>Data Pipelines: </span><br>Apache Airflow, Luigi, Prefect</li>
                            <li><span>Version Control & Collaboration: </span><br>Git, GitHub, GitLab, Bitbucket</li>
                            <li><span>Continuous Integration/Continuous Deployment (CI/CD) Pipelines: </span><br>Jenkins, GitLab CI, Travis CI</li>
                            <li><span>Robotics & Simulations: </span><br>ROS (Robot Operating System), Arduino, Raspberry Pi</li>
                            <li><span>Simulation & Modeling Tools: </span><br>Simulink, COMSOL, AnyLogic</li>
                            <li><span>Machine Learning & Deep Learning: </span><br>Reinforcement Learning: OpenAI Gym, RLlib, Stable-Baselines</li>
                            <li><span>Transfer Learning & Fine-Tuning: </span><br>Pre-trained models</li>
                            <li><span>Generative AI (GenAI): </span><br>GANs, Variational Autoencoders (VAE), DALL·E, CLIP</li>
                            <li><span>Style Transfer & Text-to- Image Models: </span><br>Stable Diffusion, MidJourney</li>
                            <li><span>Transformer Models: </span><br>T5, RoBERTa, GPT-3, GPT-4</li>
                            <li><span>Speech Recognition & Synthesis: </span><br>Google Speech-to-Text, OpenAI Whisper, DeepSpeech</li>
                            <li><span>AI-powered Chatbots: </span><br>Advanced conversational models using Rasa, OpenAI API</li>
                            <li><span>Cloud Computing & Distributed Systems: </span><br>AWS SageMaker, Google AI Platform, Azure Machine Learning</li>
                            <li><span>Big Data Processing: </span><br>Apache Flink, Apache Beam, Dask</li>
                            <li><span>Quantum Computing: </span><br>Qiskit, Cirq, IBM Quantum</li>
                            <li><span>Quantum Machine Learning: </span><br>Basic concepts and implementation</li>
                            <li><span>Autonomous Systems: </span><br>Autonomous Vehicles: Lidar, sensor fusion, autonomous driving algorithms</li>
                            <li><span>Robotics Simulation: </span><br>V-REP, Gazebo, Unity Robotics</li>
                            <li><span>Data Engineering: </span><br>Data Orchestration & Pipelines: Airflow, Dagster, Kedro</li>
                            <li><span>Data Warehouse Technologies: </span><br>Snowflake, Redshift, Google BigQuery</li>
                            <li><span>Data Streaming & Real-time Analytics: </span><br>Apache Kafka, Apache Flink, Apache Pulsar</li> -->
                                      
                        </ul>
                    </div>
                    <div class="tabcontents" id="experience">
                        <ul>
                            <!-- <li><span>Data Science</span><br>Exploring and analyzing large datasets to extract meaningful insights using machine learning and statistical methods.</li> -->
                            <!-- <li><span>Machine Learning</span><br>Applying algorithms to develop predictive models and improve decision-making processes.</li> -->
                            <!-- <li><span>Mathematical Modeling</span><br>Creating mathematical representations to simulate real-world phenomena and solve complex problems.</li> -->
                            <li><span>Programming</span><br>Proficient in Python, C, and MATLAB, using them for data analysis, simulations, and algorithm development.</li>
                            <li><span>Data Visualization</span><br>Utilizing tools like Power BI and Excel to present data insights through intuitive and interactive visualizations.</li>
                            <!-- <li><span>AI and Simulation</span><br>Exploring applications of AI and creating simulations to solve challenges in fields like robotics and generative AI.</li> -->
                        </ul>
                        
                    </div>
                    <div class="tabcontents" id="education">
                        <ul>
                            <li><span>Pre-engineering Degree in Physics and Chemistry</span><br>2 years</li>
                            <li><span>Current Education</span><br>1st-year Applied Mathematics and Modeling student at ENSIT, specializing in Data Science and AI.</li>                       
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


<!--------Projects------->
    <div id="projects">
        <div class="container">
            <h1 class="subtitle">My Projects</h1>
            <div class="worklist">
                <div class="work">
                    <img src="Images/customer Segmentation.png">
                    <div class="layer">
                        <h3>Customer Segmentation Using Clustering</h3>
                        <p>Applied K-Means to segment customers based on behavior and demographics, enabling personalized marketing strategies and deeper customer insights.</p>
                        <a href="https://github.com/Taha2053/Customer-Segmentation-Using-Clustering", target="_blank"><i class="fa-solid fa-link"></i></a>
                    </div>
                </div>
                <div class="work">
                    <img src="Images/work1.jpg">
                    <div class="layer">
                        <h3>Project2</h3>
                        <p>Description of project 2</p>
                        <a href="#"><i class="fa-solid fa-link"></i></a>
                    </div>
                </div>
                <div class="work">
                    <img src="Images/work1.jpg">
                    <div class="layer">
                        <h3>Project3</h3>
                        <p>Description of project 3</p>
                        <a href="#"><i class="fa-solid fa-link"></i></a>
                    </div>
                </div>
            </div>
            <a href="https://github.com/Taha2053" class="btn", target="_blank">See More</a>
        </div>
    </div>

<!--------services------->
<div id="services">
    <div class="container">
        <h1 class="subtitle">My Services - Not available yet</h1>
        <div class="serviceslist">
            <div>
                <i class="fa-solid fa-database"></i> 
                <h2>Data Cleaning and Preparation</h2>
                <p>I offer freelance data cleaning and preparation services to help you transform raw data into accurate, reliable, and analysis-ready formats. Whether you're working with messy datasets or incomplete data, I specialize in cleaning and preprocessing data to remove inconsistencies, handle missing values, and standardize formats. My services include data wrangling, outlier detection, data transformation, and feature engineering to ensure that your data is well-organized and ready for analysis, machine learning models, or reporting. By ensuring your data is of the highest quality, I help you make informed decisions based on accurate and actionable insights.</p>
                <a href="#contact">Learn more</a>
            </div>
            <div>
                <i class="fa-solid fa-code-branch"></i>                  
                <h2>Data Analysis</h2>
                <p>I offer freelance data analysis services to help individuals and businesses make data-driven decisions. With a focus on accuracy and clarity, I work with clients to clean, analyze, and interpret data to uncover insights that drive actionable outcomes. Using tools like Power BI and Excel, I provide customized solutions ranging from basic data cleaning and reporting to complex analysis and predictive modeling. Whether you're looking to improve operational efficiency, track performance, or gain a deeper understanding of your data, my services are designed to meet your unique needs and objectives.</p>
                <a href="#contact">Learn more</a>
            </div>
            <div>
                <i class="fa-solid fa-hexagon-nodes-bolt"></i>
                <h2>Business Intelligence Solutions</h2>
                <p>As a freelance Business Intelligence (BI) consultant, I provide data-driven solutions that help businesses make better, more informed decisions. By leveraging powerful tools like Power BI, Excel, and other BI platforms, I deliver customized dashboards, reports, and data visualizations that present key metrics in a clear and actionable format. I specialize in creating interactive, real-time dashboards that allow businesses to monitor performance, track trends, and uncover valuable insights. Whether you're looking to optimize operations, improve sales, or gain a deeper understanding of your data, I can help you unlock the full potential of your business data through intelligent, data-centric solutions.</p>
                <a href="#contact">Learn more</a>
            </div>
        </div>
    </div>
</div>

<!---------Posts------------->
<div id="posts">
    <div class="container">
        <h1 class="subtitle">My Posts</h1>
        <div class="postslist">
            <div>
                <i class="fa-regular fa-newspaper"></i>                   
                <h2>Understanding Prompt Engineering</h2>
                <p>The article explains the fundamentals of prompt engineering, focusing on techniques for crafting effective prompts to guide AI models towards desired outputs.</p>
                <a href="posts-folder/PromptEngineering/PromptEngArticle.html">Learn more</a>
            </div>
            <div>
                <i class="fa-regular fa-newspaper"></i>                   
                <h2>Agentic AI</h2>
                <p>AI agents are autonomous systems that perform complex tasks, plan, learn, and adapt. They differ from chatbots by utilizing tools and making independent decisions. The article highlights their architecture, types, and the need for human supervision.</p>
                <a href="posts-folder/Agentic AI/AIAgentsArticle.html">Learn more</a>
            </div>
            <!-- 
            <div>
                <i class="fa-regular fa-newspaper"></i>
                <h2>Exploring Quantum Computing</h2>
                <p>Quantum computing is transforming the tech industry. This article covers the basics of quantum computing and its potential applications.</p>
                <a href="posts.html">Learn more</a>
            </div>
            <div>
                <i class="fa-regular fa-newspaper"></i>
                <h2>The Future of Data Science</h2>
                <p>Data science continues to evolve with new tools and techniques. This post explores emerging trends and the future of data science in various industries.</p>
                <a href="posts.hmtl">Learn more</a>
            </div>
        </div>
        <a href="posts.html" class="btn">See More</a>
        -->
    </div>
    <a href="posts.html" class="btn">See More</a>
</div>

<!--------Contact-------->
    <div id="contact">
        <div class="container">
            <div class="row">
                <div class="contactleft">
                    <h1 class="subtitle">Contact Me</h1>
                    <p><i class="fa-solid fa-paper-plane"></i><a style="color: white;" href="mailto:almouthana.taha.khalfallah@gmail.com">almouthana.taha.khalfallah@gmail.com</a></p>
                    <!-- <p><i class="fa-solid fa-phone"></i>+216 0123456789</p> -->
                    <div class="socialicons">
                        <!-- <a href=""><i class="fa-brands fa-facebook"></i></a> -->
                        <a href="https://github.com/Taha2053", target="_blank"><i class="fa-brands fa-github"></i></a>
                        <!-- <a href=""><i class="fa-brands fa-instagram"></i></a> -->
                        <a href="https://www.linkedin.com/in/almouthana-taha-khalfallah-841237261/", target="_blank"><i class="fa-brands fa-linkedin"></i></a>
                        <!-- <a href="https://medium.com/@Almouthana_Taha_Khalfallah"><i class="fa-brands fa-medium"></i></a> -->
                        
                    </div>
                    <a href="Files/My CV - eng.pdf" download class="btn btn2">Download CV (EN)</a>
                    <a href="Files/My CV - fr.pdf" download class="btn btn2">Download CV (FR)</a>                </div>
                <div class="contactright">
                    <form name="submit-to-google-sheet">
                        <input type="text" name="Name" placeholder="Your Name" required>
                        <input type="email" name="Email" placeholder="Yout Email" required>
                        <textarea name="message" rows="6" placeholder="Your Message"></textarea>
                        <button type="submit" class="btn btn2">Submit</button>
                    </form>
                    <span id="msg"></span>
                </div>
            </div>
        </div>
        <div class="copyright">
            <p>
                Copyright © Almouthana Taha Khalfallah. 2025 All rights reserved
            </p>
        </div>
    </div>
    
<script>
    var tablinks = document.getElementsByClassName("tablinks")
    var tabcontents = document.getElementsByClassName("tabcontents")

    function opentab(tabname){
        for(tablink of tablinks){
            tablink.classList.remove("activelink");
        }
        for(tabcontent of tabcontents){
            tabcontent.classList.remove("activetab");
        }
        event.currentTarget.classList.add("activelink");
        document.getElementById(tabname).classList.add("activetab");
    }
</script>

<!-------Js for the side menu of the phone---->
<script>
    var sidemenu = document.getElementById("sidemenu");

    function openmenu(){
        sidemenu.style.right = "0"
    }
    function closemenu(){
        sidemenu.style.right = "-200px"
    }
</script>

<script>
    const scriptURL = 'https://script.google.com/macros/s/AKfycbzTZvOT6A32VRj6eZ5ozr22och8IryIvtJ-O-MjWZKILD4YkKCyS0-MuMiyR6fAizbI/exec'
    const form = document.forms['submit-to-google-sheet']
    const msg = document.getElementById("msg")
  
    form.addEventListener('submit', e => {
      e.preventDefault()
      fetch(scriptURL, { method: 'POST', body: new FormData(form)})
        .then(response => {
            msg.innerHTML="Message sent successfully"
            setTimeout(function(){
                msg.innerHTML=""
            },5000)
            form.reset()
        })
        .catch(error => console.error('Error!', error.message))
    })
</script>

</body>
</html>