مطالبی که در این جلسه می آموزیم:
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: 85 , 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> 85
</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/1071869/%DB%B2%DB%B0-%D8%AC%D9%85%D9%84%D9%87-%DA%A9%D9%84%DB%8C%D8%AF%DB%8C-%D9%88-%D9%85%D9%87%D9%85-%D8%AF%D8%B1%D8%B3-%D8%AF%D9%88%D9%85-%D8%B2%D8%A8%D8%A7%D9%86-%D9%BE%D8%A7%DB%8C%D9%87-%D8%AF%D9%88%D8%A7%D8%B2%D8%AF%D9%87%D9%85-%D8%A7%D9%86%DA%AF%D9%84%DB%8C%D8%B3%DB%8C-%D8%A8%D8%A7-%D8%A7%D8%A8%D9%88%D8%B0%D8%B1?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/68490482-1011-l__5133.jpg?width=300&quality=90&secret=QoceXe_aL-P5tXgTHabLzA"
width="290px" height="163px"
alt="۲۰ جمله کلیدی و مهم درس دوم زب...">
</a>
</div>
<span class="clip-duration">12: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/1071869/%DB%B2%DB%B0-%D8%AC%D9%85%D9%84%D9%87-%DA%A9%D9%84%DB%8C%D8%AF%DB%8C-%D9%88-%D9%85%D9%87%D9%85-%D8%AF%D8%B1%D8%B3-%D8%AF%D9%88%D9%85-%D8%B2%D8%A8%D8%A7%D9%86-%D9%BE%D8%A7%DB%8C%D9%87-%D8%AF%D9%88%D8%A7%D8%B2%D8%AF%D9%87%D9%85-%D8%A7%D9%86%DA%AF%D9%84%DB%8C%D8%B3%DB%8C-%D8%A8%D8%A7-%D8%A7%D8%A8%D9%88%D8%B0%D8%B1?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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-25 00: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/1071840/%D9%85%D8%B4%DA%A9%D9%84-%D8%A2%DB%8C%D9%86%D9%87-%D8%AA%D9%84%D8%B3%DA%A9%D9%88%D9%BE-%D9%87%D8%A7%D8%A8%D9%84-%DA%86%D8%B7%D9%88%D8%B1%DB%8C-%D8%AD%D9%84-%D8%B4%D8%AF?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/68518182-7680-l__8914.jpg?width=300&quality=90&secret=f7eycGftDR_s9yBxc457Vw"
width="290px" height="163px"
alt="مشکل آینه تلسکوپ هابل چطوری حل...">
</a>
</div>
<span class="clip-duration">09: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/1071840/%D9%85%D8%B4%DA%A9%D9%84-%D8%A2%DB%8C%D9%86%D9%87-%D8%AA%D9%84%D8%B3%DA%A9%D9%88%D9%BE-%D9%87%D8%A7%D8%A8%D9%84-%DA%86%D8%B7%D9%88%D8%B1%DB%8C-%D8%AD%D9%84-%D8%B4%D8%AF?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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:22 , v: 1, 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/1071953/%DB%B1%DB%B1%DB%B0%DB%B0-%D9%88%D8%A7%DA%98%D9%87-%DA%A9%D9%87-%D8%A8%D8%A7%DB%8C%D8%AF-%D8%AF%D8%A7%D9%86%D8%B3%D8%AA-%D9%87%D9%81%D8%AA%D9%87-%D8%B3%D9%88%D9%85-%D8%B1%D9%88%D8%B2-%DA%86%D9%87%D8%A7%D8%B1%D9%85-%D8%B5-%DB%B1%DB%B7-%D8%A7%D9%86%DA%AF%D9%84%DB%8C%D8%B3%DB%8C-%D8%A8%D8%A7-%D8%A7%D8%A8%D9%88%D8%B0%D8%B1?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/54911165-7448-l__7073.jpg?width=300&quality=90&secret=OHHXBFccyPaSWGfcULev5A"
width="290px" height="163px"
alt="۱۱۰۰ واژه که باید دانست | هفته...">
</a>
</div>
<span class="clip-duration">12: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/1071953/%DB%B1%DB%B1%DB%B0%DB%B0-%D9%88%D8%A7%DA%98%D9%87-%DA%A9%D9%87-%D8%A8%D8%A7%DB%8C%D8%AF-%D8%AF%D8%A7%D9%86%D8%B3%D8%AA-%D9%87%D9%81%D8%AA%D9%87-%D8%B3%D9%88%D9%85-%D8%B1%D9%88%D8%B2-%DA%86%D9%87%D8%A7%D8%B1%D9%85-%D8%B5-%DB%B1%DB%B7-%D8%A7%D9%86%DA%AF%D9%84%DB%8C%D8%B3%DB%8C-%D8%A8%D8%A7-%D8%A7%D8%A8%D9%88%D8%B0%D8%B1?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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:08 , v: 1, l: 0">
1 هفته پیش
</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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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: 1, l: 0">
2 هفته پیش
</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/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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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">
1 هفته پیش
</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/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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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: 1, 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/1071896/%D8%A7%D9%86%DA%AF%D9%84%DB%8C%D8%B3%DB%8C-%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-3?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/68415709-4213-l__5661.jpg?width=300&quality=90&secret=2XN8qduU3YXoYaxXiCnBQg"
width="290px" height="163px"
alt="انگلیسی پایه هفتم درس ششم ( 3...">
</a>
</div>
<span class="clip-duration">01: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/1071896/%D8%A7%D9%86%DA%AF%D9%84%DB%8C%D8%B3%DB%8C-%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-3?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="flex-1"
title="انگلیسی پایه هفتم درس ششم ( 3 )">
انگلیسی پایه هفتم درس ششم ( 3 )
</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 00:18:26 , v: 3, l: 0">
1 هفته پیش
</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/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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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: 6, 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/1071813/%DA%AF%D8%A7%D8%B2%D9%81%D9%86%D8%AF%DA%A9-%D8%B1%D9%88-%D8%A8%D9%87-%D8%B3%D9%88%D8%AE%D8%AA-%D9%85%D9%88%D8%B4%DA%A9-%D8%AA%D8%A8%D8%AF%DB%8C%D9%84-%DA%A9%D8%B1%D8%AF%D9%85?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/68513029-5409-l__2880.jpg?width=300&quality=90&secret=gkVdsNHoTjsBfCh5cb5S2w"
width="290px" height="163px"
alt="گازفندک رو به سوخت موشک تبدیل...">
</a>
</div>
<span class="clip-duration">03:34</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/1071813/%DA%AF%D8%A7%D8%B2%D9%81%D9%86%D8%AF%DA%A9-%D8%B1%D9%88-%D8%A8%D9%87-%D8%B3%D9%88%D8%AE%D8%AA-%D9%85%D9%88%D8%B4%DA%A9-%D8%AA%D8%A8%D8%AF%DB%8C%D9%84-%DA%A9%D8%B1%D8%AF%D9%85?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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-22 10:18:14 , v: 2, l: 0">
2 هفته پیش
</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/443881/8-%D8%AA%D8%A7%DB%8C%D9%BE%D9%88%DA%AF%D8%B1%D8%A7%D9%81%DB%8C-%D9%88-%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84-%D8%AF%D9%87%DB%8C-%D8%A8%D9%87-%D9%85%D8%AA%D9%86-%D9%88%D8%A8-%D9%81%D9%88%D9%86%D8%AA?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/27101796-2296-l__8187.jpg?width=300&quality=90&secret=fZ5HJ15bSWtCThQiCww7EQ"
width="290px" height="163px"
alt="8. تایپوگرافی و استایل دهی به...">
</a>
</div>
<span class="clip-duration">16:22</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/443881/8-%D8%AA%D8%A7%DB%8C%D9%BE%D9%88%DA%AF%D8%B1%D8%A7%D9%81%DB%8C-%D9%88-%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84-%D8%AF%D9%87%DB%8C-%D8%A8%D9%87-%D9%85%D8%AA%D9%86-%D9%88%D8%A8-%D9%81%D9%88%D9%86%D8%AA?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="flex-1"
title="8. تایپوگرافی و استایل دهی به متن، وب فونت">
8. تایپوگرافی و استایل دهی به متن، وب فو...
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-11-20 15:32:27 , v: 72, 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/480913/%D9%82%D8%B3%D9%85%D8%AA-%D8%AF%D9%88%D8%A7%D8%B2%D8%AF%D9%87%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D9%88-css-%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%D9%87-%D8%AF%D8%A7%D8%AF%D9%86-%D8%A8%D9%87-%D8%AA%DA%AF-%D9%87%D8%A7?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/28445111-8880-l__7150.jpg?width=300&quality=90&secret=pePWSuaEQxSzgThzgtgpug"
width="290px" height="163px"
alt="قسمت دوازدهم آموزش HTML و CSS...">
</a>
</div>
<span class="clip-duration">05:56</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/480913/%D9%82%D8%B3%D9%85%D8%AA-%D8%AF%D9%88%D8%A7%D8%B2%D8%AF%D9%87%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D9%88-css-%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%D9%87-%D8%AF%D8%A7%D8%AF%D9%86-%D8%A8%D9%87-%D8%AA%DA%AF-%D9%87%D8%A7?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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-12-30 02:42:43 , v: 77, 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/494658/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%85%D8%A7%D8%B4%DB%8C%D9%86-%D8%AD%D8%B3%D8%A7%D8%A8-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/23893268-6575-l__1528.jpg?width=300&quality=90&secret=JSiEeaKwCT0x_SW0ewwF_Q"
width="290px" height="163px"
alt="آموزش برنامه نویسی برنامه نوی...">
</a>
</div>
<span class="clip-duration">01:10:43</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/494658/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%85%D8%A7%D8%B4%DB%8C%D9%86-%D8%AD%D8%B3%D8%A7%D8%A8-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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="2021-01-14 14:10:14 , v: 66, 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/550318/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D9%87%DB%8C%D9%86%D9%87-%DA%A9%D8%B1%D8%AF%D9%86-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/20670340-6580-l__1137.jpg?width=300&quality=90&secret=rNiSro0o3-0jg1LQMFULyA"
width="290px" height="163px"
alt="آموزش بهینه کردن وبسایت">
</a>
</div>
<span class="clip-duration">01:02: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/550318/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D9%87%DB%8C%D9%86%D9%87-%DA%A9%D8%B1%D8%AF%D9%86-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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="2021-03-26 15:20:48 , v: 58, l: 0">
4 سال پیش
</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/605739/%DA%A9%D8%A7%D9%86%D8%AA%D8%B1-%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%DB%8C%DA%A9-%D8%B3%D9%88%D8%B1%D8%B3-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A7%D9%86%D8%AF%D8%B1%D9%88%DB%8C%D8%AF?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/35222223-2963-l__8353.jpg?width=300&quality=90&secret=0tw5hyWtCZilY7ufEbLgvQ"
width="290px" height="163px"
alt="کانتر استرایک سورس برای اندروی...">
</a>
</div>
<span class="clip-duration">09:50</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/605739/%DA%A9%D8%A7%D9%86%D8%AA%D8%B1-%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%DB%8C%DA%A9-%D8%B3%D9%88%D8%B1%D8%B3-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A7%D9%86%D8%AF%D8%B1%D9%88%DB%8C%D8%AF?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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="2021-07-15 13:07:54 , v: 55, l: 0">
4 سال پیش
</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/711224/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B1%D8%A7%DB%8C%DA%AF%D8%A7%D9%86-css3-%D9%82%D8%B3%D9%85%D8%AA-%DB%B1%DB%B1box-reflect?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/2985289-8692-l__9889.jpg?width=300&quality=90&secret=vdB3OsgWVUgSVaVLwDA1OA"
width="290px" height="163px"
alt="فیلم آموزش رایگان CSS3 قسمت ۱۱...">
</a>
</div>
<span class="clip-duration">15:02</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/711224/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B1%D8%A7%DB%8C%DA%AF%D8%A7%D9%86-css3-%D9%82%D8%B3%D9%85%D8%AA-%DB%B1%DB%B1box-reflect?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="flex-1"
title="فیلم آموزش رایگان CSS3 قسمت ۱۱(Box Reflect)">
فیلم آموزش رایگان CSS3 قسمت ۱۱(Box Refle...
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2021-12-27 01:35:11 , v: 58, l: 0">
4 سال پیش
</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/817585/%D9%82%D8%B3%D9%85%D8%AA-10?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/44319962-1854-l__4873.jpg?width=300&quality=90&secret=wXoB8R6OMVIkk0prkbE0Kg"
width="290px" height="163px"
alt="قسمت 10">
</a>
</div>
<span class="clip-duration">05:42</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/817585/%D9%82%D8%B3%D9%85%D8%AA-10?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="flex-1"
title="قسمت 10">
قسمت 10
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2022-04-27 11:05:10 , v: 59, l: 0">
3 سال پیش
</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/823902/%D9%82%D8%B3%D9%85%D8%AA-62-%DA%A9%D8%AA%D8%A7%D8%A8-%D9%BE%DB%8C%D8%A7%D8%AF%D9%87-%D8%B3%D8%A7%D8%B2%DB%8C-%D9%BE%D9%88%D8%AF%D9%85%D8%A7%D9%862-%D8%AA%DA%A9%D9%85%DB%8C%D9%84-%DA%A9%D8%AF%D9%87%D8%A7%DB%8C-css-%D9%85%D9%86%D9%88%DB%8C-%DA%A9%D9%86%D8%A7%D8%B1-%D8%B5%D9%81%D8%AD%D9%87-%D9%88-%D9%BE%D8%A7-%D8%B5%D9%81%D8%AD%D9%87?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/27836497-2585-l__5911.jpg?width=300&quality=90&secret=61ekdl21Kf8-3_7-iFLVMQ"
width="290px" height="163px"
alt="قسمت 62 کتاب پیاده سازی پودما...">
</a>
</div>
<span class="clip-duration">04:47</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/823902/%D9%82%D8%B3%D9%85%D8%AA-62-%DA%A9%D8%AA%D8%A7%D8%A8-%D9%BE%DB%8C%D8%A7%D8%AF%D9%87-%D8%B3%D8%A7%D8%B2%DB%8C-%D9%BE%D9%88%D8%AF%D9%85%D8%A7%D9%862-%D8%AA%DA%A9%D9%85%DB%8C%D9%84-%DA%A9%D8%AF%D9%87%D8%A7%DB%8C-css-%D9%85%D9%86%D9%88%DB%8C-%DA%A9%D9%86%D8%A7%D8%B1-%D8%B5%D9%81%D8%AD%D9%87-%D9%88-%D9%BE%D8%A7-%D8%B5%D9%81%D8%AD%D9%87?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="flex-1"
title="قسمت 62 کتاب پیاده سازی پودمان2 تکمیل کدهای CSS منوی کنار صفحه و پا صفحه">
قسمت 62 کتاب پیاده سازی پودمان2 تکمیل ک...
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2022-05-06 00:26:43 , v: 23, l: 0">
3 سال پیش
</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/835647/%D9%82%D8%B3%D9%85%D8%AA-55-%DA%A9%D8%AA%D8%A7%D8%A8-%D9%BE%DB%8C%D8%A7%D8%AF%D9%87-%D8%B3%D8%A7%D8%B2%DB%8C-%D9%BE%D9%88%D8%AF%D9%85%D8%A7%D9%862-%D8%A7%D8%B9%D9%85%D8%A7%D9%84-template-%D8%B1%D9%88%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7-css?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/27507295-5043-l__2224.jpg?width=300&quality=90&secret=g1nq4Eyw_Ov2LjD6mviMig"
width="290px" height="163px"
alt="قسمت 55 کتاب پیاده سازی پودما...">
</a>
</div>
<span class="clip-duration">10: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/835647/%D9%82%D8%B3%D9%85%D8%AA-55-%DA%A9%D8%AA%D8%A7%D8%A8-%D9%BE%DB%8C%D8%A7%D8%AF%D9%87-%D8%B3%D8%A7%D8%B2%DB%8C-%D9%BE%D9%88%D8%AF%D9%85%D8%A7%D9%862-%D8%A7%D8%B9%D9%85%D8%A7%D9%84-template-%D8%B1%D9%88%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7-css?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="flex-1"
title="قسمت 55 کتاب پیاده سازی پودمان2 اعمال template روی وب سایت با CSS">
قسمت 55 کتاب پیاده سازی پودمان2 اعمال t...
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2022-05-23 02:27:25 , v: 16, l: 0">
3 سال پیش
</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/845874/40-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%D8%A7%D9%85%D8%B9-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88-%D8%B3%D8%A7%D8%AE%D8%AA-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA-%D8%B3%DB%8C-%D8%A7%D8%B3-%D8%A7%D8%B3-02?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/43778870-1002-l__9571.jpg?width=300&quality=90&secret=Tp48N9qNinwdTpWeZgSL7A"
width="290px" height="163px"
alt="40 آموزش جامع طراحی و ساخت وب...">
</a>
</div>
<span class="clip-duration">19:43</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/845874/40-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%D8%A7%D9%85%D8%B9-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88-%D8%B3%D8%A7%D8%AE%D8%AA-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA-%D8%B3%DB%8C-%D8%A7%D8%B3-%D8%A7%D8%B3-02?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="flex-1"
title="40 آموزش جامع طراحی و ساخت وبسایت سی اس اس 02">
40 آموزش جامع طراحی و ساخت وبسایت سی ا...
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2022-06-07 04:06:57 , v: 32, l: 0">
3 سال پیش
</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/936803/%DA%AF%DB%8C%D9%85-%D9%BE%D9%84%DB%8C-%D8%A7%D8%B2-%D8%A8%D8%A7%D8%B2%DB%8C-%D8%AE%D9%81%D9%86-%D8%A8%D8%A7%D8%AD%D8%A7%D9%84-css-%D9%BE%D8%A7%D8%B1%D8%AA-1-%D8%A8%D8%B1%DB%8C%D9%85-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%85%D8%B1%DA%AF?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/49126821-4126-l__2975.jpg?width=300&quality=90&secret=_Z2SfbscKOpM_Zx4luvyJw"
width="290px" height="163px"
alt="گیم پلی از بازی خفن باحال cs....">
</a>
</div>
<span class="clip-duration">13: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/936803/%DA%AF%DB%8C%D9%85-%D9%BE%D9%84%DB%8C-%D8%A7%D8%B2-%D8%A8%D8%A7%D8%B2%DB%8C-%D8%AE%D9%81%D9%86-%D8%A8%D8%A7%D8%AD%D8%A7%D9%84-css-%D9%BE%D8%A7%D8%B1%D8%AA-1-%D8%A8%D8%B1%DB%8C%D9%85-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%85%D8%B1%DA%AF?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="flex-1"
title="گیم پلی از بازی خفن باحال cs.s پارت 1 بریم برای مرگ ...">
گیم پلی از بازی خفن باحال cs.s پارت 1...
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2022-12-09 06:01:05 , v: 22, l: 0">
3 سال پیش
</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/1025618/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-not-%D8%AF%D8%B1-css-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%A7%D9%81%DA%A9%D8%AA-%D9%87%D8%A7%DB%8C-%D8%AC%D8%B0%D8%A7%D8%A8-%D8%AF%D8%B1-%D9%88%D8%A8?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1">
<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/55751583-9851-l__5631.jpg?width=300&quality=90&secret=dnjIzqhJ0dbCcja-Hxcg_g"
width="290px" height="163px"
alt="آموزش :not در CSS؛ ایجاد افکت...">
</a>
</div>
<span class="clip-duration">07: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/1025618/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-not-%D8%AF%D8%B1-css-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%A7%D9%81%DA%A9%D8%AA-%D9%87%D8%A7%DB%8C-%D8%AC%D8%B0%D8%A7%D8%A8-%D8%AF%D8%B1-%D9%88%D8%A8?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="flex-1"
title="آموزش :not در CSS؛ ایجاد افکت های جذاب در وب">
آموزش :not در CSS؛ ایجاد افکت های جذاب د...
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2023-11-18 00:47:25 , v: 39, l: 0">
2 سال پیش
</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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="collapsible-header waves-effect ">طنز</a></li>
<li><a href="https://www.vidbid.ir/category/entertainment?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="collapsible-header waves-effect ">سرگرمی</a></li>
<li><a href="https://www.vidbid.ir/category/film?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="collapsible-header waves-effect ">فیلم</a></li>
<li><a href="https://www.vidbid.ir/category/educational?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="collapsible-header waves-effect ">آموزشی</a></li>
<li><a href="https://www.vidbid.ir/category/sport?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="collapsible-header waves-effect ">ورزشی</a></li>
<li><a href="https://www.vidbid.ir/category?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1"
class="collapsible-header waves-effect ">کارتون</a></li>
<li><a href="https://www.vidbid.ir/tag/%D8%B7%D9%86%D8%B2?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1"
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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1"
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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1"
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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1"
class="collapsible-header waves-effect ">انیمیشن</a></li>
<li><a href="https://www.vidbid.ir/tag/%D9%81%DB%8C%D9%84%D9%85?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1"
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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1"
class="collapsible-header waves-effect ">بانوان کودک</a></li>
<li><a href="https://www.vidbid.ir/tag/%DA%A9%D9%88%D8%AF%DA%A9?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1"
class="collapsible-header waves-effect ">کودک</a></li>
<li><a href="https://www.vidbid.ir/tag?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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/%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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
انگلیسی با ابوذر
</a>
<a href="https://www.vidbid.ir/tag/%D8%B1%DB%8C%D9%85%DA%86?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
ریمچ
</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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
سریال و نمایش
</a>
<a href="https://www.vidbid.ir/tag/%D8%AC%D9%84%D8%AF%20%D8%AF%D9%88%D9%85?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
اینوی هیبرید
</a>
<a href="https://www.vidbid.ir/tag/mahdipes?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
mahdipes
</a>
<a href="https://www.vidbid.ir/tag/ZCorpa?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
ZCorpa
</a>
<a href="https://www.vidbid.ir/tag/%D9%87%DA%A9%20%D8%B2%D9%88%D9%85%DB%8C%D8%AA?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
هک زومیت
</a>
<a href="https://www.vidbid.ir/tag/%D8%A2%D9%88%D8%A7%D9%88%D8%B1%D8%B3?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
گرمای هوا
</a>
<a href="https://www.vidbid.ir/tag/F1%2025?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
F1 25
</a>
<a href="https://www.vidbid.ir/tag/%D8%B2%DB%8C%DA%A9%D9%88%D8%B1%D9%BE%D8%A7?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
ماشا و می شا
</a>
<a href="https://www.vidbid.ir/tag/MY%20VOICE%20ZOO?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
MY VOICE ZOO
</a>
<a href="https://www.vidbid.ir/tag/%DA%AF%D9%84%D8%AF%D8%A7%D9%86%20%D8%A7%DB%8C%D8%B1%D9%BE%D8%A7%D8%AA?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
گلدان ایرپات
</a>
<a href="https://www.vidbid.ir/tag/%DB%B1%DB%B7%20%D9%BE%D8%B1%D9%88%D9%85%DA%A9%D8%B3?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
۱۷ پرومکس
</a>
<a href="https://www.vidbid.ir/tag/%D8%AC%D9%86%DA%AF%D9%86%D8%AF%D9%87%20%D9%86%D8%B3%D9%84%20%D8%B4%D8%B4%D9%85?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
جنگنده نسل ششم
</a>
<a href="https://www.vidbid.ir/tag/%D9%BE%D8%AE%D8%AA%20%DA%A9%D9%88%D9%81%D8%AA%D9%87%20%D8%AA%D8%A8%D8%B1%DB%8C%D8%B2%DB%8C?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
پخت کوفته تبریزی
</a>
<a href="https://www.vidbid.ir/tag/Volkswagen%20Tayron?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
Volkswagen Tayron
</a>
<a href="https://www.vidbid.ir/tag/%D9%86%D8%AD%D9%88%D9%87%20%D9%BE%D8%AE%D8%AA%20%D9%BE%D8%A7%DB%8C%20%D9%85%D8%B1%D8%BA?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
نحوه پخت پای مرغ
</a>
<a href="https://www.vidbid.ir/tag/%D8%AA%D9%88%DB%8C%D9%88%D8%AA%D8%A7%20%D9%BE%D8%B1%D8%A7%D8%AF%D9%88%20202?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
تویوتا پرادو 202
</a>
<a href="https://www.vidbid.ir/tag/%DA%AF%D9%86%D8%A8%D8%AF%20%D8%B7%D9%84%D8%A7%DB%8C%DB%8C%20%D8%AA%D8%B1%D8%A7%D9%85%D9%BE?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" class="chip">
گنبد طلایی ترامپ
</a>
<a href="https://www.vidbid.ir/tag/%D9%85%D8%AD%D9%85%D8%AF%D9%85%D9%87%D8%AF%DB%8C%20%D9%85%D9%88%D9%85%D9%86%DB%8C?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1" 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="QKYxVBBiDZXM81UImJOz6MohrBmwu3xW3F51IleH"
></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":"85"}';
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: '8. تایپوگرافی و استایل دهی به...',
full_title: '8. تایپوگرافی و استایل دهی به متن، وب فونت',
url: 'https://www.vidbid.ir/video/443881/8-%D8%AA%D8%A7%DB%8C%D9%BE%D9%88%DA%AF%D8%B1%D8%A7%D9%81%DB%8C-%D9%88-%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84-%D8%AF%D9%87%DB%8C-%D8%A8%D9%87-%D9%85%D8%AA%D9%86-%D9%88%D8%A8-%D9%81%D9%88%D9%86%D8%AA?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1',
image: 'https://static.cdn.asset.aparat.cloud/avt/27101796-2296-l__8187.jpg?width=300&quality=90&secret=fZ5HJ15bSWtCThQiCww7EQ',
duration: 'مدت زمان: 16:22',
target: 'self'
},
{
title: 'قسمت دوازدهم آموزش HTML و CSS...',
full_title: 'قسمت دوازدهم آموزش HTML و CSS (اندازه دادن به تگ ها)',
url: 'https://www.vidbid.ir/video/480913/%D9%82%D8%B3%D9%85%D8%AA-%D8%AF%D9%88%D8%A7%D8%B2%D8%AF%D9%87%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D9%88-css-%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%D9%87-%D8%AF%D8%A7%D8%AF%D9%86-%D8%A8%D9%87-%D8%AA%DA%AF-%D9%87%D8%A7?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1',
image: 'https://static.cdn.asset.aparat.cloud/avt/28445111-8880-l__7150.jpg?width=300&quality=90&secret=pePWSuaEQxSzgThzgtgpug',
duration: 'مدت زمان: 05:56',
target: 'self'
},
{
title: 'آموزش برنامه نویسی برنامه نوی...',
full_title: 'آموزش برنامه نویسی برنامه نویسی ماشین حساب با استفاده...',
url: 'https://www.vidbid.ir/video/494658/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%85%D8%A7%D8%B4%DB%8C%D9%86-%D8%AD%D8%B3%D8%A7%D8%A8-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1',
image: 'https://static.cdn.asset.aparat.cloud/avt/23893268-6575-l__1528.jpg?width=300&quality=90&secret=JSiEeaKwCT0x_SW0ewwF_Q',
duration: 'مدت زمان: 01:10:43',
target: 'self'
},
{
title: 'آموزش بهینه کردن وبسایت',
full_title: 'آموزش بهینه کردن وبسایت',
url: 'https://www.vidbid.ir/video/550318/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D9%87%DB%8C%D9%86%D9%87-%DA%A9%D8%B1%D8%AF%D9%86-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1',
image: 'https://static.cdn.asset.aparat.cloud/avt/20670340-6580-l__1137.jpg?width=300&quality=90&secret=rNiSro0o3-0jg1LQMFULyA',
duration: 'مدت زمان: 01:02:27',
target: 'self'
},
{
title: 'کانتر استرایک سورس برای اندروی...',
full_title: 'کانتر استرایک سورس برای اندروید',
url: 'https://www.vidbid.ir/video/605739/%DA%A9%D8%A7%D9%86%D8%AA%D8%B1-%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%DB%8C%DA%A9-%D8%B3%D9%88%D8%B1%D8%B3-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A7%D9%86%D8%AF%D8%B1%D9%88%DB%8C%D8%AF?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1',
image: 'https://static.cdn.asset.aparat.cloud/avt/35222223-2963-l__8353.jpg?width=300&quality=90&secret=0tw5hyWtCZilY7ufEbLgvQ',
duration: 'مدت زمان: 09:50',
target: 'self'
},
{
title: 'فیلم آموزش رایگان CSS3 قسمت ۱۱...',
full_title: 'فیلم آموزش رایگان CSS3 قسمت ۱۱(Box Reflect)',
url: 'https://www.vidbid.ir/video/711224/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B1%D8%A7%DB%8C%DA%AF%D8%A7%D9%86-css3-%D9%82%D8%B3%D9%85%D8%AA-%DB%B1%DB%B1box-reflect?%3Bamp%3B%3Bamp%3Bamp%3B%3B%3Bamp%3Bamp%3B%3Bpage=3&%3Bnl=1',
image: 'https://static.cdn.asset.aparat.cloud/avt/2985289-8692-l__9889.jpg?width=300&quality=90&secret=vdB3OsgWVUgSVaVLwDA1OA',
duration: 'مدت زمان: 15:02',
target: 'self'
},
]
});
}, false);
</script>
<took>0.06 sec, flt: 0</took>
<query>time: 11, count: 11, slow: 0</query>
</body>
</html>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="4f52dcfbd4a640ebb746e119-|49" defer></script>
