قالب نمونه کار

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

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

<!-- قسمت معرفی -->
<div class="cd-intro-block">
  <div class="content-wrapper">
    <h1>عنوان اصلی</h1>
    <a href="#0" class='cd-btn' data-action="load-projects">نمونه کارها</a>
  </div>
</div>

<!-- لیست نمونه کار ها -->
<div class="cd-projects-wrapper">
  <ul class="cd-slider">
    <li class="current">
      <a href="#0">
        <img src="img/img.png" alt="project image">
        <div class="project-info">
          <h2>نمونه کار 1</h2>
          <p>توضیح در مورد نمونه کار</p>
        </div>
      </a>
    </li>
 
    <li>
      <!-- بقیه نمونه کار ها اینجا تکرار می شوند -->
    </li>

  </ul>
 
  <ul class="cd-slider-navigation cd-img-replace">
    <li><a href="#0" class="prev inactive">قبلی</a></li>
    <li><a href="#0" class="next">بعدی</a></li>
  </ul>
</div>
 
<!-- جزییات نمونه کار -->
<div class="cd-project-content">
  <div>
    <h2>عنوان نمونه کار</h2>
    <em>زیر عنوان</em>
    <!-- محتوای اصلی پروژه و نمونه کار اینجا قرار می گیرد -->
  </div>
  <a href="#0" class="close cd-img-replace">بستن</a>
</div>