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

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

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

پشتیبانی مرورگر ها

  • ie
  • Chrome
  • Firefox
  • Safari
  • Opera

+9

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


<!-- قسمت معرفی -->
<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>

سوالت رو توی پنل بحث و گفتگو مطرح کن.

4 دیدگاه برای “قالب نمونه کار

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *