مطالبی که در این جلسه می آموزیم:
1- چطوری به تگ هامون توی HTML استایل بدیم؟
2- چطور با تگ های مختلف HTML یک وب سایت زیبا ایجاد کنیم؟
آموزش تصویری html آموزش html استایل در html html css تگ تایتل </a> <a href='https://www.vidbid.ir/tag/%D8%AA%DA%AF%20%3Chead%3E' title='تگ <head>' class='badge badge-pill badge-light mr-2 mb-3'>تگ <head></a>
</p>
<div class="card-text font-weight-lighter mt-3 mb-1">
<span class="badge badge-pill badge-light mb-3"
title="2020-03-17 12:17:01 , v: 84 , l: 0">5 سال پیش
</span>
<span class="mb-3" title="دسته بندی"> در <a href='https://www.vidbid.ir/category/educational' class='badge badge-pill badge-default mr-1'>آموزشی</a></span>
<span class="badge badge-pill badge-light mr-2 mb-2">زمان 18:47</span>
<!-- Views -->
<span class="badge badge-pill badge-light mr-2 mb-2" title="نمایش">
<i class="fa fa-eye fa-2x mr-1" style="width: 16px; height: 14px" aria-hidden="true"></i> 84
</span>
<!-- Youtube Icon -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 mt-4 d-flex justify-content-center">
<button type="button" class="btn btn-pink btn-rounded mx-3 px-4 py-3 d-flex justify-content-between w-responsive"
style="max-width: 400px;"
data-toggle="modal" data-target="#modal_login"
>
<div>
<i class="fas fa-user fa-2x mr-2" style="width: 14.75px; height: 17px"></i>
<span>ثبت نام / ورود به سایت</span>
</div>
<div>
<img src="https://www.vidbid.ir/image/stuff/google-25.png" width="25px" height="25px" title="Google" alt="google">
</div>
</button>
</div>
<div class="related_videos related-cat video-pack compact_items" id="">
<div class="row no-gutters related-title">
<div class="col title-container d-flex justify-content-between">
<h2 class="title"><i class="fas fa-grip-vertical mr-2"></i>
دسته بندی آموزشی
</h2>
<a href="#site_top" class="go-top" title="برو بالا">
<i class="fa fa-arrow-up mr-3 " aria-hidden="true"></i>
</a>
</div>
</div>
<div class="related-container ">
<div class="row">
<div class="col clip-item d-flex related-item-1 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1071915/%D9%82%D8%B3%D9%85%D8%AA118-%D8%AD%D9%85%DB%8C%D8%AF-%D9%85%D8%AD%D9%85%D9%88%D8%AF%D8%B2%D8%A7%D8%AF%D9%87-%D8%A8%D9%86%DB%8C%D8%A7%D9%86%DA%AF%D8%B0%D8%A7%D8%B1-crm-%D8%AF%DB%8C%D8%AF%D8%A7%D8%B1?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/68551521-1698-l__7931.jpg?width=300&quality=90&secret=mSRPPcRsTRYDQXqiE0Ns9w"
width="290px" height="163px"
alt="قسمت 118: حمید محمودزاده بنیان...">
</a>
</div>
<span class="clip-duration">02:39:12</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1071915/%D9%82%D8%B3%D9%85%D8%AA118-%D8%AD%D9%85%DB%8C%D8%AF-%D9%85%D8%AD%D9%85%D9%88%D8%AF%D8%B2%D8%A7%D8%AF%D9%87-%D8%A8%D9%86%DB%8C%D8%A7%D9%86%DA%AF%D8%B0%D8%A7%D8%B1-crm-%D8%AF%DB%8C%D8%AF%D8%A7%D8%B1?suspend_ads=true" class="flex-1"
title="قسمت 118: حمید محمودزاده بنیانگذار CRM دیدار">
قسمت 118: حمید محمودزاده بنیانگذار CRM دیدار
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2026-02-26 02:18:09 , v: 0, l: 0">
2 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-2 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1071930/%D9%86%D8%B3%D8%AE%D9%87-%D9%87%D8%A7%DB%8C-%D9%85%D8%AE%D8%AA%D9%84%D9%81-%D8%A7%D9%81-35?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/68546640-1233-l__6976.jpg?width=300&quality=90&secret=GZXE8b_V8qysqF4YrEm8pQ"
width="290px" height="163px"
alt="نسخه های مختلف اف 35">
</a>
</div>
<span class="clip-duration">16:30</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1071930/%D9%86%D8%B3%D8%AE%D9%87-%D9%87%D8%A7%DB%8C-%D9%85%D8%AE%D8%AA%D9%84%D9%81-%D8%A7%D9%81-35?suspend_ads=true" class="flex-1"
title="نسخه های مختلف اف 35">
نسخه های مختلف اف 35
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2026-02-26 02:18:32 , v: 3, l: 0">
2 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-3 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1071952/%D8%AA%D9%88%D8%B1%D8%A8%D9%88%D8%AA%D8%A7%DA%A9-%D8%A7%D9%86%DA%AF%D9%84%DB%8C%D8%B3%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%87%D9%85%D9%87?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/68568804-3976-l__6027.jpg?width=300&quality=90&secret=IZ2m-msXkQl2M2dWtOHJcw"
width="290px" height="163px"
alt="توربوتاک انگلیسی برای همه">
</a>
</div>
<span class="clip-duration">15:08</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1071952/%D8%AA%D9%88%D8%B1%D8%A8%D9%88%D8%AA%D8%A7%DA%A9-%D8%A7%D9%86%DA%AF%D9%84%DB%8C%D8%B3%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%87%D9%85%D9%87?suspend_ads=true" class="flex-1"
title="توربوتاک انگلیسی برای همه">
توربوتاک انگلیسی برای همه
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2026-02-26 02:19:06 , v: 1, l: 0">
2 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-4 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1071843/%D8%A8%D8%B1%D8%B4-%D9%85%D9%88%D8%AA%D9%88%D8%B1-%DB%8C%D8%AE%DA%86%D8%A7%D9%84-%D8%A2%D9%84%D9%85%D8%A7%D9%86%DB%8C-%DA%A9%D9%85%D9%BE%D8%B1%D8%B3%D9%88%D8%B1-%D8%AF%D8%A7%D9%86%D9%81%D9%88%D8%B3-%D8%A2%D9%85%D9%88%D8%B2%D8%B4?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/68523154-4555-l__9749.jpg?width=300&quality=90&secret=EqYC_SwQJAHqrtM8mUecNw"
width="290px" height="163px"
alt="برش موتور یخچال آلمانی کمپرسور...">
</a>
</div>
<span class="clip-duration">27:28</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1071843/%D8%A8%D8%B1%D8%B4-%D9%85%D9%88%D8%AA%D9%88%D8%B1-%DB%8C%D8%AE%DA%86%D8%A7%D9%84-%D8%A2%D9%84%D9%85%D8%A7%D9%86%DB%8C-%DA%A9%D9%85%D9%BE%D8%B1%D8%B3%D9%88%D8%B1-%D8%AF%D8%A7%D9%86%D9%81%D9%88%D8%B3-%D8%A2%D9%85%D9%88%D8%B2%D8%B4?suspend_ads=true" class="flex-1"
title="برش موتور یخچال آلمانی کمپرسور دانفوس آموزش">
برش موتور یخچال آلمانی کمپرسور دانفوس آموزش
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2026-02-24 00:18:26 , v: 0, l: 0">
4 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-5 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1071955/%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D8%AF%D9%88%D8%B1%D9%87-%D9%86%DA%A9%D8%AA%D9%87-%D9%88-%D8%AA%D8%B3%D8%AA-%D8%A8%D8%A7%D8%AF%DA%A9%D8%AA%D8%B1%D8%AD%D9%85%DB%8C%D8%AF%D8%B3%D9%88%D8%AF%DB%8C%D8%A7%D9%86?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/68566759-7764-l__5457.jpg?width=300&quality=90&secret=cumZKKeeZ9aLREKVT_Vzlw"
width="290px" height="163px"
alt="معرفی دوره نکته و تست بادکترحم...">
</a>
</div>
<span class="clip-duration">03:39</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1071955/%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D8%AF%D9%88%D8%B1%D9%87-%D9%86%DA%A9%D8%AA%D9%87-%D9%88-%D8%AA%D8%B3%D8%AA-%D8%A8%D8%A7%D8%AF%DA%A9%D8%AA%D8%B1%D8%AD%D9%85%DB%8C%D8%AF%D8%B3%D9%88%D8%AF%DB%8C%D8%A7%D9%86?suspend_ads=true" class="flex-1"
title="معرفی دوره نکته و تست بادکترحمیدسودیان">
معرفی دوره نکته و تست بادکترحمیدسودیان
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2026-02-26 02:19:11 , v: 0, l: 0">
2 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-6 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1071848/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AD%D8%B0%D9%81-%D8%AD%D8%B3%D8%A7%D8%A8-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-%D8%A8%D9%84%D9%87-%D8%AF%D9%84%DB%8C%D8%AA-%D8%A7%DA%A9%D8%A7%D9%86%D8%AA-%D9%BE%DB%8C%D8%A7%D9%85-%D8%B1%D8%B3%D8%A7%D9%86-%D8%A8%D9%84%D9%87-%D8%B1%D9%88%D8%B4-%D8%AC%D8%AF%DB%8C%D8%AF?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/68518004-9050-l__5806.jpg?width=300&quality=90&secret=stMvg6drMakTDfAt3hst1g"
width="290px" height="163px"
alt="آموزش حذف حساب کاربری بله دلی...">
</a>
</div>
<span class="clip-duration">01:03</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1071848/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AD%D8%B0%D9%81-%D8%AD%D8%B3%D8%A7%D8%A8-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-%D8%A8%D9%84%D9%87-%D8%AF%D9%84%DB%8C%D8%AA-%D8%A7%DA%A9%D8%A7%D9%86%D8%AA-%D9%BE%DB%8C%D8%A7%D9%85-%D8%B1%D8%B3%D8%A7%D9%86-%D8%A8%D9%84%D9%87-%D8%B1%D9%88%D8%B4-%D8%AC%D8%AF%DB%8C%D8%AF?suspend_ads=true" class="flex-1"
title="آموزش حذف حساب کاربری بله دلیت اکانت پیام رسان بله روش جدید">
آموزش حذف حساب کاربری بله دلیت اکانت پیام رسان بله روش جدید
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2026-02-24 00:18:35 , v: 0, l: 0">
4 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-7 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1071954/%D8%B2%D8%A8%D8%A7%D9%86-%D8%A2%D9%85%D9%88%D8%B2%DB%8C-%D9%BE%DB%8C%D8%B4-%D8%AF%D8%A8%D8%B3%D8%AA%D8%A7%D9%86%DB%8C-%D9%86%D9%85%D8%A7%DB%8C%D8%B4-22-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%86%D8%B4%D8%A7%D9%86%D9%87-%D8%AE?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/68415133-7164-l__2332.jpg?width=300&quality=90&secret=JHXnPjHDfw2LhNLhuWWEgQ"
width="290px" height="163px"
alt="زبان آموزی پیش دبستانی نمایش...">
</a>
</div>
<span class="clip-duration">21:51</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1071954/%D8%B2%D8%A8%D8%A7%D9%86-%D8%A2%D9%85%D9%88%D8%B2%DB%8C-%D9%BE%DB%8C%D8%B4-%D8%AF%D8%A8%D8%B3%D8%AA%D8%A7%D9%86%DB%8C-%D9%86%D9%85%D8%A7%DB%8C%D8%B4-22-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%86%D8%B4%D8%A7%D9%86%D9%87-%D8%AE?suspend_ads=true" class="flex-1"
title="زبان آموزی پیش دبستانی نمایش 22: آموزش نشانه خ">
زبان آموزی پیش دبستانی نمایش 22: آموزش نشانه خ
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2026-02-26 02:19:09 , v: 0, l: 0">
2 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-8 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1071968/%D8%AA%D8%AF%D8%B1%DB%8C%D8%B3-%D9%86%D8%B4%D8%A7%D9%86%D9%87-%D8%B1-%D8%A7%D9%88%D9%84-%D8%AF%D8%A8%D8%B3%D8%AA%D8%A7%D9%86?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/67321555-6244-l__2149.jpg?width=300&quality=90&secret=HIuqj3gP3fJXJOdoW5WRcA"
width="290px" height="163px"
alt="تدریس نشانه ر اول دبستان">
</a>
</div>
<span class="clip-duration">05:26</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1071968/%D8%AA%D8%AF%D8%B1%DB%8C%D8%B3-%D9%86%D8%B4%D8%A7%D9%86%D9%87-%D8%B1-%D8%A7%D9%88%D9%84-%D8%AF%D8%A8%D8%B3%D8%AA%D8%A7%D9%86?suspend_ads=true" class="flex-1"
title="تدریس نشانه ر اول دبستان">
تدریس نشانه ر اول دبستان
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2026-02-27 09:00:06 , v: 1, l: 0">
1 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-9 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1071868/%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D9%BE%DB%8C%D8%B4-%D8%AF%D8%A8%D8%B3%D8%AA%D8%A7%D9%86%DB%8C-%D9%86%D9%85%D8%A7%DB%8C%D8%B4-22-%D8%AA%D9%82%D9%88%DB%8C%D8%AA-%D9%87%D9%88%D8%B4-%D9%88-%D8%AF%D9%82%D8%AA-%D9%88-%D8%AA%D9%85%D8%B1%DB%8C%D9%86-%D9%88-%D8%AA%D9%85%D8%B1%DA%A9%D8%B2-2?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/68414808-7646-l__3969.jpg?width=300&quality=90&secret=MMWov2GgYKolTL1Z8-kC9Q"
width="290px" height="163px"
alt="ریاضی پیش دبستانی نمایش 22: ت...">
</a>
</div>
<span class="clip-duration">20:25</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1071868/%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D9%BE%DB%8C%D8%B4-%D8%AF%D8%A8%D8%B3%D8%AA%D8%A7%D9%86%DB%8C-%D9%86%D9%85%D8%A7%DB%8C%D8%B4-22-%D8%AA%D9%82%D9%88%DB%8C%D8%AA-%D9%87%D9%88%D8%B4-%D9%88-%D8%AF%D9%82%D8%AA-%D9%88-%D8%AA%D9%85%D8%B1%DB%8C%D9%86-%D9%88-%D8%AA%D9%85%D8%B1%DA%A9%D8%B2-2?suspend_ads=true" class="flex-1"
title="ریاضی پیش دبستانی نمایش 22: تقویت هوش و دقت و تمرین و تمرکز 2">
ریاضی پیش دبستانی نمایش 22: تقویت هوش و دقت و تمرین و تمرکز 2
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2026-02-25 00:18:08 , v: 0, l: 0">
3 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col-12 text-center more-videos">
<a href="https://www.vidbid.ir/category/educational"
class="btn btn-sm mx-auto mb-3 mt-0 btn-block">مشاهده همه ...</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="related_bar mt-0">
<div class="related_videos related-cat video-pack real-related-videos compact_items" id="">
<div class="row no-gutters related-title">
<div class="col title-container d-flex justify-content-between">
<h2 class="title"><i class="fas fa-grip-vertical mr-2"></i>
ویدئو های مرتبط
</h2>
<a href="#site_top" class="go-top" title="برو بالا">
<i class="fa fa-arrow-up mr-3 " aria-hidden="true"></i>
</a>
</div>
</div>
<div class="related-container ">
<div class="row">
<div class="col clip-item d-flex related-item-1 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/137181/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%87%D8%A7%DB%8C-%D8%AE%D9%84%D8%A7%D9%82%D8%A7%D9%86%D9%87-%D8%A8%D8%A7-html-%D9%88-css?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/19238397-6143-l__6190.jpg?width=300&quality=90&secret=sK3L1lT7G3GeKVHZZ1avAA"
width="290px" height="163px"
alt="طراحی های خلاقانه با html و cs...">
</a>
</div>
<span class="clip-duration">14:55</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/137181/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%87%D8%A7%DB%8C-%D8%AE%D9%84%D8%A7%D9%82%D8%A7%D9%86%D9%87-%D8%A8%D8%A7-html-%D9%88-css?suspend_ads=true" class="flex-1"
title="طراحی های خلاقانه با html و css">
طراحی های خلاقانه با html و css
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-03-17 12:16:36 , v: 48, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-2 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/137186/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%D8%B0%D8%A7%D8%A8-%D8%B9%DA%A9%D8%B3-%D8%B3%DB%8C%D8%A7%D9%87-%D9%88-%D8%B1%D9%86%DA%AF%DB%8C-%D8%AF%D8%B1-css-%D9%88-html?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/19387805-2805-l__2903.jpg?width=300&quality=90&secret=SROacSqEtxi8AyH-O9xHeA"
width="290px" height="163px"
alt="آموزش جذاب عکس سیاه و رنگی در...">
</a>
</div>
<span class="clip-duration">03:10</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/137186/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%D8%B0%D8%A7%D8%A8-%D8%B9%DA%A9%D8%B3-%D8%B3%DB%8C%D8%A7%D9%87-%D9%88-%D8%B1%D9%86%DA%AF%DB%8C-%D8%AF%D8%B1-css-%D9%88-html?suspend_ads=true" class="flex-1"
title="آموزش جذاب عکس سیاه و رنگی در css و html">
آموزش جذاب عکس سیاه و رنگی در css و html
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-03-17 12:16:44 , v: 44, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-3 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/137189/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D8%AC%D9%84%D8%B3%D9%87-%DB%8C-7-%DA%86%D8%B7%D9%88%D8%B1-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA%D9%85%D9%88%D9%86-%D8%B1%D9%88-%D8%A8%D8%A7-css-%D8%AA%D8%B2%DB%8C%DB%8C%D9%86-%DA%A9%D9%86%DB%8C%D9%85?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/19397354-6875-l__6636.jpg?width=300&quality=90&secret=eTyukiv-wiVW3NDnyCrQUQ"
width="290px" height="163px"
alt="آموزش Html جلسه ی 7 چطور وب س...">
</a>
</div>
<span class="clip-duration">09:01</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/137189/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D8%AC%D9%84%D8%B3%D9%87-%DB%8C-7-%DA%86%D8%B7%D9%88%D8%B1-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA%D9%85%D9%88%D9%86-%D8%B1%D9%88-%D8%A8%D8%A7-css-%D8%AA%D8%B2%DB%8C%DB%8C%D9%86-%DA%A9%D9%86%DB%8C%D9%85?suspend_ads=true" class="flex-1"
title="آموزش Html جلسه ی 7 چطور وب سایتمون رو با CSS تزیین کنیم؟">
آموزش Html جلسه ی 7 چطور وب سایتمون رو...
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-03-17 12:16:51 , v: 32, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-4 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/137196/html-css?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/18776956-4224-l__6561.jpg?width=300&quality=90&secret=7nYSoTzOcG5QsRxwgslPCA"
width="290px" height="163px"
alt="Html css">
</a>
</div>
<span class="clip-duration">00:36</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/137196/html-css?suspend_ads=true" class="flex-1"
title="Html css">
Html css
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-03-17 12:17:08 , v: 73, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-5 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/137197/1%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%87%D8%A7%DB%8C-%D8%AE%D9%84%D8%A7%D9%82%D8%A7%D9%86%D9%87-%D8%A8%D8%A7-html-css?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/18811083-5718-l__7374.jpg?width=300&quality=90&secret=9olGCfmKa6OZ8g6cxwFLXg"
width="290px" height="163px"
alt="1طراحی های خلاقانه با HTML CS...">
</a>
</div>
<span class="clip-duration">03:37</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/137197/1%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%87%D8%A7%DB%8C-%D8%AE%D9%84%D8%A7%D9%82%D8%A7%D9%86%D9%87-%D8%A8%D8%A7-html-css?suspend_ads=true" class="flex-1"
title="1طراحی های خلاقانه با HTML CSS">
1طراحی های خلاقانه با HTML CSS
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-03-17 12:17:10 , v: 50, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-6 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/154461/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D9%82%D8%B3%D9%85%D8%AA-14?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/20219886-6333-l__5573.jpg?width=300&quality=90&secret=-v6rYz8YTb125dD2OSpCkA"
width="290px" height="163px"
alt="طراحی وب قسمت 14">
</a>
</div>
<span class="clip-duration">04:32</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/154461/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D9%82%D8%B3%D9%85%D8%AA-14?suspend_ads=true" class="flex-1"
title="طراحی وب قسمت 14">
طراحی وب قسمت 14
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-03-19 21:15:26 , v: 62, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-7 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/229715/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B5%D9%81%D8%B1-%D8%AA%D8%A7-%D8%B5%D8%AF-css-html-%D9%82%D8%B3%D9%85%D8%AA-15?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/20651240-3074-l__1593.jpg?width=300&quality=90&secret=HhPKjDjOm15Pqa36GWN9NQ"
width="290px" height="163px"
alt="آموزش صفر تا صد CSS HTML قسمت...">
</a>
</div>
<span class="clip-duration">15:27</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/229715/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B5%D9%81%D8%B1-%D8%AA%D8%A7-%D8%B5%D8%AF-css-html-%D9%82%D8%B3%D9%85%D8%AA-15?suspend_ads=true" class="flex-1"
title="آموزش صفر تا صد CSS HTML قسمت 15">
آموزش صفر تا صد CSS HTML قسمت 15
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-03-30 21:30:14 , v: 81, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-8 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/229719/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B5%D9%81%D8%B1-%D8%AA%D8%A7-%D8%B5%D8%AF-css-html-%D9%82%D8%B3%D9%85%D8%AA-14?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/20651221-7723-l__8863.jpg?width=300&quality=90&secret=XFMjgDcz7ko0-MZdeY3-1g"
width="290px" height="163px"
alt="آموزش صفر تا صد CSS HTML قسمت...">
</a>
</div>
<span class="clip-duration">20:46</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/229719/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B5%D9%81%D8%B1-%D8%AA%D8%A7-%D8%B5%D8%AF-css-html-%D9%82%D8%B3%D9%85%D8%AA-14?suspend_ads=true" class="flex-1"
title="آموزش صفر تا صد CSS HTML قسمت 14">
آموزش صفر تا صد CSS HTML قسمت 14
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-03-30 21:30:19 , v: 72, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-9 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/307767/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D9%82%D8%B3%D9%85%D8%AA-%D8%B3%D9%88%D9%85?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/23008469-8988-l__2146.jpg?width=300&quality=90&secret=1R5Xa6hY1FBCTexVi0yP-A"
width="290px" height="163px"
alt="آموزش html | قسمت سوم">
</a>
</div>
<span class="clip-duration">01:05</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/307767/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D9%82%D8%B3%D9%85%D8%AA-%D8%B3%D9%88%D9%85?suspend_ads=true" class="flex-1"
title="آموزش html | قسمت سوم">
آموزش html | قسمت سوم
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-06-10 11:41:19 , v: 69, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-10 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/314314/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D9%82%D8%B3%D9%85%D8%AA-%D9%87%D9%81%D8%AA%D9%85?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/23204953-5179-l__9762.jpg?width=300&quality=90&secret=jbbWbsLIWnf-qCW0tlxOeQ"
width="290px" height="163px"
alt="آموزش html | قسمت هفتم">
</a>
</div>
<span class="clip-duration">02:48</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/314314/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D9%82%D8%B3%D9%85%D8%AA-%D9%87%D9%81%D8%AA%D9%85?suspend_ads=true" class="flex-1"
title="آموزش html | قسمت هفتم">
آموزش html | قسمت هفتم
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-06-18 01:48:59 , v: 54, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-11 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/361151/%D8%AC%D9%84%D8%B3%D9%87-%D8%A7%D9%88%D9%84-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/21314315-1343-l__8777.jpg?width=300&quality=90&secret=FDDwJQ-nUjVCU9VtqWwvVg"
width="290px" height="163px"
alt="جلسه اول آموزش طراحی وب سایت">
</a>
</div>
<span class="clip-duration">40:03</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/361151/%D8%AC%D9%84%D8%B3%D9%87-%D8%A7%D9%88%D9%84-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA?suspend_ads=true" class="flex-1"
title="جلسه اول آموزش طراحی وب سایت">
جلسه اول آموزش طراحی وب سایت
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-08-07 08:33:50 , v: 48, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-12 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/456833/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A7%D8%B2-%D8%B5%D9%81%D8%B1-%D8%AA%D8%A7-%D8%B5%D8%AF-%D9%88%D8%A7%D9%82%D8%B9%DB%8C?suspend_ads=true">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/27323356-4300-l__5167.jpg?width=300&quality=90&secret=GmOCH-7EQ9bd7YYr4tcpBw"
width="290px" height="163px"
alt="آموزش طراحی سایت از صفر تا صد...">
</a>
</div>
<span class="clip-duration">51:52</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/456833/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A7%D8%B2-%D8%B5%D9%81%D8%B1-%D8%AA%D8%A7-%D8%B5%D8%AF-%D9%88%D8%A7%D9%82%D8%B9%DB%8C?suspend_ads=true" class="flex-1"
title="آموزش طراحی سایت از صفر تا صد واقعی">
آموزش طراحی سایت از صفر تا صد واقعی
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-12-04 15:31:07 , v: 48, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sidebar navigation -->
<div id="slide-out" class="side-nav right-aligned de11fault-color ">
<ul class="custom-scrollbar">
<!-- Logo -->
<li class=" ml-2 ">
<div class="logo-wr1apper waves-light">
<a href="https://www.vidbid.ir" class="text-white logo"><img src="https://www.vidbid.ir/image/stuff/vidbid-logo-48-white.png" width="36px" height="36px" alt="logo"
class="mr-2">ویدبید </a>
</div>
</li>
<li class="">
<ul class="collapsible collapsible-accordion">
<li><a href="https://www.vidbid.ir" class="collapsible-header waves-effect "><i class="fas fa-home"></i>صفحه اصلی</a></li>
<li><a href="https://www.vidbid.ir/series/%D8%AA%D9%85%D8%A7%D8%B4%D8%A7%DB%8C-%D8%AC%D8%B0%D8%A7%D8%A8-%D8%AA%D8%B1%DB%8C%D9%86-%D8%B3%D8%B1%DB%8C%D8%A7%D9%84-%D9%87%D8%A7" class="collapsible-header waves-effect "><i class="fas fa-tv"></i>تماشای سریال</a></li>
<li><a href="https://www.vidbid.ir/list/trends" class="collapsible-header waves-effect "><i class="fas fa-burn"></i>مطالب داغ</a></li>
</ul>
<ul class="collapsible collapsible-accordion mt-0">
<li><a href="#" onclick="event.preventDefault()" class="collapsible-header collapsed waves-effect arrow-r ">
<i class="fas fa-grip-vertical"></i> دسته بندی<i class="fas fa-angle-down rotate-icon"></i>
</a>
<div class="collapsible-body">
<ul class="">
<li><a href="https://www.vidbid.ir/category/funny?suspend_ads=true" class="collapsible-header waves-effect ">طنز</a></li>
<li><a href="https://www.vidbid.ir/category/entertainment?suspend_ads=true" class="collapsible-header waves-effect ">سرگرمی</a></li>
<li><a href="https://www.vidbid.ir/category/film?suspend_ads=true" class="collapsible-header waves-effect ">فیلم</a></li>
<li><a href="https://www.vidbid.ir/category/educational?suspend_ads=true" class="collapsible-header waves-effect ">آموزشی</a></li>
<li><a href="https://www.vidbid.ir/category/sport?suspend_ads=true" class="collapsible-header waves-effect ">ورزشی</a></li>
<li><a href="https://www.vidbid.ir/category?suspend_ads=true" class="collapsible-header waves-effect ">مشاهده همه دسته بندی ها</a></li>
</ul>
</div>
</li>
</ul>
<ul class="collapsible collapsible-accordion mt-0">
<li><a href="#" onclick="event.preventDefault()" class="collapsible-header waves-effect arrow-r ">
<i class="fas fa-tags"></i>برچسب ها<i class="fas fa-angle-down rotate-icon"></i>
</a>
<div class="collapsible-body">
<ul>
<li><a href="https://www.vidbid.ir/tag/%DA%A9%D8%A7%D8%B1%D8%AA%D9%88%D9%86?suspend_ads=true"
class="collapsible-header waves-effect ">کارتون</a></li>
<li><a href="https://www.vidbid.ir/tag/%D8%B7%D9%86%D8%B2?suspend_ads=true"
class="collapsible-header waves-effect ">طنز</a></li>
<li><a href="https://www.vidbid.ir/tag/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87%20%DA%A9%D9%88%D8%AF%DA%A9?suspend_ads=true"
class="collapsible-header waves-effect ">برنامه کودک</a></li>
<li><a href="https://www.vidbid.ir/tag/%D8%B3%D8%B1%DA%AF%D8%B1%D9%85%DB%8C?suspend_ads=true"
class="collapsible-header waves-effect ">سرگرمی</a></li>
<li><a href="https://www.vidbid.ir/tag/%D8%A7%D9%86%DB%8C%D9%85%DB%8C%D8%B4%D9%86?suspend_ads=true"
class="collapsible-header waves-effect ">انیمیشن</a></li>
<li><a href="https://www.vidbid.ir/tag/%D9%81%DB%8C%D9%84%D9%85?suspend_ads=true"
class="collapsible-header waves-effect ">فیلم</a></li>
<li><a href="https://www.vidbid.ir/tag/%D8%A8%D8%A7%D9%86%D9%88%D8%A7%D9%86%20%DA%A9%D9%88%D8%AF%DA%A9?suspend_ads=true"
class="collapsible-header waves-effect ">بانوان کودک</a></li>
<li><a href="https://www.vidbid.ir/tag/%DA%A9%D9%88%D8%AF%DA%A9?suspend_ads=true"
class="collapsible-header waves-effect ">کودک</a></li>
<li><a href="https://www.vidbid.ir/tag?suspend_ads=true" class="collapsible-header waves-effect ">مشاهده همه برچسب ها</a></li>
</ul>
</div>
</li>
</ul>
<video-filters :user_filters='{"qualities":[],"duration":"","query":""}'></video-filters>
</li>
<!--/. Side navigation links -->
</ul>
<div class="sidenav-bg rgba-teal-strong"></div>
</div>
<!--/. Sidebar navigation -->
</main>
<footer>
<div class="tags_cloud">
<a href="https://www.vidbid.ir/tag/%D9%88%D8%A8%D8%B3%D8%A7%D9%85%DB%8C%D8%AA%20%D9%82%D8%B7%D8%B1%202026?suspend_ads=true" class="chip">
وبسامیت قطر 2026
</a>
<a href="https://www.vidbid.ir/tag/%D8%B4%D8%A8%DA%A9%D9%87%20100?suspend_ads=true" class="chip">
شبکه 100
</a>
<a href="https://www.vidbid.ir/tag/%D8%B1%D9%88%D8%B2%D9%86%D8%A7%D9%85%D9%87%20%D8%A7%D8%B7%D9%84%D8%A7%D8%B9%D8%A7%D8%AA?suspend_ads=true" class="chip">
روزنامه اطلاعات
</a>
<a href="https://www.vidbid.ir/tag/%D9%84%D8%A8%D8%A7%D8%B1%D8%A7?suspend_ads=true" class="chip">
لبارا
</a>
<a href="https://www.vidbid.ir/tag/%D9%88%D8%AF%D8%A7%D9%81%D9%88%D9%86?suspend_ads=true" class="chip">
ودافون
</a>
<a href="https://www.vidbid.ir/tag/Hell%20is%20us?suspend_ads=true" class="chip">
Hell is us
</a>
<a href="https://www.vidbid.ir/tag/%D8%A7%D9%86%DA%AF%D9%84%DB%8C%D8%B3%DB%8C%20%D8%A8%D8%A7%20%D8%A7%D8%A8%D9%88%D8%B0%D8%B1?suspend_ads=true" class="chip">
انگلیسی با ابوذر
</a>
<a href="https://www.vidbid.ir/tag/%D8%A7%D9%85%DB%8C%D9%86%20%D9%85%D8%AD%D9%85%D8%AF%DB%8C?suspend_ads=true" class="chip">
امین محمدی
</a>
<a href="https://www.vidbid.ir/tag/%D8%B3%D9%86%D9%86%D8%AF%D8%AC%20%DA%AF%D8%B1%D8%AF%DB%8C?suspend_ads=true" class="chip">
سنندج گردی
</a>
<a href="https://www.vidbid.ir/tag/%D8%B1%DB%8C%D9%85%DA%86?suspend_ads=true" class="chip">
ریمچ
</a>
<a href="https://www.vidbid.ir/tag/Kingdom%20come%202?suspend_ads=true" class="chip">
Kingdom come 2
</a>
<a href="https://www.vidbid.ir/tag/%D8%B3%D8%B1%DB%8C%D8%A7%D9%84%20%D9%88%20%D9%86%D9%85%D8%A7%DB%8C%D8%B4?suspend_ads=true" class="chip">
سریال و نمایش
</a>
<a href="https://www.vidbid.ir/tag/%D8%A7%DB%8C%D9%86%D9%88%DB%8C%20%D9%87%DB%8C%D8%A8%D8%B1%DB%8C%D8%AF?suspend_ads=true" class="chip">
اینوی هیبرید
</a>
<a href="https://www.vidbid.ir/tag/mahdipes?suspend_ads=true" class="chip">
mahdipes
</a>
<a href="https://www.vidbid.ir/tag/%D8%AC%D9%84%D8%AF%20%D8%AF%D9%88%D9%85?suspend_ads=true" class="chip">
جلد دوم
</a>
<a href="https://www.vidbid.ir/tag/%DA%AF%D8%B1%D9%85%D8%A7%DB%8C%20%D9%87%D9%88%D8%A7?suspend_ads=true" class="chip">
گرمای هوا
</a>
<a href="https://www.vidbid.ir/tag/%DB%B1%DB%B1%DB%B0%DB%B0%20%D9%88%D8%A7%DA%98%D9%87?suspend_ads=true" class="chip">
۱۱۰۰ واژه
</a>
<a href="https://www.vidbid.ir/tag/%D8%B2%DB%8C%DA%A9%D9%88%D8%B1%D9%BE%D8%A7?suspend_ads=true" class="chip">
زیکورپا
</a>
<a href="https://www.vidbid.ir/tag/%D9%85%D8%A7%D8%B4%D8%A7%20%D9%88%20%D9%85%DB%8C%20%D8%B4%D8%A7?suspend_ads=true" class="chip">
ماشا و می شا
</a>
<a href="https://www.vidbid.ir/tag/%D9%87%DA%A9%20%D8%B2%D9%88%D9%85%DB%8C%D8%AA?suspend_ads=true" class="chip">
هک زومیت
</a>
<a href="https://www.vidbid.ir/tag/%D9%85%D8%B3%D8%AA%D8%B1%20%D8%AC%D8%BA%D8%AF?suspend_ads=true" class="chip">
مستر جغد
</a>
<a href="https://www.vidbid.ir/tag/setinx?suspend_ads=true" class="chip">
setinx
</a>
<a href="https://www.vidbid.ir/tag/ZCorpa?suspend_ads=true" class="chip">
ZCorpa
</a>
<a href="https://www.vidbid.ir/tag/F1%2025?suspend_ads=true" class="chip">
F1 25
</a>
<a href="https://www.vidbid.ir/tag/%D9%85%D9%86%20%D8%A7%D9%86%D8%B3%D8%A7%D9%86%20%D9%86%DB%8C%D8%B3%D8%AA%D9%85?suspend_ads=true" class="chip">
من انسان نیستم
</a>
</div>
</footer>
<login
ref="modal_login"
google_auth_url="https://www.vidbid.ir/login/google"
facebook_auth_url="https://www.vidbid.ir/login/facebook"
site_auth_url="https://www.vidbid.ir/login"
site_register_url="https://www.vidbid.ir/register"
site_remember_url="https://www.vidbid.ir/password/reset"
csrf="sNi4QnvUVsulIXiVbn9F6jd2YmDBJBUt7Xe0GZ0N"
></login>
</div>
<script>
window.route_name = 'video_page';
window.is_video_page = 'true';
window.watch_later_url = 'https://www.vidbid.ir/video/#watch_later#/watch_later'
window.is_user_logged_in = false
window.is_user_email_verified = false
window.email_verify_url = 'https://www.vidbid.ir/email/verify'
window.ad_report_url = 'https://www.vidbid.ir/ad_report';
window.base_url = 'https://www.vidbid.ir/';
window.user_search_history = '[]';
window.rasa_ad_percent = 10;
window.isVastAdEnable = 'false';
</script>
<script>
window.videoinfo = '{"id":"137193","site_id":"0","title":"\u0622\u0645\u0648\u0632\u0634 Html \u062c\u0644\u0633\u0647 \u06cc 2 \u0686\u0637\u0648\u0631 CSS \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645\u061f \u0686\u0637\u0648\u0631 \u0628\u0647 \u0635\u0641\u062d\u0647 \u06cc \u062e\u0648\u062f\u0645\u0648\u0646 \u0627\u0633\u062a\u0627\u06cc\u0644 \u0628\u062f\u06cc\u0645\u061f","duration":"1127","likes_count":"0","date":"2020-03-17 12:17:01","views":"84"}';
window.js_streams = '[{"type":"video\/mp4","label":"720p","src":"https:\/\/aspb3.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-720p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6IjEzNjkyZjc0NGZlZjNhMGUzY2Y5NWE3MDVmNThhMDA5IiwiZXhwIjoxNzcyMTE3NzgzLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.Uzjx4lIY4VhOrdaE4p1nGntJojakxQWW4Z-C39pBlQA"},{"type":"video\/mp4","label":"480p","src":"https:\/\/aspb2.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6IjEzNjkyZjc0NGZlZjNhMGUzY2Y5NWE3MDVmNThhMDA5IiwiZXhwIjoxNzcyMTE3NzgzLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.Uzjx4lIY4VhOrdaE4p1nGntJojakxQWW4Z-C39pBlQA"},{"type":"video\/mp4","label":"360p","src":"https:\/\/aspb3.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-360p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6IjEzNjkyZjc0NGZlZjNhMGUzY2Y5NWE3MDVmNThhMDA5IiwiZXhwIjoxNzcyMTE3NzgzLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.Uzjx4lIY4VhOrdaE4p1nGntJojakxQWW4Z-C39pBlQA"},{"type":"video\/mp4","label":"240p","src":"https:\/\/aspb16.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-240p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6IjEzNjkyZjc0NGZlZjNhMGUzY2Y5NWE3MDVmNThhMDA5IiwiZXhwIjoxNzcyMTE3NzgzLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.Uzjx4lIY4VhOrdaE4p1nGntJojakxQWW4Z-C39pBlQA"},{"type":"video\/mp4","label":"144p","src":"https:\/\/aspb16.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-144p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6IjEzNjkyZjc0NGZlZjNhMGUzY2Y5NWE3MDVmNThhMDA5IiwiZXhwIjoxNzcyMTE3NzgzLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.Uzjx4lIY4VhOrdaE4p1nGntJojakxQWW4Z-C39pBlQA"}]';
window.unplayable_report_url = 'https://www.vidbid.ir/video/137193/unplayable_report';
window.suspend_ads = false;
window.streams_needs_to_be_checked = false;
window.streams_check_type = 'async';
window.has_next_episode = false
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
// console.log(videojs($(".video-js")[$(".video-js").length-1]));
// in view_series_episode route we use video player but there is no videojs, so we will skip it
if(window.route_name === 'view_series_episode')
return;
let vjs = $(".video-js");
let index = vjs.length - 1;
let player = videojs(vjs[index]);
player.related({
title: 'ویدئو های مشابه',
target: 'self',
list: [
{
title: 'طراحی های خلاقانه با html و cs...',
full_title: 'طراحی های خلاقانه با html و css',
url: 'https://www.vidbid.ir/video/137181/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%87%D8%A7%DB%8C-%D8%AE%D9%84%D8%A7%D9%82%D8%A7%D9%86%D9%87-%D8%A8%D8%A7-html-%D9%88-css?suspend_ads=true',
image: 'https://static.cdn.asset.aparat.cloud/avt/19238397-6143-l__6190.jpg?width=300&quality=90&secret=sK3L1lT7G3GeKVHZZ1avAA',
duration: 'مدت زمان: 14:55',
target: 'self'
},
{
title: 'آموزش جذاب عکس سیاه و رنگی در...',
full_title: 'آموزش جذاب عکس سیاه و رنگی در css و html',
url: 'https://www.vidbid.ir/video/137186/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%D8%B0%D8%A7%D8%A8-%D8%B9%DA%A9%D8%B3-%D8%B3%DB%8C%D8%A7%D9%87-%D9%88-%D8%B1%D9%86%DA%AF%DB%8C-%D8%AF%D8%B1-css-%D9%88-html?suspend_ads=true',
image: 'https://static.cdn.asset.aparat.cloud/avt/19387805-2805-l__2903.jpg?width=300&quality=90&secret=SROacSqEtxi8AyH-O9xHeA',
duration: 'مدت زمان: 03:10',
target: 'self'
},
{
title: 'آموزش Html جلسه ی 7 چطور وب س...',
full_title: 'آموزش Html جلسه ی 7 چطور وب سایتمون رو با CSS تزیین کن...',
url: 'https://www.vidbid.ir/video/137189/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D8%AC%D9%84%D8%B3%D9%87-%DB%8C-7-%DA%86%D8%B7%D9%88%D8%B1-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA%D9%85%D9%88%D9%86-%D8%B1%D9%88-%D8%A8%D8%A7-css-%D8%AA%D8%B2%DB%8C%DB%8C%D9%86-%DA%A9%D9%86%DB%8C%D9%85?suspend_ads=true',
image: 'https://static.cdn.asset.aparat.cloud/avt/19397354-6875-l__6636.jpg?width=300&quality=90&secret=eTyukiv-wiVW3NDnyCrQUQ',
duration: 'مدت زمان: 09:01',
target: 'self'
},
{
title: 'Html css',
full_title: 'Html css',
url: 'https://www.vidbid.ir/video/137196/html-css?suspend_ads=true',
image: 'https://static.cdn.asset.aparat.cloud/avt/18776956-4224-l__6561.jpg?width=300&quality=90&secret=7nYSoTzOcG5QsRxwgslPCA',
duration: 'مدت زمان: 00:36',
target: 'self'
},
{
title: '1طراحی های خلاقانه با HTML CS...',
full_title: '1طراحی های خلاقانه با HTML CSS',
url: 'https://www.vidbid.ir/video/137197/1%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%87%D8%A7%DB%8C-%D8%AE%D9%84%D8%A7%D9%82%D8%A7%D9%86%D9%87-%D8%A8%D8%A7-html-css?suspend_ads=true',
image: 'https://static.cdn.asset.aparat.cloud/avt/18811083-5718-l__7374.jpg?width=300&quality=90&secret=9olGCfmKa6OZ8g6cxwFLXg',
duration: 'مدت زمان: 03:37',
target: 'self'
},
{
title: 'طراحی وب قسمت 14',
full_title: 'طراحی وب قسمت 14',
url: 'https://www.vidbid.ir/video/154461/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D9%82%D8%B3%D9%85%D8%AA-14?suspend_ads=true',
image: 'https://static.cdn.asset.aparat.cloud/avt/20219886-6333-l__5573.jpg?width=300&quality=90&secret=-v6rYz8YTb125dD2OSpCkA',
duration: 'مدت زمان: 04:32',
target: 'self'
},
]
});
}, false);
</script>
<took>0.05 sec, flt: 0</took>
<query>time: 7, count: 11, slow: 0</query>
</body>
</html>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="38d8cca061460c634a23c2ad-|49" defer></script>
