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

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

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

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

  • ie
  • Chrome
  • Firefox
  • Safari
  • Opera

+9

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


<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>