در این مطلب کد آماده یک قالب برای معرفی پروژه در اختیار شما قرار گرفته است. منبع اصلی این قالب از این لینک قابل دسترس است و با توجه به کپی رایت این سایت می توانید از این قالب در هر گونه پروژه ای استفاده کنید اما خود قالب قابل فروش نمی باشد. این قالب توسط ما فارسی و بروز و ساده سازی شده است.
- 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>
سلام
بسیار کار جالب و ایده قشنگی هست حتما ازش استفاده میکنم.
سلام. خوشحالم که مفید بوده واستون.
سلام می خواستم بدونم چطوری این پرالاکس رو درست کردید هنگام عکس روی بک گراند پروژه ها