Iconly/Curved/Arrow - Left 2Iconly/Curved/Arrow - CircleIconly/Curved/Arrow - SearchIconly/Curved/Arrow - cubeIconly/Curved/Arrow - checkIconly/Curved/Arrow - pieIconly/Curved/Arrow - plusIconly/Curved/Arrow - minusIconly/Curved/Arrow - heartIconly/Curved/Arrow - Arrow-downIconly/Curved/Arrow - WeatherIconly/Curved/Arrow - StarIconly/Curved/Home

کارت پایه

  2. رابط کاربری پیشرفته
  3. کارت پایه

کارت پایه

این یک کارت پایه ساده است که می‌توان در هر جایی استفاده کرد.

تب‌ها مدتهاست که برای نمایش نماهای جایگزین از همان گروه اطلاعات در نرم‌افزارها استفاده می‌شوند. شناخته شده به عنوان "تب‌های ماژول"، این تب‌ها هنوز هم در وب‌سایت‌ها استفاده می‌شوند. برای مثال، شرکت‌های هواپیمایی مانند Ryanair، easyJet و AirMalta از تب‌های ماژول استفاده می‌کنند تا کاربر بتواند بین رزروهای پرواز، هتل و اجاره خودرو جابجا شود.

<!-- کارت پایه -->
<p class="mb-0">تب‌ها مدتهاست که برای نمایش نماهای جایگزین از همان گروه اطلاعات در نرم‌افزارها استفاده می‌شوند. شناخته شده به عنوان
<em class="txt-danger">"تب‌های ماژول"</em>، این تب‌ها هنوز هم در وب‌سایت‌ها استفاده می‌شوند. برای مثال، شرکت‌های هواپیمایی مانند Ryanair، easyJet و AirMalta از تب‌های ماژول استفاده می‌کنند تا کاربر بتواند بین رزروهای پرواز، هتل و اجاره خودرو جابجا شود.</p>

کارت مسطح

برای کارت‌های مسطح، از کلاس .b-r-0[border-radius:0] استفاده کنید.

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

<!-- کارت مسطح -->
<p class="mb-0">نوار ناوبری یک ویژگی بسیار مهم است زیرا به بازدیدکنندگان اجازه می‌دهد به سرعت و به راحتی 
<em class="txt-danger">صفحات مهم در وب‌سایت شما</em> را پیدا کنند، مانند وبلاگ، صفحات محصولات، قیمت‌ها، اطلاعات تماس و مستندات. این کار احتمال ماندن بازدیدکنندگان در سایت شما را افزایش می‌دهد که می‌تواند بازدید صفحه شما را افزایش داده و نرخ پرش را کاهش دهد.</p>

کارت بدون سایه

برای حذف سایه از کارت‌ها از کلاس‌های .shadow-none و .border استفاده کنید.

profile

مراجعه کنید: ایران ، استان تهران ، شهر تهران ، خیابان آزادی
ایمیل: contact@us@gmail.com
شماره تماس: 09121234567 

<!-- کارت بدون سایه -->
<div class="flex-space flex-wrap align-items-center">
  <img class="tab-img" src="./assets/images/avtar/3.jpg" alt="profile">
  <p>
    <strong>مراجعه کنید: </strong> ایران ، استان تهران ، شهر تهران ، خیابان آزادی<br>
    <strong>ایمیل: </strong> contact@us@gmail.com<br>
    <strong>شماره تماس: </strong> 09121234567
  </p>
</div>

نماد در عنوان

برای عنوان می‌توانید از هر نماد استفاده کنید. [font-awesome/ico-font/feather].

خانه

ما راه‌حل‌های دیجیتال انتها به انتها ارائه می‌دهیم، از طراحی وب‌سایت/توسعه اپلیکیشن گرفته تا دامنه، میزبانی وب، ثبت میزبانی ایمیل، بهینه‌سازی موتور جستجو و سایر بازاریابی‌های اینترنتی، با تجدید خدمات به‌موقع و مؤثر. 

