انتخاب زبان

Activity

جاشو لاس وگاس
مانلی سن خوزه
استفان میامی
تارا نیویورک
پروژه سیلکر getsilker.io
31%
5 / 24
بازسازی متا مووی متا مووی.co
84%
28 / 31
طراحی مجدد فست پیتزا fastpizza.com
60%
25 / 39

تماس با دنی

امروز - 11:30قبل ظهر

جلسه با آلیس

امروز - 01:00بعدظهر

جواب دادن به پیغام آنی

امروز - 01:45بعدظهر

Call تریشا

Today - 05:00بعدظهر

Write proposal for Don

Today - 06:00بعدظهر

کامپوننت ها

Snacks

اسنک

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

حمایت کردن
متا مووی
شرکت
انگلیسی
سیلکر 

      <div class="snacks">
          <div class="snack">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">Support</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">متا مووی</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">Corporate</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">English</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">سیلکر</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      </div>

سفید Snacks

Huroدر بطن خود کامپوننت را دارد که می‌تواند برای نمایش قرص با تصویر استفاده شود. برای قرار دادن یک تصویر در داخل کامپوننت از ویژگی image استفاده کنید.همچنین می توانید از ویژگی سفید برای تبدیل پس زمینه کامپوننت به سفید استفاده کنید.

پشتیبانی
متا مووی
Corporate
English
سیلکر 

      <div class="snacks">
          <div class="snack is-white">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">Support</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">متا مووی</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">Corporate</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">English</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">سیلکر</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      </div>

Feather آیکون

Huroدر بطن خود کامپوننت را دارد که می‌تواند برای نمایش قرص با تصویر استفاده شود. برای قرار دادن یک تصویر در داخل کامپوننت از ویژگی image استفاده کنید. برای قرار دادن مطالب خود از ویژگی slots موجود استفاده کنید. برای مشاهده جزئیات و نحوه استفاده نمونه کد را بررسی کنید.

خرید
احساسات
پشتیبانی
تجاری
هشدار
دما 

      <div class="snacks">
          <div class="snack is-white">
              <div class="snack-media is-icon">
                  <i class="snack-icon" data-feather="shopping-cart"></i>
              </div>
              <span class="snack-text">Shopping</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack">
              <div class="snack-media is-icon is-primary">
                  <i class="snack-icon" data-feather="smile"></i>
              </div>
              <span class="snack-text">Emotions</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-success">
                  <i class="snack-icon" data-feather="life-buoy"></i>
              </div>
              <span class="snack-text">Support</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack">
              <div class="snack-media is-icon is-info">
                  <i class="snack-icon" data-feather="briefcase"></i>
              </div>
              <span class="snack-text">تجاری</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-warning">
                  <i class="snack-icon" data-feather="alert-octagon"></i>
              </div>
              <span class="snack-text">Warning</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-danger">
                  <i class="snack-icon" data-feather="thermometer"></i>
              </div>
              <span class="snack-text">Heath</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      </div>

آیکون فیچر پررنگ

Huroدر بطن خود کامپوننت را دارد که می‌تواند برای نمایش قرص با تصویر استفاده شود. برای قرار دادن یک تصویر در داخل کامپوننت از ویژگی image استفاده کنید. برای قرار دادن مطالب خود از ویژگی slots موجود استفاده کنید. برای مشاهده جزئیات و نحوه استفاده نمونه کد را بررسی کنید.

احساسات
پشتیبانی
تجاری
هشدار
دما 

      <div class="snacks">
          <div class="snack">
              <div class="snack-media is-icon is-primary is-solid">
                  <i class="snack-icon" data-feather="smile"></i>
              </div>
              <span class="snack-text">Emotions</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-success is-solid">
                  <i class="snack-icon" data-feather="life-buoy"></i>
              </div>
              <span class="snack-text">Support</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack">
              <div class="snack-media is-icon is-info is-solid">
                  <i class="snack-icon" data-feather="briefcase"></i>
              </div>
              <span class="snack-text">تجاری</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-warning is-solid">
                  <i class="snack-icon" data-feather="alert-octagon"></i>
              </div>
              <span class="snack-text">Warning</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-danger is-solid">
                  <i class="snack-icon" data-feather="thermometer"></i>
              </div>
              <span class="snack-text">Heath</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      </div>

