project card – CSS Snippet

Go back

<div class="project-card">

    <div class="project-card-top">
        <span class="project-number">01</span>
        <span class="project-type">WEB PROJECT</span>
    </div>

    <div class="project-card-content">
        <h3>My Portfolio</h3>

        <p>
            A personal portfolio website built to showcase
            my skills, projects and achievements.
        </p>

        <div class="project-tags">
            <span>HTML</span>
            <span>CSS</span>
            <span>JavaScript</span>
        </div>
    </div>

    <a href="#" class="project-card-link">
        View Project ↗
    </a>

</div>