مطالبی که در این جلسه می آموزیم:
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: 82 , 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> 82
</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/1071157/%D8%AE%D9%84%D8%A7%D8%B5%D9%87-%D8%A7%D9%BE%DB%8C%D8%B2%D9%88%D8%AF-%D8%A7%D9%88%D9%84-%D9%BE%D8%A7%D8%AF%DA%A9%D8%B3%D8%AA-%D9%88-%D9%88%DB%8C%DA%A9%D8%B3%D8%AA-laquo%D9%82%D9%82%D9%86%D9%88%D8%B3raquo">
<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/68291411-5483-l__2337.jpg?width=300&quality=90&secret=ULY-eG4WGtZPw66r7uwrGw"
width="290px" height="163px"
alt="خلاصه اپیزود اول پادکست و ویک...">
</a>
</div>
<span class="clip-duration">14:44</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/1071157/%D8%AE%D9%84%D8%A7%D8%B5%D9%87-%D8%A7%D9%BE%DB%8C%D8%B2%D9%88%D8%AF-%D8%A7%D9%88%D9%84-%D9%BE%D8%A7%D8%AF%DA%A9%D8%B3%D8%AA-%D9%88-%D9%88%DB%8C%DA%A9%D8%B3%D8%AA-laquo%D9%82%D9%82%D9%86%D9%88%D8%B3raquo" 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-08 00:18:20 , v: 2, l: 0">
5 روز پیش
</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/1071217/%DA%AF%D9%86%D8%A8%D8%AF-%D8%B7%D9%84%D8%A7%DB%8C%DB%8C-%D8%AA%D8%B1%D8%A7%D9%85%D9%BE">
<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/68289590-8562-l__8320.jpg?width=300&quality=90&secret=brpVF3cDe8VsvOGHO-oJog"
width="290px" height="163px"
alt="گنبد طلایی ترامپ">
</a>
</div>
<span class="clip-duration">17:09</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/1071217/%DA%AF%D9%86%D8%A8%D8%AF-%D8%B7%D9%84%D8%A7%DB%8C%DB%8C-%D8%AA%D8%B1%D8%A7%D9%85%D9%BE" 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-10 00:18:22 , v: 1, l: 0">
3 روز پیش
</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/1071179/%D8%A2%D9%81%D8%AA%D9%88%D9%85%D8%A7%D8%AA-%D8%AF%DB%8C%D9%86%D8%A7%D9%85-%D9%85%D8%A7%D8%B4%DB%8C%D9%86-%D8%B1%D9%88-%DA%86%D8%B7%D9%88%D8%B1-%D8%AA%D8%B3%D8%AA-%DA%A9%D9%86%DB%8C%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4">
<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/68295859-9060-l__8482.jpg?width=300&quality=90&secret=TGn4HHjLCRclUleO17_E0Q"
width="290px" height="163px"
alt="آفتومات دینام ماشین رو چطور تس...">
</a>
</div>
<span class="clip-duration">16:45</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/1071179/%D8%A2%D9%81%D8%AA%D9%88%D9%85%D8%A7%D8%AA-%D8%AF%DB%8C%D9%86%D8%A7%D9%85-%D9%85%D8%A7%D8%B4%DB%8C%D9%86-%D8%B1%D9%88-%DA%86%D8%B7%D9%88%D8%B1-%D8%AA%D8%B3%D8%AA-%DA%A9%D9%86%DB%8C%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4" 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-08 10:18:10 , v: 1, l: 0">
5 روز پیش
</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/1071120/%D9%85%D8%B7%D8%A7%D9%84%D8%B9%D8%A7%D8%AA-%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%DB%8C-%D9%BE%D8%A7%DB%8C%D9%87-%D9%86%D9%87%D9%85-%D8%AF%D8%B1%D8%B3-%D8%B3%DB%8C%D8%B2%D8%AF%D9%87%D9%85-%D9%82%D8%B3%D9%85%D8%AA-%D8%AF%D9%88%D9%85">
<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/68107416-7975-l__9901.jpg?width=300&quality=90&secret=SAk0OjM9MAm0oxR-CbpHIw"
width="290px" height="163px"
alt="مطالعات اجتماعی پایه نهم درس...">
</a>
</div>
<span class="clip-duration">19:41</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/1071120/%D9%85%D8%B7%D8%A7%D9%84%D8%B9%D8%A7%D8%AA-%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%DB%8C-%D9%BE%D8%A7%DB%8C%D9%87-%D9%86%D9%87%D9%85-%D8%AF%D8%B1%D8%B3-%D8%B3%DB%8C%D8%B2%D8%AF%D9%87%D9%85-%D9%82%D8%B3%D9%85%D8%AA-%D8%AF%D9%88%D9%85" 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-06 09:00:15 , v: 7, l: 0">
1 هفته پیش
</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/1071224/%D8%B9%D9%84%D9%88%D9%85-%D9%BE%DB%8C%D8%B4-%D8%AF%D8%A8%D8%B3%D8%AA%D8%A7%D9%86%DB%8C-%D9%81%D8%B5%D9%84-%D9%85%D9%88%D8%AC%D9%88%D8%AF-%D8%B2%D9%86%D8%AF%D9%87-%D9%86%D9%85%D8%A7%DB%8C%D8%B4-13-%D8%A7%D8%B9%D8%B6%D8%A7%DB%8C-%D8%A8%D8%AF%D9%86-%D9%85%D8%BA%D8%B2">
<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/68157543-3955-l__9198.jpg?width=300&quality=90&secret=fU5-WX5fhngWduvVtw6GAg"
width="290px" height="163px"
alt="علوم پیش دبستانی فصل موجود زن...">
</a>
</div>
<span class="clip-duration">13:35</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/1071224/%D8%B9%D9%84%D9%88%D9%85-%D9%BE%DB%8C%D8%B4-%D8%AF%D8%A8%D8%B3%D8%AA%D8%A7%D9%86%DB%8C-%D9%81%D8%B5%D9%84-%D9%85%D9%88%D8%AC%D9%88%D8%AF-%D8%B2%D9%86%D8%AF%D9%87-%D9%86%D9%85%D8%A7%DB%8C%D8%B4-13-%D8%A7%D8%B9%D8%B6%D8%A7%DB%8C-%D8%A8%D8%AF%D9%86-%D9%85%D8%BA%D8%B2" class="flex-1"
title="علوم پیش دبستانی فصل موجود زنده نمایش 13: اعضای بدن (مغز)">
علوم پیش دبستانی فصل موجود زنده نمایش 13: اعضای بدن (مغز)
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2026-02-10 00:18:35 , v: 0, l: 0">
3 روز پیش
</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/1071329/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AA%D9%81%D8%A7%D9%88%D8%AA-im-%D9%88-cp-%D8%B9%D9%85%D9%84%DA%AF%D8%B1%D9%87%D8%A7-%D9%88-%D8%AD%D8%A7%D9%81%D8%B8%D9%87%D9%87%D8%A7%DB%8C-plc">
<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/68336847-8229-l__5272.jpg?width=300&quality=90&secret=Esq39q1NanV7XD0w7gYrMQ"
width="290px" height="163px"
alt="آموزش تفاوت IM و CP، عملگرها...">
</a>
</div>
<span class="clip-duration">50: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/1071329/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AA%D9%81%D8%A7%D9%88%D8%AA-im-%D9%88-cp-%D8%B9%D9%85%D9%84%DA%AF%D8%B1%D9%87%D8%A7-%D9%88-%D8%AD%D8%A7%D9%81%D8%B8%D9%87%D9%87%D8%A7%DB%8C-plc" class="flex-1"
title="آموزش تفاوت IM و CP، عملگرها و حافظههای PLC">
آموزش تفاوت IM و CP، عملگرها و حافظههای PLC
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2026-02-12 00:18:33 , v: 0, l: 0">
1 روز پیش
</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/1071220/%D8%AA%D8%B3%D8%AA-%D9%85%D8%AC%D9%85%D9%88%D8%B9%D9%87-%D8%AF%DB%8C%D9%88%D8%AF-%D8%AF%DB%8C%D9%86%D8%A7%D9%85-%D9%85%D8%A7%D8%B4%DB%8C%D9%86">
<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/68311658-1440-l__3680.jpg?width=300&quality=90&secret=swFfsR5sUfZPq1KtfBK0wg"
width="290px" height="163px"
alt="تست مجموعه دیود دینام ماشین">
</a>
</div>
<span class="clip-duration">15:17</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/1071220/%D8%AA%D8%B3%D8%AA-%D9%85%D8%AC%D9%85%D9%88%D8%B9%D9%87-%D8%AF%DB%8C%D9%88%D8%AF-%D8%AF%DB%8C%D9%86%D8%A7%D9%85-%D9%85%D8%A7%D8%B4%DB%8C%D9%86" 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-10 00:18:27 , v: 0, l: 0">
3 روز پیش
</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/1071222/%D8%B2%D8%A8%D8%A7%D9%86-%D9%BE%D8%A7%DB%8C%D9%87-%D9%87%D9%81%D8%AA%D9%85-%D8%AF%D8%B1%D8%B3-%D8%B4%D8%B4%D9%85-2">
<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/68304792-5810-l__7724.jpg?width=300&quality=90&secret=VS6evTYUsVb7sNsNp-P9tA"
width="290px" height="163px"
alt="زبان پایه هفتم درس ششم ( 2 )">
</a>
</div>
<span class="clip-duration">03: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/1071222/%D8%B2%D8%A8%D8%A7%D9%86-%D9%BE%D8%A7%DB%8C%D9%87-%D9%87%D9%81%D8%AA%D9%85-%D8%AF%D8%B1%D8%B3-%D8%B4%D8%B4%D9%85-2" class="flex-1"
title="زبان پایه هفتم درس ششم ( 2 )">
زبان پایه هفتم درس ششم ( 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-10 00:18:32 , v: 1, l: 0">
3 روز پیش
</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/1071180/%DA%86%D9%86%D8%AF-%D8%AA%D8%A7-hotkey-%D8%B3%D8%A7%D8%AF%D9%87-%D8%AF%D8%B1-%D9%BE%D8%B1%DB%8C%D9%85%DB%8C%D8%B1-%DA%A9%D9%87-%D8%B2%D9%85%D8%A7%D9%86-%D8%AA%D8%AF%D9%88%DB%8C%D9%86%D8%AA-%D8%B1%D9%88-%D9%86%D8%B5%D9%81-%D9%85%DB%8C%DA%A9%D9%86%D9%87">
<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/68112052-2119-l__2732.jpg?width=300&quality=90&secret=zqAthp4qnCB8ok9gY57ClQ"
width="290px" height="163px"
alt="چند تا Hotkey ساده در پریمیر ک...">
</a>
</div>
<span class="clip-duration">22: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/1071180/%DA%86%D9%86%D8%AF-%D8%AA%D8%A7-hotkey-%D8%B3%D8%A7%D8%AF%D9%87-%D8%AF%D8%B1-%D9%BE%D8%B1%DB%8C%D9%85%DB%8C%D8%B1-%DA%A9%D9%87-%D8%B2%D9%85%D8%A7%D9%86-%D8%AA%D8%AF%D9%88%DB%8C%D9%86%D8%AA-%D8%B1%D9%88-%D9%86%D8%B5%D9%81-%D9%85%DB%8C%DA%A9%D9%86%D9%87" class="flex-1"
title="چند تا Hotkey ساده در پریمیر که زمان تدوینت رو نصف میکنه">
چند تا Hotkey ساده در پریمیر که زمان تدوینت رو نصف میکنه
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2026-02-08 11:50:05 , v: 3, l: 0">
5 روز پیش
</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">
<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" 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: 46, 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">
<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" 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: 42, 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">
<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" 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: 31, 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">
<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" 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: 71, 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">
<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" 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: 48, 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">
<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" 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: 61, 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">
<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" 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: 78, 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">
<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" 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: 69, 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">
<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" 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: 67, 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">
<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" 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: 53, 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">
<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" 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: 46, 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">
<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" 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: 47, 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" class="collapsible-header waves-effect ">طنز</a></li>
<li><a href="https://www.vidbid.ir/category/entertainment" class="collapsible-header waves-effect ">سرگرمی</a></li>
<li><a href="https://www.vidbid.ir/category/film" class="collapsible-header waves-effect ">فیلم</a></li>
<li><a href="https://www.vidbid.ir/category/educational" class="collapsible-header waves-effect ">آموزشی</a></li>
<li><a href="https://www.vidbid.ir/category/sport" class="collapsible-header waves-effect ">ورزشی</a></li>
<li><a href="https://www.vidbid.ir/category" 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"
class="collapsible-header waves-effect ">کارتون</a></li>
<li><a href="https://www.vidbid.ir/tag/%D8%B7%D9%86%D8%B2"
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"
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"
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"
class="collapsible-header waves-effect ">انیمیشن</a></li>
<li><a href="https://www.vidbid.ir/tag/%D9%81%DB%8C%D9%84%D9%85"
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"
class="collapsible-header waves-effect ">بانوان کودک</a></li>
<li><a href="https://www.vidbid.ir/tag/%DA%A9%D9%88%D8%AF%DA%A9"
class="collapsible-header waves-effect ">کودک</a></li>
<li><a href="https://www.vidbid.ir/tag" 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" class="chip">
وبسامیت قطر 2026
</a>
<a href="https://www.vidbid.ir/tag/%DA%A9%DB%8C%D9%85%D8%AF%DB%8C2026" class="chip">
کیمدی2026
</a>
<a href="https://www.vidbid.ir/tag/%D8%B2%D9%88%D9%85%D9%88%D8%AA%D9%88%D8%B1" class="chip">
زوموتور
</a>
<a href="https://www.vidbid.ir/tag/%D8%B4%D8%A8%DA%A9%D9%87%20100" 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" class="chip">
روزنامه اطلاعات
</a>
<a href="https://www.vidbid.ir/tag/%D8%AE%D8%A7%DA%A9%20%DA%AF%D9%84%D8%AF%D8%A7%D9%86" class="chip">
خاک گلدان
</a>
<a href="https://www.vidbid.ir/tag/Kingdom%20come%202" class="chip">
Kingdom come 2
</a>
<a href="https://www.vidbid.ir/tag/Hell%20is%20us" class="chip">
Hell is us
</a>
<a href="https://www.vidbid.ir/tag/%D8%B1%D9%88%D9%84%D9%88%D8%AA" 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" class="chip">
سنندج گردی
</a>
<a href="https://www.vidbid.ir/tag/%D8%B3%DB%8C%D9%84%DB%8C%D9%88%D9%86" class="chip">
سیلیون
</a>
<a href="https://www.vidbid.ir/tag/%D9%88%D8%AF%D8%A7%D9%81%D9%88%D9%86" class="chip">
ودافون
</a>
<a href="https://www.vidbid.ir/tag/baziplanet" class="chip">
baziplanet
</a>
<a href="https://www.vidbid.ir/tag/Half%20Sword" class="chip">
Half Sword
</a>
<a href="https://www.vidbid.ir/tag/%D9%84%D8%A8%D8%A7%D8%B1%D8%A7" class="chip">
لبارا
</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" class="chip">
من انسان نیستم
</a>
<a href="https://www.vidbid.ir/tag/%D9%BE%D8%A7%DB%8C%D8%A7%D9%86%20%D8%B4%D8%A7%D9%87%D9%86%D8%A7%D9%85%D9%87" class="chip">
پایان شاهنامه
</a>
<a href="https://www.vidbid.ir/tag/%DA%A9%D9%88%DA%A9%D8%B3%D8%AA%D9%88%D9%86" class="chip">
کوکستون
</a>
<a href="https://www.vidbid.ir/tag/%D8%AA%D9%86%DA%AF%D9%87%20%D8%BA%D8%B1%D9%82%D8%A7%D8%A8" class="chip">
تنگه غرقاب
</a>
<a href="https://www.vidbid.ir/tag/%D8%AF%D9%86%DB%8C%D8%A7%DB%8C%20%D8%A2%D9%85%D9%88%D8%B2%D8%B4" class="chip">
دنیای آموزش
</a>
<a href="https://www.vidbid.ir/tag/%D8%B4%D8%A7%D8%AE%D8%B5%20%D8%B3%D9%87%D8%A7%D9%85" class="chip">
شاخص سهام
</a>
<a href="https://www.vidbid.ir/tag/%D8%B4%D8%A7%D9%85%DB%8C%20%DA%AF%DB%8C%D9%84%D8%A7%D9%86%DB%8C" class="chip">
شامی گیلانی
</a>
<a href="https://www.vidbid.ir/tag/%D8%BA%D8%B0%D8%A7%DB%8C%20%DA%AF%D9%88%D8%B4%D8%AA%DB%8C" class="chip">
غذای گوشتی
</a>
<a href="https://www.vidbid.ir/tag/%D8%B1%DB%8C%20%D8%B1%D8%A7%20bsd" class="chip">
ری را bsd
</a>
<a href="https://www.vidbid.ir/tag/%D9%88%DB%8C%20%D9%88%D8%A7%DB%8C%20%D9%85%D8%AF%DB%8C" 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="m8CdoDQ9k36CuOJDylFkePvdmWGGj16eAlsX7SUg"
></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":"82"}';
window.js_streams = '[{"type":"video\/mp4","label":"720p","src":"https:\/\/aspb3.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-720p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImJmZTA5MjczYjhhYzViZjNmYWRkZmI0ZWEyM2E5ZGE2IiwiZXhwIjoxNzcwNjQ3MDkyLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.C8PISf3zFR54HYVWs6U-fe3eP4ZeqVbOCFQR4IzA0nM"},{"type":"video\/mp4","label":"480p","src":"https:\/\/aspb2.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImJmZTA5MjczYjhhYzViZjNmYWRkZmI0ZWEyM2E5ZGE2IiwiZXhwIjoxNzcwNjQ3MDkyLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.C8PISf3zFR54HYVWs6U-fe3eP4ZeqVbOCFQR4IzA0nM"},{"type":"video\/mp4","label":"360p","src":"https:\/\/aspb3.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-360p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImJmZTA5MjczYjhhYzViZjNmYWRkZmI0ZWEyM2E5ZGE2IiwiZXhwIjoxNzcwNjQ3MDkyLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.C8PISf3zFR54HYVWs6U-fe3eP4ZeqVbOCFQR4IzA0nM"},{"type":"video\/mp4","label":"240p","src":"https:\/\/aspb16.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-240p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImJmZTA5MjczYjhhYzViZjNmYWRkZmI0ZWEyM2E5ZGE2IiwiZXhwIjoxNzcwNjQ3MDkyLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.C8PISf3zFR54HYVWs6U-fe3eP4ZeqVbOCFQR4IzA0nM"},{"type":"video\/mp4","label":"144p","src":"https:\/\/aspb16.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-144p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImJmZTA5MjczYjhhYzViZjNmYWRkZmI0ZWEyM2E5ZGE2IiwiZXhwIjoxNzcwNjQ3MDkyLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.C8PISf3zFR54HYVWs6U-fe3eP4ZeqVbOCFQR4IzA0nM"}]';
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',
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',
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',
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',
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',
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',
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: 8, count: 11, slow: 0</query>
</body>
</html>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="76b46c929a14e9dfd4b7bb04-|49" defer></script>
