<!DOCTYPE html>
<html lang="en">



<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Daniel Huang</title>
    <link rel="stylesheet" href="css/main.css?v6">
    <link rel="stylesheet" href="css/home.css?v6">
    <link rel="icon" href="images/icons/Daniel Logo-favicon.png">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
    <script src="scripts.js?v3"></script>
</head>


<body>

    <!-- Navbar (sit on top) -->
    <div class="w3-top">
        <div class="w3-bar " id="myNavbar">
            <a class="mini-menu w3-bar-item w3-right" href="javascript:void(0);" onclick="toggleMiniMenu()" title="Toggle Navigation Menu">
                <i class="fa fa-bars"></i>
            </a>
            <a href="index.html#profile" class="w3-bar-item w3-wide"> <img src="images/icons/Daniel Logo.png" class="transparent100" alt="Daniel Huang"></a>
            <!-- Right-sided navbar links -->
            <div class="menu-items">
                <a href="index.html#profile" class=""><i class="fa fa-home"></i> HOME</a>
                <a href="aboutme.html" class=""><i class="fa fa-user-circle-o"></i> ABOUT ME</a>
                <a href="contact.html" class=""><i class="fa fa-id-card-o"></i> CONTACT</a>
                <a href="https://drive.google.com/file/d/1CBbre44Z8b56a5ZMp4wdW5h1joFGMpd4/view?usp=sharing" target="_blank " class=""><i class="fa fa-address-book"></i> RESUME</a>
            </div>
        </div>

        <!-- Navbar on small screens -->
        <div id="navmenu" class="transparent75">
            <a href="index.html#profile" class="w3-bar-item w3-button" onclick="toggleMiniMenu()"><i
                    class="fa fa-home"></i> HOME</a>
            <a href="index.html#workexperience" class="w3-bar-item w3-button" onclick="toggleMiniMenu()"><i
                        class="fa fa-building"></i> MY EXPERIENCE</a>
            <a href="index.html#projects" class="w3-bar-item w3-button" onclick="toggleMiniMenu()"><i
                    class="fa fa-lightbulb-o"></i> PROJECTS</a>
            <a href="aboutme.html" class="w3-bar-item w3-button" onclick="toggleMiniMenu()"> <i class="fa fa-user-circle-o"></i> ABOUT ME</a>
            <a href="contact.html" class="w3-bar-item w3-button" onclick="toggleMiniMenu()"><i
                    class="fa fa-id-card-o"></i>
                CONTACT</a>
            <a href="https://drive.google.com/file/d/1CBbre44Z8b56a5ZMp4wdW5h1joFGMpd4/view?usp=sharing" target="_blank " class="w3-bar-item w3-button" onclick="toggleMiniMenu()"><i
                    class="fa fa-address-book"></i> RESUME</a>
        </div>
    </div>

    <!-- Header with full-height image -->
    <header class="home-backgroundpic parallax w3-display-container w3-grayscale-min" id="home">
        <div class="w3-display-left w3-text-white" style="padding:48px">
            <span class="cover-photo-title">Daniel Huang</span>
            <div class="w3-large cover-photo-text">
                <p><i class="fa fa-code"></i> Software Developer</p>
                <p><i class="fa fa-th"></i> Automation Enthusiast</p>
                <p><i class="fa fa-lock"></i> Aspiring Cybersecurity Engineer</p>
                <p><i class="fa fa-gamepad"></i> Avid Gamer </p>
            </div>
            <a href="index.html#profile" class="w3-button w3-white w3-padding-large w3-large w3-opacity w3-hover-opacity-off">Learn
                    More About Me</a>
        </div>
        <div class="cover-social">
            <a href="https://github.com/dhuang99" target="_blank " class="fa fa-github w3-hover-opacity"></a>
            <a href="https://www.facebook.com/danielhuang99/" target="_blank " class="fa fa-facebook-official w3-hover-opacity"> </a>
            <a href="https://www.linkedin.com/in/daniel-huang426/" target="_blank" class="fa fa-linkedin w3-hover-opacity"></a>
            <a href="mailto:danielhuang99@gmail.com" target="_blank" class="fa fa-envelope w3-hover-opacity"></a>
        </div>
    </header>

    <!-- Profile Picture -->


    <section class="profile primary-color-scheme" id="profile">
        <br><br><br>
        <h2 class="divider ">Profile</h2>
        <div class="propic">
            <div class="side-text">
                <p> Hi! My name is Daniel Huang and I recently graduated from the University of Maryland with a Bachelor's of Science in Computer Science.</p>
            </div>
            <div>
                <img src="images/Pro Pic.jpg" alt="Daniel Huang">
            </div>
            <div class="side-text">
                <p> Whether I am in the work place or playing games, I seek to optimize my experience by creating tools to streamline my work. <br> <a href="aboutme.html"> Read more --></a></p>
            </div>
        </div>

        <div class="propic-small" id="propic">

            <div>
                <img src="images/Pro Pic.jpg" alt="Daniel Huang">
            </div>
            <div class="side-text">
                <p> Hi! My name is Daniel Huang and I recently graduated from the University of Maryland with a Bachelor's of Science in Computer Science.</p>
            </div>
            <div class="side-text">
                <p> Whether I am in the work place or playing games, I seek to optimize my experience by creating tools to streamline my work. <br> <a href="aboutme.html"> Read more --></a></p>
            </div>
        </div>

    </section>


    <!-- TIMELINE -->
    <div id="workexperience" class="sectionClass primary-color-scheme">
        <br><br><br>
        <h2 class="divider">My Experience</h2>
        <div class="row ">
            <div class="fullWidth eight columns">
                <ul class="cbp_tmtimeline">
                    <li>
                        <div class="cbp_tmicon">
                            <img src="images/icons/umd logo.jpg" alt="University of Maryland College Park">
                        </div>
                        <div class="cbp_tmlabel wow fadeInRight animated">
                            <h3>Technical Support Lead</h3>
                            <div class="date">
                                <i class="fa fa-calendar"></i>Jan 2020 - May 2021
                            </div>
                            <h4><i class="fa fa-gear"></i>Terrapin Tech, College Park</h4>
                            <p class="projectParagraph">
                                Worked with management to mitigate the impact of transitioning from in-person to remote.
                                <br> Created Python and Bash scripts to help streamline processes.
                                <br> <a href="index.html#projects">Read more --></a>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="cbp_tmicon">
                            <img src="images/icons/davislogo.png" alt="James G. Davis Construction">
                        </div>
                        <div class="cbp_tmlabel wow fadeInRight animated">
                            <h3>Intern</h3>
                            <h4><i class="fa fa-legal"></i>James G. Davis Construction, Rockville</h4>
                            <div class="date"><i class="fa fa-calendar"></i>May 2019 - August 2019</div>
                            <p class="projectParagraph">
                                Created PowerShell scripts to automate tedious and repetative processes for asset management and employee directory management.
                                <br>
                                <a href="index.html#projects">Read more --></a>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="cbp_tmicon">
                            <img src="images/icons/umd logo.jpg" alt="University of Maryland College Park">
                        </div>
                        <div class="cbp_tmlabel wow fadeInRight animated">
                            <h3>Technical Support Specialist</h3>
                            <h4><i class="fa fa-wrench"></i>Terrapin Tech, College Park</h4>
                            <div class="date"><i class="fa fa-calendar"></i>January 2018 - January 2020</div>
                            <p class="projectParagraph">
                                Solved incident-based issues with operating systems, application software, licensing, and hardware repairs on 1000+ Apple, Dell, Lenovo, and HP computers. Effectively communicated complex technical subjects to 500+ non-technical personnel.
                            </p>

                        </div>
                    </li>
                    <li>
                        <div class="cbp_tmicon">
                            <img src="images/icons/umd logo.jpg" alt="University of Maryland College Park">
                        </div>
                        <div class="cbp_tmlabel wow fadeInRight animated">
                            <h3>Student</h3>
                            <h4><i class="fa fa-graduation-cap"></i>Terrapin Tech, College Park</h4>
                            <div class="date"><i class="fa fa-calendar"></i>August 2017 - May 2021</div>
                            <p class="projectParagraph">Obtained Bachelor's of Science in Computer Science on the Cybersecurity track.</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- EXPERTISE (work in progress) -->

    <!-- <div class="divider-div">
        <br>
        <br>
        <h2 class="divider " >My Expertise</h2>
    </div> -->




    <!-- PROJECTS -->

    <div class="divider-div" id="projects">
        <h2 class="divider ">My Projects</h2>
    </div>


    <!-- TEXT GUI TOOL -->
    <div id="container">

        <div class="product-details">

            <h1>TEXT GUI TOOL</h1>

            <p class="information"> <br> A simple Python GUI that I created during my time at <b>Terrapin Tech</b> that streamlines the process of copy-pasting email templates to respond to customer emails.
            </p>

            <div class="control">
                <button class="btn">

                    <span class="git-text" aria-hidden="true"> <a href="https://github.com/dhuang99/Text-GUI-Tool"
                            target="_blank">Open in New Tab?</a> </span>
                    <span class="git-icon"><i class="fa fa-github"></i></span>
                    <span class="git-button">See in Github</span>
                </button>
            </div>
        </div>
        <div class="product-image">
            <img src="images/icons/Text GUI.png" alt="">
            <div class="info">
                <h2> Project Details </h2>
                <ul>
                    <li><strong>Languages : </strong> Python</li>
                    <li><strong>Operating System : </strong> Windows 10</li>
                    <li><strong>Tools: </strong>Tkinter</li>
                </ul>
            </div>
        </div>
    </div>

    <!-- PDF NAME ORGANIZER -->
    <div id="container">

        <div class="product-details">

            <h1>PDF NAME ORGANIZER</h1>

            <p class="information"> <br> A PowerShell script that takes pre-named PDFs and moves them to their appropriate folder at a specified destintation.
            </p>

            <div class="control">
                <button class="btn">
                    <span class="git-text" aria-hidden="true"><a href="https://github.com/dhuang99/PDF-Name-Organizer"
                            target="_blank">Open in New Tab?</a> </span>
                    <span class="git-icon"><i class="fa fa-github"></i></span>
                    <span class="git-button">See in Github</span>
                </button>
            </div>
        </div>
        <div class="product-image para">
            <img src="images/icons/Folder Transfer.png" alt="Folder PDF Transfer Logo Icon">
            <div class="info">
                <h2> Project Details </h2>
                <ul>
                    <li><strong>Languages : </strong> PowerShell</li>
                    <li><strong>Operating System : </strong> Windows 10</li>
                    <li><strong>Tools: </strong>N/A</li>

                </ul>
            </div>
        </div>
    </div>

    <!-- USER SETUP AUTOMATION -->

    <div id="container">

        <div class="product-details">

            <h1>USER SETUP AUTOMATION</h1>

            <p class="information"> <br> A PowerShell that changes various Windows settings and installs software for newly imaged Windows-based assets.

            </p>

            <div class="control">
                <button class="btn">
                    <span class="git-text" aria-hidden="true"><a
                            href="https://github.com/dhuang99/User-Setup-Automation" target="_blank">Open in New
                            Tab?</a> </span>
                    <span class="git-icon"><i class="fa fa-github"></i></span>
                    <span class="git-button">See in Github</span>
                </button>
            </div>
        </div>
        <div class="product-image">
            <img src="images/icons/User Profile Setup.png" alt="User Profile Setup Icon">
            <div class="info">
                <h2> Project Details </h2>
                <ul>
                    <li><strong>Languages : </strong> PowerShell</li>
                    <li><strong>Operating System : </strong> Windows 10</li>
                    <li><strong>Tools: </strong>N/A</li>

                </ul>
            </div>
        </div>
    </div>


    <footer>
        <div class="footer-content">

            <div class="copyright"> <i class="fa fa-copyright"></i> &nbsp;Daniel Huang</div>

            <div class="social-icons">
                <a href="https://github.com/dhuang99"><i class="fa fa-github"></i></a>
                <a href="https://www.facebook.com/danielhuang99/"><i class="fa fa-facebook"></i></a>
                <a href="https://www.linkedin.com/in/daniel-huang426/"><i class="fa fa-linkedin"></i></a>
                <a href="mailto:danielhuang99@gmail.com"><i class="fa fa-envelope"></i></a>
            </div>
        </div>
    </footer>
</body>

</html>