مطالبی که در این جلسه می آموزیم:
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: 74 , 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> 74
</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/1068174/%D8%B3%D8%A7%D8%AE%D8%AA-%D8%AA%D8%A7%DB%8C%D9%85-%D8%B4%DB%8C%D8%AA-%D8%AF%D8%B1-%D8%A7%DA%A9%D8%B3%D9%84-%D8%AC%D9%84%D8%B3%D9%87-%D8%B4%D8%B4%D9%85-%D9%BE%D8%A7%DB%8C%D8%A7%D9%86-%D9%85%D8%AD%D8%A7%D8%B3%D8%A8%D9%87-%D8%AC%D9%85%D8%B9-%DA%A9%D9%84-%DA%A9%D8%A7%D8%B1%DA%A9%D8%B1%D8%AF-%D9%BE%D8%B1%D8%B3%D9%86%D9%84">
<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/66860570-1672-l__2682.jpg?width=300&quality=90&secret=Us2u-jJznaRG4hhVIM6nrw"
width="290px" height="163px"
alt="ساخت تایم شیت در اکسل [جلسه شش...">
</a>
</div>
<span class="clip-duration">09:58</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/1068174/%D8%B3%D8%A7%D8%AE%D8%AA-%D8%AA%D8%A7%DB%8C%D9%85-%D8%B4%DB%8C%D8%AA-%D8%AF%D8%B1-%D8%A7%DA%A9%D8%B3%D9%84-%D8%AC%D9%84%D8%B3%D9%87-%D8%B4%D8%B4%D9%85-%D9%BE%D8%A7%DB%8C%D8%A7%D9%86-%D9%85%D8%AD%D8%A7%D8%B3%D8%A8%D9%87-%D8%AC%D9%85%D8%B9-%DA%A9%D9%84-%DA%A9%D8%A7%D8%B1%DA%A9%D8%B1%D8%AF-%D9%BE%D8%B1%D8%B3%D9%86%D9%84" 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="2025-11-04 00:18:16 , v: 1, 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/1068170/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%81%DB%8C%DA%AF%D9%85%D8%A7-%D9%82%D8%B3%D9%85%D8%AA-%DB%B4-%D8%AA%D9%81%D8%A7%D9%88%D8%AA-%D9%81%D8%B1%DB%8C%D9%85-%D8%B3%DA%A9%D8%B4%D9%86-%D9%88-%DA%AF%D8%B1%D9%88%D9%87-%D8%AF%D8%B1-figma">
<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/66863946-4103-l__1193.jpg?width=300&quality=90&secret=4itC_OrstegF6pizmzyERg"
width="290px" height="163px"
alt="آموزش فیگما (قسمت ۴): تفاوت فر...">
</a>
</div>
<span class="clip-duration">08: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/1068170/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%81%DB%8C%DA%AF%D9%85%D8%A7-%D9%82%D8%B3%D9%85%D8%AA-%DB%B4-%D8%AA%D9%81%D8%A7%D9%88%D8%AA-%D9%81%D8%B1%DB%8C%D9%85-%D8%B3%DA%A9%D8%B4%D9%86-%D9%88-%DA%AF%D8%B1%D9%88%D9%87-%D8%AF%D8%B1-figma" class="flex-1"
title="آموزش فیگما (قسمت ۴): تفاوت فریم، سکشن و گروه در Figma">
آموزش فیگما (قسمت ۴): تفاوت فریم، سکشن و گروه در Figma
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2025-11-04 00:18:09 , v: 2, 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/1068205/%D8%AD%D9%84-%D9%86%D9%85%D9%88%D9%86%D9%87-%D8%B3%D9%88%D8%A7%D9%84%D8%A7%D8%AA-%D8%B4%D8%A8-%D8%A7%D9%85%D8%AA%D8%AD%D8%A7%D9%86-%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D8%AF%D9%87%D9%85-%D8%A7%D9%86%D8%B3%D8%A7%D9%86%DB%8C-%D9%86%D9%88%D8%A8%D8%AA-%D8%A7%D9%88%D9%84-%D8%AF%DB%8C-%D9%85%D8%A7%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/66826815-5734-l__7976.jpg?width=300&quality=90&secret=csoMFjwsVov8Ii9nMWbGcQ"
width="290px" height="163px"
alt="حل نمونه سوالات شب امتحان ریاض...">
</a>
</div>
<span class="clip-duration">01:07: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/1068205/%D8%AD%D9%84-%D9%86%D9%85%D9%88%D9%86%D9%87-%D8%B3%D9%88%D8%A7%D9%84%D8%A7%D8%AA-%D8%B4%D8%A8-%D8%A7%D9%85%D8%AA%D8%AD%D8%A7%D9%86-%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D8%AF%D9%87%D9%85-%D8%A7%D9%86%D8%B3%D8%A7%D9%86%DB%8C-%D9%86%D9%88%D8%A8%D8%AA-%D8%A7%D9%88%D9%84-%D8%AF%DB%8C-%D9%85%D8%A7%D9%87" 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="2025-11-05 00:18: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/1068107/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%DA%A9%D8%A7%D9%85%D9%84-%D8%AF%D8%B1%D8%B3-2-%D9%81%D8%A7%D8%B1%D8%B3%DB%8C-%D8%A7%D9%88%D9%84-%D8%AF%D8%A8%D8%B3%D8%AA%D8%A7%D9%86-%D8%B5%D8%AF%D8%A7%DA%A9%D8%B4%DB%8C-%D9%86%D8%B4%D8%A7%D9%86%D9%87-%D9%87%D8%A7%DB%8C-%D8%A7-%D9%88-%D8%AF-%D8%AA%D9%85%D8%B1%DB%8C%D9%86%D8%A7%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/66847782-6638-l__6782.jpg?width=300&quality=90&secret=Foz1O7Npigdn74IdB0ZUCQ"
width="290px" height="163px"
alt="آموزش کامل درس 2 فارسی اول دبس...">
</a>
</div>
<span class="clip-duration">15:08</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1068107/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%DA%A9%D8%A7%D9%85%D9%84-%D8%AF%D8%B1%D8%B3-2-%D9%81%D8%A7%D8%B1%D8%B3%DB%8C-%D8%A7%D9%88%D9%84-%D8%AF%D8%A8%D8%B3%D8%AA%D8%A7%D9%86-%D8%B5%D8%AF%D8%A7%DA%A9%D8%B4%DB%8C-%D9%86%D8%B4%D8%A7%D9%86%D9%87-%D9%87%D8%A7%DB%8C-%D8%A7-%D9%88-%D8%AF-%D8%AA%D9%85%D8%B1%DB%8C%D9%86%D8%A7%D8%AA" 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="2025-11-01 14:18:09 , v: 4, l: 0">
5 روز پیش
</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/1068138/%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-%D8%AC%D8%A7%D9%86%D9%88%D8%B1%D8%A7%D9%86-%D9%86%D9%85%D8%A7%DB%8C%D8%B4-10-%D8%AA%D9%88%D9%84%DB%8C%D8%AF-%D9%85%D8%AB%D9%84-%D8%AC%D8%A7%D9%86%D9%88%D8%B1%D8%A7%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/66688303-4318-l__9918.jpg?width=300&quality=90&secret=BLgfRwKVgyo8bm6h0vmORA"
width="290px" height="163px"
alt="علوم پیش دبستانی فصل جانوران...">
</a>
</div>
<span class="clip-duration">12: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/1068138/%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-%D8%AC%D8%A7%D9%86%D9%88%D8%B1%D8%A7%D9%86-%D9%86%D9%85%D8%A7%DB%8C%D8%B4-10-%D8%AA%D9%88%D9%84%DB%8C%D8%AF-%D9%85%D8%AB%D9%84-%D8%AC%D8%A7%D9%86%D9%88%D8%B1%D8%A7%D9%86" 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="2025-11-02 01:18:26 , v: 11, l: 0">
4 روز پیش
</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/1068105/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AF%D8%B1%D8%B32-%D9%81%D8%A7%D8%B1%D8%B3%DB%8C-%D8%A7%D9%88%D9%84-%D8%AF%D8%A8%D8%B3%D8%AA%D8%A7%D9%86-%D8%B5%D8%AF%D8%A7%DA%A9%D8%B4%DB%8C-%D9%86%D8%B4%D8%A7%D9%86%D9%87-%D8%AF-%D8%A8%D8%A7%D8%AF">
<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/66847486-1622-l__9965.jpg?width=300&quality=90&secret=FAEKzcfK1iPtZ0Wlta4mzw"
width="290px" height="163px"
alt="آموزش درس2 فارسی اول دبستان |...">
</a>
</div>
<span class="clip-duration">04: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/1068105/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AF%D8%B1%D8%B32-%D9%81%D8%A7%D8%B1%D8%B3%DB%8C-%D8%A7%D9%88%D9%84-%D8%AF%D8%A8%D8%B3%D8%AA%D8%A7%D9%86-%D8%B5%D8%AF%D8%A7%DA%A9%D8%B4%DB%8C-%D9%86%D8%B4%D8%A7%D9%86%D9%87-%D8%AF-%D8%A8%D8%A7%D8%AF" 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="2025-11-01 13:50:12 , v: 2, l: 0">
5 روز پیش
</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/1068186/%DA%86%D8%B7%D9%88%D8%B1%DB%8C-%D8%A7%D8%B2-chatgpt-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%DA%A9%D9%86%DB%8C%D9%85-%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%DA%A9%D8%A7%D9%85%D9%84-%D8%A8%D8%B1%D8%A7%DB%8C-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%A7%D9%86-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86%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/66817860-5763-l__4688.jpg?width=300&quality=90&secret=hjIg6SvPF_NLPZL_KSDLVQ"
width="290px" height="163px"
alt="چطوری از ChatGPT استفاده کنیم؟...">
</a>
</div>
<span class="clip-duration">24:31</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/1068186/%DA%86%D8%B7%D9%88%D8%B1%DB%8C-%D8%A7%D8%B2-chatgpt-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%DA%A9%D9%86%DB%8C%D9%85-%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%DA%A9%D8%A7%D9%85%D9%84-%D8%A8%D8%B1%D8%A7%DB%8C-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%A7%D9%86-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86%DB%8C" class="flex-1"
title="چطوری از ChatGPT استفاده کنیم؟ راهنمای کامل برای کاربران ایرانی">
چطوری از ChatGPT استفاده کنیم؟ راهنمای کامل برای کاربران ایرانی
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2025-11-04 00:18:38 , v: 1, l: 0">
2 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-8 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1068181/%D8%B3%D8%A7%D8%AE%D8%AA-%DA%86%D8%B1%D8%A7%D8%BA-%D9%82%D9%88%D9%87-%DB%8C%D9%88%D9%88%DB%8C-365-%D9%86%D8%A7%D9%86%D9%88%D9%85%D8%AA%D8%B1-%D9%82%D9%88%DB%8C-%D8%B3%D9%86%DA%AF-%D8%B4%D9%86%D8%A7%D8%B3%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/66848247-9508-l__8028.jpg?width=300&quality=90&secret=KwxmFZUPu1JGdL4bog1YTw"
width="290px" height="163px"
alt="ساخت چراغ قوه یووی 365 نانومتر...">
</a>
</div>
<span class="clip-duration">14:53</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/1068181/%D8%B3%D8%A7%D8%AE%D8%AA-%DA%86%D8%B1%D8%A7%D8%BA-%D9%82%D9%88%D9%87-%DB%8C%D9%88%D9%88%DB%8C-365-%D9%86%D8%A7%D9%86%D9%88%D9%85%D8%AA%D8%B1-%D9%82%D9%88%DB%8C-%D8%B3%D9%86%DA%AF-%D8%B4%D9%86%D8%A7%D8%B3%DB%8C" class="flex-1"
title="ساخت چراغ قوه یووی 365 نانومتر قوی سنگ شناسی">
ساخت چراغ قوه یووی 365 نانومتر قوی سنگ شناسی
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2025-11-04 00:18:28 , v: 2, l: 0">
2 روز پیش
</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/1068118/%D8%A7%D8%B3%DA%A9%DB%8C%D8%AA-%D8%B3%D9%88%D8%A7%D8%B1%DB%8C-%D9%88%D8%B3%D8%B7-%D8%AA%D8%B1%D8%A7%D9%81%DB%8C%DA%A9-%D8%AA%D9%87%D8%B1%D8%A7%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/66846742-4697-l__2023.jpg?width=300&quality=90&secret=FRpQ-GdznTmZmikjjgc3wA"
width="290px" height="163px"
alt="اسکیت سواری وسط ترافیک تهران">
</a>
</div>
<span class="clip-duration">00:11</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/1068118/%D8%A7%D8%B3%DA%A9%DB%8C%D8%AA-%D8%B3%D9%88%D8%A7%D8%B1%DB%8C-%D9%88%D8%B3%D8%B7-%D8%AA%D8%B1%D8%A7%D9%81%DB%8C%DA%A9-%D8%AA%D9%87%D8%B1%D8%A7%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="2025-11-02 00:50:04 , v: 9, l: 0">
4 روز پیش
</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: 18, 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: 17, 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: 20, 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: 36, 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: 21, 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: 32, 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: 50, 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: 43, 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: 31, 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: 25, 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: 18, 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: 22, l: 0">
4 سال پیش
</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%86%D9%88%D8%B1%D8%AB%20%D8%A7%D8%B3%D8%AA%D8%A7%D8%B1" class="chip">
نورث استار
</a>
<a href="https://www.vidbid.ir/tag/%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C%20%D8%B4%D8%B4%D9%85%20%D9%81%D8%B5%D9%842" class="chip">
ریاضی ششم فصل2
</a>
<a href="https://www.vidbid.ir/tag/%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C%20%D9%BE%D9%86%D8%AC%D9%85%20%D9%81%D8%B5%D9%842" class="chip">
ریاضی پنجم فصل2
</a>
<a href="https://www.vidbid.ir/tag/%D9%81%D8%A7%D8%B1%D8%B3%DB%8C%20%D8%A7%D9%88%D9%84%20%D8%AF%D8%B1%D8%B31" class="chip">
فارسی اول درس1
</a>
<a href="https://www.vidbid.ir/tag/%D9%81%D8%A7%D8%B1%D8%B3%DB%8C%20%D8%A7%D9%88%D9%84%20%D9%86%DA%AF%D8%A7%D8%B1%D9%8710" class="chip">
فارسی اول نگاره10
</a>
<a href="https://www.vidbid.ir/tag/%D9%81%D8%A7%D8%B1%D8%B3%DB%8C%20%D8%A7%D9%88%D9%84%20%D9%86%DA%AF%D8%A7%D8%B1%D9%878" class="chip">
فارسی اول نگاره8
</a>
<a href="https://www.vidbid.ir/tag/%D9%81%D8%A7%D8%B1%D8%B3%DB%8C%20%D8%A7%D9%88%D9%84%20%D9%86%DA%AF%D8%A7%D8%B1%D9%876" class="chip">
فارسی اول نگاره6
</a>
<a href="https://www.vidbid.ir/tag/%D9%81%D8%A7%D8%B1%D8%B3%DB%8C%20%D8%A7%D9%88%D9%84%20%D9%86%DA%AF%D8%A7%D8%B1%D9%875" class="chip">
فارسی اول نگاره5
</a>
<a href="https://www.vidbid.ir/tag/%D8%AA%D8%A7%DB%8C%D9%85%20%D8%B4%DB%8C%D8%AA%20%D8%AF%D8%B1%20%D8%A7%DA%A9%D8%B3%D9%84" class="chip">
تایم شیت در اکسل
</a>
<a href="https://www.vidbid.ir/tag/%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C%20%DA%86%D9%87%D8%A7%D8%B1%D9%85%20%D9%81%D8%B5%D9%842" class="chip">
ریاضی چهارم فصل2
</a>
<a href="https://www.vidbid.ir/tag/%D9%81%D8%A7%D8%B1%D8%B3%DB%8C%20%D8%A7%D9%88%D9%84%20%D9%86%DA%AF%D8%A7%D8%B1%D9%877" class="chip">
فارسی اول نگاره7
</a>
<a href="https://www.vidbid.ir/tag/%D9%86%DA%AF%D8%A7%D8%B1%D9%876%20%D9%81%D8%A7%D8%B1%D8%B3%DB%8C%20%D8%A7%D9%88%D9%84" class="chip">
نگاره6 فارسی اول
</a>
<a href="https://www.vidbid.ir/tag/%D8%AA%D8%A7%DB%8C%D9%85%20%D8%B4%DB%8C%D8%AA%20%D8%A7%DA%A9%D8%B3%D9%84" class="chip">
تایم شیت اکسل
</a>
<a href="https://www.vidbid.ir/tag/%DA%AF%DB%8C%D8%A7%D9%87%D8%A7" class="chip">
گیاها
</a>
<a href="https://www.vidbid.ir/tag/%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C%20%D8%B4%D8%B4%D9%85%20%D9%81%D8%B5%D9%84" class="chip">
ریاضی ششم فصل
</a>
<a href="https://www.vidbid.ir/tag/%D8%B1%D9%88%DB%8C%D8%AF%D8%A7%D8%AF%20ACE" class="chip">
رویداد ACE
</a>
<a href="https://www.vidbid.ir/tag/%DA%A9%D8%A7%D8%B1%DA%A9%D8%B1%D8%AF%20%D9%BE%D8%B1%D8%B3%D9%86%D9%84" class="chip">
کارکرد پرسنل
</a>
<a href="https://www.vidbid.ir/tag/esi%20khersi" class="chip">
esi khersi
</a>
<a href="https://www.vidbid.ir/tag/%D8%A7%D8%B3%DB%8C%20%D8%AE%D8%B1%D8%B3%DB%8C" class="chip">
اسی خرسی
</a>
<a href="https://www.vidbid.ir/tag/%D8%B3%D9%86%D8%A8%D8%A7%D8%AF%D9%87%20%D8%B3%D9%88%D8%A6%DB%8C%D8%B3%DB%8C" class="chip">
سنباده سوئیسی
</a>
<a href="https://www.vidbid.ir/tag/%D8%AF%D8%B1%D8%B3%20%D9%87%D9%88%D8%B4%DB%8C%D8%A7%D8%B1%DB%8C" class="chip">
درس هوشیاری
</a>
<a href="https://www.vidbid.ir/tag/%D8%A7%D8%B2%20%DB%8C%D8%A7%D8%AF%20%D8%B1%D9%81%D8%AA%D9%87" class="chip">
از یاد رفته
</a>
<a href="https://www.vidbid.ir/tag/%D9%86%DA%AF%D8%A7%D8%B1%D9%879%20%D9%81%D8%A7%D8%B1%D8%B3%DB%8C%20%D8%A7%D9%88%D9%84" class="chip">
نگاره9 فارسی اول
</a>
<a href="https://www.vidbid.ir/tag/%D9%81%D8%A7%D8%B1%D8%B3%DB%8C%20%D8%A7%D9%88%D9%84%20%D8%AF%D8%B1%D8%B32" class="chip">
فارسی اول درس2
</a>
<a href="https://www.vidbid.ir/tag/%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C%20%D8%B3%D9%88%D9%85%20%D9%81%D8%B5%D9%842" class="chip">
ریاضی سوم فصل2
</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="CNGys2Pcviok9XcZKkM56TT4Mn40rR9ftFgImEzE"
></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":"74"}';
window.js_streams = '[{"type":"video\/mp4","label":"720p","src":"https:\/\/aspb3.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-720p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImU5YjkwZWIwMzkzYzVmNzBmNDQ2YzUwYzQxYTVlNDFkIiwiZXhwIjoxNzYxOTc0OTU0LCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.G6ZM4rJ5sWVusWOvv32fB1eG3jvckVEy6q7zG1cfgLE"},{"type":"video\/mp4","label":"480p","src":"https:\/\/aspb2.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImU5YjkwZWIwMzkzYzVmNzBmNDQ2YzUwYzQxYTVlNDFkIiwiZXhwIjoxNzYxOTc0OTU0LCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.G6ZM4rJ5sWVusWOvv32fB1eG3jvckVEy6q7zG1cfgLE"},{"type":"video\/mp4","label":"360p","src":"https:\/\/aspb2.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-360p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImU5YjkwZWIwMzkzYzVmNzBmNDQ2YzUwYzQxYTVlNDFkIiwiZXhwIjoxNzYxOTc0OTU0LCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.G6ZM4rJ5sWVusWOvv32fB1eG3jvckVEy6q7zG1cfgLE"},{"type":"video\/mp4","label":"240p","src":"https:\/\/aspb16.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-240p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImU5YjkwZWIwMzkzYzVmNzBmNDQ2YzUwYzQxYTVlNDFkIiwiZXhwIjoxNzYxOTc0OTU0LCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.G6ZM4rJ5sWVusWOvv32fB1eG3jvckVEy6q7zG1cfgLE"},{"type":"video\/mp4","label":"144p","src":"https:\/\/aspb16.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-144p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImU5YjkwZWIwMzkzYzVmNzBmNDQ2YzUwYzQxYTVlNDFkIiwiZXhwIjoxNzYxOTc0OTU0LCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.G6ZM4rJ5sWVusWOvv32fB1eG3jvckVEy6q7zG1cfgLE"}]';
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="0c453d9b66f6dc8e9172636b-|49" defer></script>
