card.html

<!-- CARD -->
<div class="projects-card">

    <!-- IMG -->
    <!-- <div class="projects-card-img">
        <img src="<?php echo get_bloginfo('template_url') ?>/assets/robot-arm-1.png">
    </div> -->
    <!-- END OF IMG -->

    <!-- CARD BODY -->
    <div class="projects-card-body">

        <!-- CARD HEADING -->
        <h4>Robotic Arm</h4>

        <!-- WHAT -->
        <div class="projects-card-what">
            <h5>What: </h5>
            <p>This was a project done for the class CEG 4158 (Computer Control in Robotics) in which we were required to determine both the kinematic equation and inverse kinematic equation for a 5 jointed robotic arm.</p>
        </div>
        <!-- END OF WHAT -->

        <!-- HOW -->
        <div class="projects-card-how">
            <h5>How: </h5>
            <div class="about-card-tags">
                <span>MATLAB</span>
            </div>
        </div>
        <!-- END OF HOW -->

        <!-- VIEW MORE -->
        <div class="projects-card-view-more">
            <button onclick="location.href='http://www.google.com'" type="button">See More</button>
            <div class="projects-card-social-links">
                <a href="" target="_blank"><img class="projects-cards-social" src="<?php echo get_bloginfo('template_url') ?>/assets/github.svg"></a>
            </div>
        </div>
        <!-- END OF VIEW MORE -->

    </div>
    <!-- END OF CARD BODY -->

</div>
<!-- CARD END -->