<!-- Icon in Heading -->
<div class="d-flex gap-3 align-items-center list-behavior-1">
  <div class="flex-shrink-0">
    <img class="tab-img img-fluid" src="./assets/images/blog/img.png" alt="خانه">
  </div>
  <div class="flex-grow-1 ms-0">
    <p class="mb-xl-0 mb-sm-4">ما راه‌حل‌های دیجیتال انتها به انتها ارائه می‌دهیم، از طراحی وب‌سایت/توسعه اپلیکیشن گرفته تا دامنه، میزبانی وب، ثبت میزبانی ایمیل، بهینه‌سازی موتور جستجو و سایر بازاریابی‌های اینترنتی، با تجدید خدمات به‌موقع و مؤثر.</p>
  </div>
</div>

کارت با رنگ تیره

برای کارت با پس‌زمینه تیره از کلاس .bg-dark استفاده کنید.

head-phone

هدفون هوشمند — که به آن ایرباد هوشمند یا hearable هم گفته می‌شود — دستگاه‌های داخل گوشی پیشرفته‌ای هستند که کارهای بیشتری از انتقال صدا انجام می‌دهند. این هدفون‌ها معمولاً بی‌سیم هستند و می‌توانند با تلفن همراه، تبلت، کامپیوتر یا دیگر دستگاه‌های دارای بلوتوث شما همگام شوند. جذابیت اصلی این هدفون‌ها راحتی استفاده است، زیرا به شما اجازه می‌دهند کارهای معمول را بدون دسترسی مستقیم به تلفن یا کامپیوتر انجام دهید. هدفون‌های بی‌سیم هوشمند با استفاده از فناوری بلوتوث به سایر دستگاه‌ها متصل می‌شوند و بسیاری از ویژگی‌های آن‌ها به داده‌های تلفن هوشمند یا کامپیوتر شما وابسته است. 

<!-- کارت با رنگ تیره -->
<div class="d-flex align-items-center gap-3 pills-blogger">
  <div class="blog-wrapper">
    <img class="blog-img" src="./assets/images/other-images/headphones.png" alt="head-phone">
  </div>
  <div class="blog-content">
    <p>
      <em class="txt-danger fw-bold">هدفون هوشمند</em> — که به آن ایرباد هوشمند یا hearable هم گفته می‌شود — دستگاه‌های داخل گوشی پیشرفته‌ای هستند که کارهای بیشتری از انتقال صدا انجام می‌دهند. این هدفون‌ها معمولاً بی‌سیم هستند و می‌توانند با تلفن همراه، تبلت، کامپیوتر یا دیگر دستگاه‌های دارای بلوتوث شما همگام شوند. جذابیت اصلی این هدفون‌ها راحتی استفاده است، زیرا به شما اجازه می‌دهند کارهای معمول را بدون دسترسی مستقیم به تلفن یا کامپیوتر انجام دهید. هدفون‌های بی‌سیم هوشمند با استفاده از فناوری بلوتوث به سایر دستگاه‌ها متصل می‌شوند و بسیاری از ویژگی‌های آن‌ها به داده‌های تلفن هوشمند یا کامپیوتر شما وابسته است.
    </p>
  </div>
</div>
<div class="card-footer bg-dark">
  <h6 class="mb-0">پاورقی کارت</h6>
</div>
پاورقی کارت

سربرگ رنگی اطلاعات

طراح وب

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

قالب Admiro

بدنه رنگی اطلاعات

طراح UX

مسئولیت طراح UX این است که یک محصول یا خدمات را مفید، لذت‌بخش و قابل دسترسی کند. اصطلاح "تجربه کاربری" توسط صنایع مختلف استفاده می‌شود، اگرچه بیشتر مربوط به طراحی دیجیتال برای وب‌سایت‌ها و اپلیکیشن‌های موبایل است. در طراحی تجربه کاربری نیازی به کدنویسی نیست.

قالب Admiro

پاورقی رنگی اطلاعات

توسعه‌دهنده وب

برنامه‌نویسی که از معماری کلاینت-سرور برای ایجاد برنامه‌های کاربردی وب جهانی استفاده می‌کند، به عنوان توسعه‌دهنده وب شناخته می‌شود. این برنامه‌ها معمولاً از هر زبان برنامه‌نویسی عمومی در سرور و HTML، CSS و JavaScript در کلاینت استفاده می‌کنند.

قالب Admiro