Font Awesome

Huroدر بطن خود کامپوننت را دارد که می‌تواند برای نمایش قرص با تصویر استفاده شود. برای قرار دادن یک تصویر در داخل کامپوننت از ویژگی image استفاده کنید. برای قرار دادن مطالب خود از ویژگی slots موجود استفاده کنید. برای مشاهده جزئیات و نحوه استفاده نمونه کد را بررسی کنید.

خرید
احساسات
پشتیبانی
تجاری
هشدار
دما 

      <div class="snacks">
          <div class="snack is-white">
              <div class="snack-media is-icon">
                  <i class="snack-icon fas fa-shopping-cart"></i>
              </div>
              <span class="snack-text">Shopping</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack">
              <div class="snack-media is-icon is-primary">
                  <i class="snack-icon fas fa-smile"></i>
              </div>
              <span class="snack-text">Emotions</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-success">
                  <i class="snack-icon fas fa-life-ring"></i>
              </div>
              <span class="snack-text">Support</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack">
              <div class="snack-media is-icon is-info">
                  <i class="snack-icon fas fa-building"></i>
              </div>
              <span class="snack-text">تجاری</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-warning">
                  <i class="snack-icon fas fa-radiation"></i>
              </div>
              <span class="snack-text">Warning</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-danger">
                  <i class="snack-icon fas fa-thermometer-half"></i>
              </div>
              <span class="snack-text">Heath</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      </div>

Font Awesome پر رنگ

Huroدر بطن خود کامپوننت را دارد که می‌تواند برای نمایش قرص با تصویر استفاده شود. برای قرار دادن یک تصویر در داخل کامپوننت از ویژگی image استفاده کنید. برای قرار دادن مطالب خود از ویژگی slots موجود استفاده کنید. برای مشاهده جزئیات و نحوه استفاده نمونه کد را بررسی کنید.

احساسات
پشتیبانی
تجاری
هشدار
دما 

      <div class="snacks">
          <div class="snack">
              <div class="snack-media is-icon is-primary is-solid">
                  <i class="snack-icon fas fa-smile"></i>
              </div>
              <span class="snack-text">Emotions</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-success is-solid">
                  <i class="snack-icon fas fa-life-ring"></i>
              </div>
              <span class="snack-text">Support</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack">
              <div class="snack-media is-icon is-info is-solid">
                  <i class="snack-icon fas fa-building"></i>
              </div>
              <span class="snack-text">تجاری</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-warning is-solid">
                  <i class="snack-icon fas fa-radiation"></i>
              </div>
              <span class="snack-text">Warning</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-danger is-solid">
                  <i class="snack-icon fas fa-thermometer-half"></i>
              </div>
              <span class="snack-text">Heath</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      </div>

آیکون های خطی

Huroدر بطن خود کامپوننت را دارد که می‌تواند برای نمایش قرص با تصویر استفاده شود. برای قرار دادن یک تصویر در داخل کامپوننت از ویژگی image استفاده کنید. برای قرار دادن مطالب خود از ویژگی slots موجود استفاده کنید. برای مشاهده جزئیات و نحوه استفاده نمونه کد را بررسی کنید.

خرید
احساسات
پشتیبانی
تجاری
هشدار
دما 

      <div class="snacks">
          <div class="snack is-white">
              <div class="snack-media is-icon">
                  <i class="snack-icon lnil lnil-cart"></i>
              </div>
              <span class="snack-text">Shopping</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack">
              <div class="snack-media is-icon is-primary">
                  <i class="snack-icon lnil lnil-sleep"></i>
              </div>
              <span class="snack-text">Emotions</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-success">
                  <i class="snack-icon lnil lnil-life-ring"></i>
              </div>
              <span class="snack-text">Support</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack">
              <div class="snack-media is-icon is-info">
                  <i class="snack-icon lnil lnil-apartment"></i>
              </div>
              <span class="snack-text">تجاری</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-warning">
                  <i class="snack-icon lnil lnil-warning"></i>
              </div>
              <span class="snack-text">Warning</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-danger">
                  <i class="snack-icon lnil lnil-thermometer"></i>
              </div>
              <span class="snack-text">Heath</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      </div>

