این قالب دارای بخش های درباره , تماس , بلاگ , تاریخچه , گالری عکس و توضیحات باکسی می باشد .

هم اکنون میتوانید این قالب را به صورت رایگان در ادامه مطلب دانلود نمایید .

دموی قالب 

دانلود قالب HTML تک صفحه ای Mountain King

گرداوری : وحید مجیدی

پخش اختصاصی

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

برخی از ویژگی های قالب :

دارای فرم رزرو آنلاین

صفحات درباره ما , تماس با ما , گالری تصاویر , صفحه ورود

دارای قالب مخصوص وبلاگ

طراحی ریسپانسیو بوت استریپ

اسلایدر تمام صفحه

فرم تماس با ما PHP

دموی قالب

دانلود قالب رزرو آنلاین تاکسی TaxiGo به صورت HTML

این صفحه به صورت تک پیچ بوده و به صورت html5 و css3 می باشد که دارای افکت زیبایی هست .

در این صفحه , فقط یک عکس به کار رفته است که به صورت css sprites تکه هایی از آن جدا شده و در 4 قالب قرار گرفته است که شما میتوانید به راحتی عکس را تغییر داده و از آن استفاده نمایید .

و اما آموزش :

ابتدا کد html زیر را در وب سایت خود قرار داده :

<div class="loz-vms-block">
    <div class="loz-vms-row">
        <div class="loz-vms-wrap">
        </div>
    </div>
    <div class="loz-vms-row">
        <a href="http://xn--mgbguh09aqiwi.com" class="loz-vms-wrap">
        <div class="overlay">
            <div class="overlay-content">
                Portfolio
            </div>
        </div>
        </a> <a href="http://xn--mgbguh09aqiwi.com" class="loz-vms-wrap">
        <div class="overlay">
            <div class="overlay-content">
                About
            </div>
        </div>
        </a>
    </div>
    <div class="loz-vms-row">
        <a href="http://xn--mgbguh09aqiwi.com" class="loz-vms-wrap polygon-clip-rhombus">
        <div class="overlay">
            <div class="overlay-content">
                Contact
            </div>
        </div>
        </a>
    </div>
</div>

    <svg class="vms-svg">
      <defs>
        <clipPath id="clip-diamond-demo" clipPathUnits="objectBoundingBox">
          <polygon points="0.5 0, 1 0.5, 0.5 1, 0 0.5" />
        </clipPath>
      </defs> 
    </svg>

حال کد زیر را در css سایت خود کپی کنید :

