Rosure
  • 👋Documentation for Rosure Portfolio
  • Getting Started
    • 🎯Features
    • ➡️Sections Overview
  • Setup and Configuration
    • 📍Getting Started
    • 🎨Customization
      • Adding a New Section
      • 03 What I do Section (Adding a New Service)
      • 04 Skills Section (Adding a New Skill)
      • 05 Experience Section (Adding work experience)
      • 06 Projects Section (Adding a New Porject)
      • 07 Enabling the Contact Form
      • Set Default Theme and Configure Toggle Button
    • 🖌️Global Styles
  • Additional
    • 📄Licenses
    • 💌Credits
Powered by GitBook
On this page
  1. Setup and Configuration
  2. Customization

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>
Previous05 Experience Section (Adding work experience)Next07 Enabling the Contact Form

Last updated 4 months ago

🎨