قالب استاتیک html سایت Dropnet

داستان

یکی بود و یکی نبود, یه مشتری اومد دم در خونمون و گفت “من این طرح رو میخام با صفحه‌ساز المنتور ساخته بشه”. از اونجایی که با صفحه ساز نمیشه همه کار انجام داد, در جواب گفتم “همچین طرحی با المنتور قابل پیاده سازیه ولی ممکن نیست کاملا شبیه باشه!”. خلاصه ایشون پروژه رو به شخص دیگه‌ای سپردن و نتیجه کار اصلا قابل تعریف نبود.

جدا از داستان, حرف من اینه که همیشه یکی هست که پروژه رو با هزینه خیلی پایینـتر انجام بده, که حتی ممکنه باعث بشه شمام شاخ در بیارین! در این میان, شما سایت نمیخاید که فقط یه سایت داشته باشید, درسته؟ تنها دلیلی که شما میخاید سایت راه اندازی کنید, اینه که میخاید کسب و کارتون رو رونق بدین, یا خیلی ساده, یه کسب و کار راه بندازید. پس حتما بهتون توصیه میکنم قبل سفارش سایت ارزان قیمت, فکراتون رو خوب جمع کنید چون آخر خود شما قراره ضرر کنید و من قراره ازین سوئ استفاده کنم تا قیمت رو ببرم بالا 🙂

کدنویسی

ازونجایی که این پروژه برای فان بود, زیاد توجهی روش نزاشتم ولی در اصل وقتم رو باهاش طرف کردم. از لوگو گرفته تا آیکون ها رو خودم طراحی / باز طراحی کزدم. هر قسمت به صورت component base ساخته شده. از چندین کتابخانه Javascript استفاده شده, مخصوصا کتابخانه Easy Tab که خودم نوشتمش. کدنویسی CSS المان ها با Flex, Grid نوشته شده.

آدرس سایت

مشاهده کنید

ویژگی‌های کلیدی

  • استفاده از کتابخانه Javascript به نام Easy Tab (خود کتابخانه توسط من ساخته شده).

  • برای ساخت اسلایدر ها از کتابخانه Swiper استفاده شده.

  • ساخته شده بر پایه Component base

  • از جدید ترین ویژگی های CSS یعنی Grid و Flex box استفاده شده.

مهارت‌های استفاده شده

  • HTML

  • CSS

  • SCSS

  • Javascript

  • Adobe XD

  • طراحی لوگو

  • طراحی آیکون