.vms-svg {
	width: 0;
	height: 0;
}
.loz-vms-row {
	text-align: center;
}
.loz-vms-row:first-of-type .loz-vms-wrap {
	background-position: top;
}
.loz-vms-row:nth-of-type(2) .loz-vms-wrap:nth-of-type(odd) {
	background-position: left;
}
.loz-vms-row:nth-of-type(2) .loz-vms-wrap:nth-of-type(even) {
	background-position: right;
}
.loz-vms-row:last-of-type .loz-vms-wrap {
	background-position: bottom;
}
.loz-vms-wrap {
	width: 300px;
	height: 300px;
	background-image: url(images/bg_vms.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
	-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	clip-path: url("#clip-diamond-demo");
}
.overlay {
	background: rgba(0, 125, 116, 0.6);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.overlay-content {
	color: rgba(255, 255, 255, 0.7);
	font-weight: 400;
	font-size: 170%;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.loz-vms-wrap:hover .overlay {
	-webkit-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	background: none;
}
.loz-vms-img {
	display: block;
}

@media only screen and (min-width: 650px) {
.loz-vms-row {
	margin-top: -154px;
}
.loz-vms-row:first-of-type {
	margin-top: auto;
}
.loz-vms-wrap {
	display: inline-block;
}
}

نکته 1 : در کد های css به جای bg_vms.jpg میتوانید آدرس عکس مورد نظر خود را وارد نمایید .

نکته 2 : همان طور که گفته شده بود این 4 لوزی همگی از یک عکس استفاده میکنند و نقاط مختلفی از آن را در خود نمایش میدهند , پس برای تعوضی مکان قرار گیری میتوانید در کد های css بالا از خط شماره 11 تا خط 22 را با توجه به سلیقه خود تغییر دهید . منظور top , left , right و bottom است .

دموی قالب Intro

پخش اختصاصی

آموزش وحید مجیدی

این قالب به صورت htm5 و css3 و دارای 5 صفحه به نام های صفحه اصلی , منوی غذا , نمایندگی ها , درباره ما و تماس با ما می باشد .

دموی قالب

دانلود قالب آماده وب سایت فست فود و رستوران به نام ترنج

طراحی و کدنویسی : وحید مجیدی

قالب intro یعنی همان صفحه ابتدایی یک وب سایت که میتواند حکم خوش آمدگویی را برای کاربر شما داشته باشد .

این قالب به صورت html 5 و css3 طراحی شده است و دارای ایده ای جالب برای منو های کاربری می باشد .

ضمنا این قالب به صورت فانتزی و برای وب سایت های مرتبط به شبکه و سخت افزار طراحی شده و شما عزیزان به راحتی میتوانید با تغییر در عکس های آن , موضوع دلخواه خود را آماده نمایید .

برای نمایش دمو کلیک کنید

[sdm_download id=”5587″ fancy=”0″]

پخش اختصاصی

طراحی : وحید مجیدی

این قالب به صورت کاملا استاندارد از لحاظ طراحی و کدنویسی می باشد و دارای 6 صفحه مجزا می باشد .

انشالله به زودی داینامیک این قالب را در سایت قرار خواهم داد .

ویژگی های قالب :

طراحی html5 و css3

استاندارد شده برای مرورگر ها و Seo

دارای 6 صفحه : اصلی , نمونه کار , مناقصه , همکاران , تماس با ما , درباره ما

دارای باکس های مخصوص slider , تبلیغات متنی و بنری

باکس اخبار سایت

دموی قالب

دانلود قالب به صورت رایگان :

[sdm_download id=”5240″ fancy=”0″]

پخش اختصاصی

طراحی و کدنویسی : وحید مجیدی

این قالب به صورت آماده , شامل 4 صفحه استاندارد و به صورت html5 و css3 می باشد .

در دیزاین این قالب از باکس های شیشه ای ( Transparenty ) استفاده شده که زیبایی دو چندانی به آن بخشیده است .

انشالله سعی در این دارم که در آینده ای نه چندان دور , همین قالب رو با آموزش تصویری آن به قالب وردپرس تبدیل کنم .

پخش اختصاصی

دیزاین : وحید مجیدی

برای نمایش دمو قالب کلیک کنید

دانلود قالب :

[sdm_download id=”3439″ fancy=”0″]

این قالب مخصوص سایت هایی با مضامین فتوگرافی , فیلم , عکاسی و آتلیه می باشد .

ویژگی های قالب :

طراحی با استفاده از Html5 و Css3

دارای چهار صفحه ی استاندارد ( صفحه نخست , نمونه کار , درباره , تماس با ما )

افکت های عکس در قسمت نمونه کار ( LightBox Jquery )

دیزاین زیبا برای اسکریول های داخلی باکس ها

دارای افکت های زیبای Css3 و Jquery

دموی قالب

[sdm_download id=”2009″ fancy=”0″]

پخش اختصاصی

طراحی و کدنویسی : وحید مجیدی

دانلود قالب آماده فارسی سایت تجاری و کسب و کار – مخصوص شرکت ها و ادارات

این قالب بسیار انعطاف پذیر و تمامی آپشن های آن به راحتی قابل حذف , اضافه و تغییر می باشد .

ویژگیهای قالب :

طراحی Html5 با استفاده از Css3

طراحی حرفه ای و قابل انعطاف

دارای افکتهای زیبا بصورت css3 

دیزاین متفاوت و جدید

دارای صفحه مجزا برای index

سئوی حرفه ای و بهینه برای موتور های جستجو

دموی قالب

طراح و کدنویسی : وحید مجیدی 

پخش اختصاصی 

[sdm-download id=”828″ fancy=”0″]

به همین دلیل برای این ساعت از سایت اسکریپت دات کام , 8 قالب بسیار حرفه ای فارسی شده را در اختیارتون قرار میدهیم تا دیگر احتیاجی به قالب های معمولی و غیر حرفه ای برای ( در دست ساخت ) بودن سایتتون نداشته باشید .

ویژگی ها :

شمارش معکوس Ajax

دارای عضویت در خبرنامه برای کاربران

اسلایدشو های Full Screen به صورت Ajax

صفحات تماس با ما و درباره ما

افکت های جذاب با استفاده از Ajax و Css3

فارسی سازی قالب ها توسط وحید مجیدی

پخش اختصاصی

[sdm-download id=”671″ fancy=”0″]