قالب آماده معرفی پروژه

در این مطلب کد آماده یک قالب برای معرفی پروژه در اختیار شما قرار گرفته است. منبع اصلی این قالب از این لینک قابل دسترس است و با توجه به کپی رایت این سایت می توانید از این قالب در هر گونه پروژه ای استفاده کنید اما خود قالب قابل فروش نمی باشد. این قالب توسط ما فارسی و بروز و ساده سازی شده است.

ساختار اصلی این قالب شامل سه قسمت منوی اصلی و لیست پروژه ها و جزییات پروژه می باشد که در اینجا نشان داده شده است:

<header>
  <a href="#" class="cd-logo"><img src="img/cd-logo.svg"></a>
  
  <button class="cd-nav-trigger">منو<span aria-hidden="true" class="cd-icon"></span></button>
</header>
 
<nav class="cd-primary-nav">
  <ul>
    <li class="cd-label"></li>
    <li><a href="#0">درباره ما</a></li>
    <!-- آیتم های دگیر منو -->
  </ul>
</nav>
 
<div class="cd-projects-container">
  <ul>
    <li class="single-project">
      <div class="cd-title">
        <h2>پروژه 1</h2>
      </div>
 
      <div class="cd-project-info">
        <button class="cd-scroll">به این سمت</button>
        
        <div class="content-wrapper">
          <p>
            محتوای مربوط به پروژه...
          </p>
 
          <!-- اطلاعات دیگر در مورد پروژه -->
        </div>
      </div>
    </li>
 
    <!-- پروژه های دیگر اینجا قرار می گیرند -->
  </ul>
</div>