<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Projects</title>    <link rel="stylesheet" href="/pages/css/projects.css">    <link rel="stylesheet" href="/style.css"></head><body>     <!-- Sidebar and Header Section -->    <header>        <div class="sidebar-left"></div>        <div class="header-content">            <div class="header-content">                <h1 class="blog-title">Kris Yotam</h1>                <p class="blog-subtitle">                    Thoughts on number theory, numerical analysis, competitive mathematics, math history, puzzles, and pedagogy.                </p>            </div>            <nav class="navbar">                <ul>                    <li><a href="/index.html">HOME</a></li>                    <li><a href="/pages/html/book-picks.html">BOOK PICKS</a></li>                    <li><a href="/pages/html/projects.html">PROJECTS</a></li>                    <li><a href="/pages/html/resources.html">RESOURCES</a></li>                    <li><a href="/pages/html/about.html">ABOUT</a></li>                </ul>            </nav>        </div>    </header>     <!-- Main Projects Content -->    <div class="content-wrapper">        <section class="project-section">            <h2>Mathematics Projects</h2>                <!-- Project 1 -->            <div class="category-card">                <h2>Classical Mathematics</h2>                <div class="project-list">                    <div class="project">                        <img src="/assets/projects/classical_math.jpg" alt="ClassicalMath">                        <div class="project-info">                            <p>A mixed modern & ad fontes approach to re-learning mathematics</p>                            <a href="https://github.com/krisyotam/classicalmath" target="_blank" class="github-link">View on GitHub</a>                        </div>                    </div>                </div>            </div>             <!-- Project 1 -->            <div class="category-card">                <h2>IU Mathematics</h2>                <div class="project-list">                    <div class="project">                        <img src="/assets/projects/iu.jpg" alt="IU Mathematics">                        <div class="project-info">                            <p>A brief description of Project 1, detailing its objectives and what technologies were used.</p>                            <a href="https://github.com/krisyotam/IUmathematics" target="_blank" class="github-link">View on GitHub</a>                        </div>                    </div>                </div>            </div>             <!-- Project 2 -->            <div class="category-card">                <h2>MIT Pure Math</h2>                <div class="project-list">                    <div class="project">                        <img src="/assets/projects/mit.jpg" alt="MIT Pure Math">                        <div class="project-info">                            <p>A brief description of Project 2, detailing its objectives and what technologies were used.</p>                            <a href="https://github.com/krisyotam/MITpuremath" target="_blank" class="github-link">View on GitHub</a>                        </div>                    </div>                </div>            </div>             <!-- Project 3 -->            <div class="category-card">                <h2>Yotam Lectures</h2>                <div class="project-list">                    <div class="project">                        <img src="/assets/projects/yotam_lectures.jpg" alt="Yotam Lectures">                        <div class="project-info">                            <p>A brief description of Project 2, detailing its objectives and what technologies were used.</p>                            <a href="https://github.com/krisyotam/yotamlectures" target="_blank" class="github-link">View on GitHub</a>                        </div>                    </div>                </div>            </div>             <!-- Project 4 -->            <div class="category-card">                <h2>Mathematical Association of America (MAA) Solutions</h2>                <div class="project-list">                    <div class="project">                        <img src="/assets/projects/math_association_of_america.jpg" alt="MAA Solutions">                        <div class="project-info">                            <p>A brief description of Project 2, detailing its objectives and what technologies were used.</p>                            <a href="https://github.com/krisyotam/MAA" target="_blank" class="github-link">View on GitHub</a>                        </div>                    </div>                </div>            </div>             <!-- Project 5 -->            <div class="category-card">                <h2>Little Math Library</h2>                <div class="project-list">                    <div class="project">                        <img src="/assets/projects/little_math_lib.jpg" alt="Little Math Library">                        <div class="project-info">                            <p>A brief description of Project 2, detailing its objectives and what technologies were used.</p>                            <a href="https://github.com/krisyotam/littlemathlib" target="_blank" class="github-link">View on GitHub</a>                        </div>                    </div>                </div>            </div>             <!-- Project 6 -->            <div class="category-card">                <h2>Improve Your Math Fluency (I.Y.M.F)</h2>                <div class="project-list">                    <div class="project">                        <img src="project2.png" alt="Improve Your Math Fluency">                        <div class="project-info">                            <p>A brief description of Project 2, detailing its objectives and what technologies were used.</p>                            <a href="https://github.com/krisyotam/I.Y.M.F" target="_blank" class="github-link">View on GitHub</a>                        </div>                    </div>                </div>            </div>             <!-- Project 7 -->            <div class="category-card">                <h2>International Series of Pure and Applied Mathematics (IPSAM)</h2>                <div class="project-list">                    <div class="project">                        <img src="project2.png" alt="IPSAM">                        <div class="project-info">                            <p>A brief description of Project 2, detailing its objectives and what technologies were used.</p>                            <a href="https://github.com/krisyotam/ISPAM" target="_blank" class="github-link">View on GitHub</a>                        </div>                    </div>                </div>            </div>             <!-- Project 8 -->            <div class="category-card">                <h2>Humungous Problems Worked Out</h2>                <div class="project-list">                    <div class="project">                        <img src="project2.png" alt="Humungous Problems Worked Out">                        <div class="project-info">                            <p>A brief description of Project 2, detailing its objectives and what technologies were used.</p>                            <a href="https://github.com/krisyotam/humungousproblems" target="_blank" class="github-link">View on GitHub</a>                        </div>                    </div>                </div>            </div>             <!-- Add more projects as needed -->         </section>    </div>     <!-- Sticky Footer -->    <footer>        <p>&copy; 2024 Made with ❤️ by Kris Yotam</p>    </footer> </body></html>