آیکون خطی پر رنگ

Huroدر بطن خود کامپوننت را دارد که می‌تواند برای نمایش قرص با تصویر استفاده شود. برای قرار دادن یک تصویر در داخل کامپوننت از ویژگی image استفاده کنید. برای قرار دادن مطالب خود از ویژگی slots موجود استفاده کنید. برای مشاهده جزئیات و نحوه استفاده نمونه کد را بررسی کنید.

احساسات
پشتیبانی
تجاری
هشدار
دما 

      <div class="snacks">
          <div class="snack">
              <div class="snack-media is-icon is-primary is-solid">
                  <i class="snack-icon lnil lnil-sleep"></i>
              </div>
              <span class="snack-text">Emotions</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-success is-solid">
                  <i class="snack-icon lnil lnil-life-ring"></i>
              </div>
              <span class="snack-text">Support</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack">
              <div class="snack-media is-icon is-info is-solid">
                  <i class="snack-icon lnil lnil-apartment"></i>
              </div>
              <span class="snack-text">تجاری</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-warning is-solid">
                  <i class="snack-icon lnil lnil-warning"></i>
              </div>
              <span class="snack-text">Warning</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-white">
              <div class="snack-media is-icon is-danger is-solid">
                  <i class="snack-icon lnil lnil-thermometer"></i>
              </div>
              <span class="snack-text">Heath</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      </div>

اسنک کوچک

اسنک تصویر می تواند اندازه کوچکتر داشته باشد، که می تواند با طرح بندی عناصر UI کوچکتر کمک کند.برای نمایش یک میان وعده کوچکتر، اضافه کنید is-small کلاس به هدف snack عنصر.

پشتیبانی
متا مووی
شرکت
English
سیلکر 

      <div class="snacks">
          <div class="snack is-white is-small">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">Support</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-small">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">متا مووی</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white is-small">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">Corporate</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-small">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">English</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white is-small">
              <div class="snack-media">
                  <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
              </div>
              <span class="snack-text">سیلکر</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      </div>

آیکون کوچک

اسنک تصویر می تواند اندازه کوچکتر داشته باشد، که می تواند با طرح بندی عناصر UI کوچکتر کمک کند.برای نمایش یک میان وعده کوچکتر، اضافه کنید is-small کلاس به هدف snack عنصر.

احساسات
پشتیبانی
تجاری
هشدار
دما 

      <div class="snacks">
          <div class="snack is-small">
              <div class="snack-media is-icon is-primary">
                  <i class="snack-icon" data-feather="smile"></i>
              </div>
              <span class="snack-text">Emotions</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white is-small">
              <div class="snack-media is-icon is-success is-solid">
                  <i class="snack-icon" data-feather="life-buoy"></i>
              </div>
              <span class="snack-text">Support</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-small">
              <div class="snack-media is-icon is-info">
                  <i class="snack-icon" data-feather="briefcase"></i>
              </div>
              <span class="snack-text">تجاری</span>
              <span class="snack-action">
                  <i data-feather="x"></i>
              </span>
          </div>
      
          <div class="snack is-white is-small">
              <div class="snack-media is-icon is-warning is-solid">
                  <i class="snack-icon" data-feather="alert-octagon"></i>
              </div>
              <span class="snack-text">Warning</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      
          <div class="snack is-white is-small">
              <div class="snack-media is-icon is-danger">
                  <i class="snack-icon" data-feather="thermometer"></i>
              </div>
              <span class="snack-text">Heath</span>
              <span class="snack-action">
                  <i data-feather="plus"></i>
              </span>
          </div>
      </div>