06 Projects Section (Adding a New Porject)

  • id: projects

  • Section number: 06

To add a new project you need the following structure inside the content (<section>) with the .projects-section class:

<article class="project-item">
    <div class="project-img-content">
        <img src="(url-image-project)" alt="">
    </div>
        <div class="info-project">
            <h4>Porject Name</h4>
            <ul class="technologies-content flex gap-10">
                <li class="technology-pill">
                    <img src="(url-icon)" alt="">
                        Technology
                </li>
                <li class="technology-pill">
                    <img src="(url-icon)" alt="">
                        Technology
                </li>
                <li class="technology-pill">
                    <img src="(url-icon)" alt="">
                        Technology
                </li>
            </ul>
        <p>Project Description</p>
        <a href="#" class="preview-btn" alt="link icon">
            Preview
            <img src="./icons/link.svg" alt="link icon">
        </a>
    </div>  
</article>

Last updated