آموزش چند رسانه ای در HTML
گاهی اوقات تمایل دارید که موسیقی یا ویدئو به صفحه ی وب خود اضافه کنید. ساده ترین راه برای افزودن صدا یا ویدئو به وب سایت، وارد کردن برچسب خاص HTML به نام < embed> می باشد. این برچسب باعث می شود که مرورگر به طور خودکار کنترل هایی را برای مولتی مدیا وارد کند که مرورگر ارائه شده برچسب < embed> و نوع مدیای ارائه شده را پشتیبانی می کند.
همچنین می توانید یک برچسب < noembed>برای مرورگرهایی وارد کنید که برچسب < embed> را نمی شناسند. به عنوان مثال می توانید از < embed> برای نمایش یک فیلم به انتخاب خود استفاده کنید واگر مرورگر < embed> را پشتیبانی نمی کند، از< noembed> برای نمایش یک تصویر JPG مجزا استفاده کنید.
مثال:
در اینجا مثال ساده ای می بینید از اجرای یک فایل جاسازی شده ی midi.
مرحله 1
HTML embed Tag <title></span></div>
<div style="direction: ltr;"><span style="font-size: 12px;"><head></span></div>
<div style="direction: ltr;"><span style="font-size: 12px;"><body></span></div>
<div style="direction: ltr;"><span style="font-size: 12px;"><embed src="/html/yourfile.mid"` width="100%" height="60"></span></div>
<div style="direction: ltr;"><span style="font-size: 12px;"><noembed><img src="yourimage.gif" alt="Alternative Media"><noembed></span></div>
<div style="direction: ltr;"><span style="font-size: 12px;"><embed></span></div>
<div style="direction: ltr;"><span style="font-size: 12px;"><body></span></div>
<div style="direction: ltr;"><span style="font-size: 12px;"><html><br /><br /></span>
<h3 class=" InnerTitle1" style="text-align: right;">ویژگی های برچسب < embed></h3>
<p style="text-align: right;">در زیر لیستی از ویژگی های مهمی را می بینید که توسط برچسب < embed> استفاده می شود.</p>
<span style="font-size: 12px;"><br /></span>
<div class="divTable">
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableHead">Attribute</div>
<div class="divTableHead">Description</div>
</div>
<div class="divTableRow">
<div class="divTableCell">align</div>
<div class="divTableCell">تعیین می کند که چگونه یک آبجکت را تنظیم کرد، که می تواند هم در مرکز، هم در راست و یا چپ تنظیم شود.</div>
</div>
<div class="divTableRow">
<div class="divTableCell">autostart</div>
<div class="divTableCell">این ویژگی Boolean نشان می دهد که آیا مدیا باید به طور خودکار شروع به کار کند. شما می توانید آن را با true یا false تنظیم کنید.</div>
</div>
<div class="divTableRow">
<div class="divTableCell">loop</div>
<div class="divTableCell">تعیین می کند که آیا صدا متداولا پشت سرهم تکرار شود( لوپ را روی true تنظیم کنید)، یا چند دفعه باید تکرار شود ( یک مقدار مثبت) و یا اصلا تکرار نشود(false).</div>
</div>
<div class="divTableRow">
<div class="divTableCell">playcount</div>
<div class="divTableCell">تعداد دفعاتی را که یک صدا باید تکرار شود تعیین می کند. اگر در حال استفاده از IE هستید، این گزنیه جایگزینی برای loop می باشد.</div>
</div>
<div class="divTableRow">
<div class="divTableCell">hidden</div>
<div class="divTableCell">مشخص می کند که آیا آبجکت مولتی مدیا باید روی صفحه نمایش داده شود.مقدار false یعنی نه و مقدار true یعنی بله.</div>
</div>
<div class="divTableRow">
<div class="divTableCell">width</div>
<div class="divTableCell">عرض آبجکت به پیکسل.</div>
</div>
<div class="divTableRow">
<div class="divTableCell">height</div>
<div class="divTableCell">عرض آبجکت به پیکسل.</div>
</div>
<div class="divTableRow">
<div class="divTableCell">name</div>
<div class="divTableCell">نامی که برای اشاره به آبجکت استفاده می شود.</div>
</div>
<div class="divTableRow">
<div class="divTableCell">src</div>
<div class="divTableCell">URL مربوط به آبجکت که باید جاسازی شود.</div>
</div>
<div class="divTableRow">
<div class="divTableCell">volume</div>
<div class="divTableCell" style="direction: rtl;">میزان صدا را کنترل می کند که می تواند از 0 (صدا قطع شده) تا 100 (آخرین حد صدا) باشد.</div>
</div>
</div>
</div>
<h3 class=" InnerTitle1" style="direction: rtl;">انواع ویدیوهای پشتیبانی شده</h3>
<p style="direction: rtl;">می توانید از انواع مدیاهای مختلفی مانند فایل های flash movies، AVi و MOV در داخل برچسب embed استفاده کنید.</p>
<span style="font-size: 12px;"><br /></span>
<div style="direction: rtl;">فایل های swf – فایل هایی هستند که با برنامه ی macromedia’s flash تولید می شوند.</div>
<div style="direction: rtl;">فایل های wmv – انواع فایل های تصویری ویندوز مایکروسافت می باشند.</div>
<div style="direction: rtl;">فایل های mov - فرمت Quick time movie در اپل.</div>
<div style="direction: rtl;"> فایل های mpeg – فایل های تصویری هستند که توسط گروه تخصصی تصاویر متحرک (Moving Pictures Expert Group) ایجاد می شوند.</div>
<div class="example">
<h2 class="example_head" style="direction: rtl; text-align: right;">مرحله2<br /><br /></h2>
<div style="direction: ltr; text-align: left;"><span style="font-size: 12px;"><!DOCTYPE html></span></div>
<div style="direction: ltr; text-align: left;"><span style="font-size: 12px;"><html xmlns="http://www.w3.org/1999/xhtml"></span></div>
<div style="direction: ltr; text-align: left;"><span style="font-size: 12px;"><head></span></div>
<div style="direction: ltr; text-align: left;"><span style="font-size: 12px;"><title>HTML embed Tag<title></span></div>
<div style="direction: ltr; text-align: left;"><span style="font-size: 12px;"><head></span></div>
<div style="direction: ltr; text-align: left;"><span style="font-size: 12px;"><body></span></div>
<div style="direction: ltr; text-align: left;"><span style="font-size: 12px;"><embed src="/html/yourfile.swf" width="200" height="200"></span></div>
<div style="direction: ltr; text-align: left;"><span style="font-size: 12px;"><noembed><img src="yourimage.gif" alt="Alternative Media"><noembed></span></div>
<div style="direction: ltr; text-align: left;"><span style="font-size: 12px;"><embed></span></div>
<div style="direction: ltr; text-align: left;"><span style="font-size: 12px;"><body></span></div>
<div style="direction: ltr; text-align: left;"><span style="font-size: 12px;"><html><br /></span>
<h3 class=" InnerTitle1" style="text-align: right;">صدای زمینه</h3>
<p style="text-align: right;">شما می توانید از برچسب < bgsound>در html برای اجرای صدا در زمینه ی صفحه ی وب خود استفاده کنید. این برچسب فقط توسط اینترنت اکسپلورر پشتیبانی می شود و دیگر مرورگرها آن را نادیده می گیرند. زمانی که سند اصلی در ابتدا توسط کاربر دانلود شده و نمایش داده می شود، این برچسب یک فایل صدا را دانلود کرده و اجرا می کند. همچنین هروقت کاربر مرورگر را تازه سازی کند، صدای زمینه نیز دوباره اجرا خواهد شد.این برچسب دارای فقط دو ویژگی می باشد، loop و src، که همانطور که در بالا توضیح داده شد هر دوی این ویژگی ها دارای یک معنا می باشند.<br />در اینجا مثال ساده ای از اجرای فایل کوچک midi را می بینید.</p>
<span style="font-size: 12px;"><br /></span>
<div class="example">
<h2 class="example_head" style="text-align: right;">جهت مشاهده مثالها برروی <a title="دوره آموزش طراحی سایت" href="http://www.tahlildadeh.com/CourseDetails/28/%D8%AF%D9%88%D8%B1%D9%87-%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-Web-Design.aspx">دوره آموزش طراحی سایت</a> کلیک نمایید</h2>
</div>
</div>
</div>
</div>
</div>
<div id="gtx-trans" style="position: absolute; left: 639px; top: -11.9236px;"> </div>
</div>
<div class="post-tags"> <span class="tag"> </span>
برچسب ها: <a href="https://tahlildadeh.farsiblog.com/tag/آموزش+طراحی+سایت/">آموزش طراحی سایت</a>, <a href="https://tahlildadeh.farsiblog.com/tag/دوره+طراحی+سایت/">دوره طراحی سایت</a>, <a href="https://tahlildadeh.farsiblog.com/tag/طراحی+سایت+دیجی+کالا/">طراحی سایت دیجی کالا</a>,
</div>
</div>
<div class="post-info">
<ul>
<li>
<div class="postlike"><a href="https://tahlildadeh.farsiblog.com/prate/upvIzWLLPQzhvOIuL/" class="uplike"><span class="like-up"></span></a><span class="up-result"><span class="fbrateQuery fbrateUp" id="fbrate_upvIzWLLPQzhvOIuL">۰</span></span><a href="https://tahlildadeh.farsiblog.com/prate/downvIzWLLPQzhvOIuL/" class="downlike"><span class="like-down"></span> </a><span class="down-result"><span class="fbrateQuery fbrateDown" id="fbrate_downvIzWLLPQzhvOIuL">۰</span></span></div>
</li>
<li> <span class="postcmnt"> <a href="https://tahlildadeh.farsiblog.com/post/HTML-Embed-Multimedia/#comments">۰ نظر</a></span> </li>
</ul>
</div>
</div>
<!--- end post --->
<div class="pagination">
</div>
<!--- end pagenavi --->
<!--- Start PAGES --->
<!--- end PAGES --->
<!--- end comment block --->
</div>
<!--- end content --->
<div class="row">
<div class="pc-18">
<div class="menu-block">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3> پربحث ترين مطالب</h3>
</div>
<div class="menu-list">
<ul>
<li><a href="https://tahlildadeh.farsiblog.com/post/جاوااسکریپت-در-html/">جاوااسکریپت در html</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/post/آموزش-لینک-ایمیل-در-HTML/">آموزش لینک ایمیل در HTML</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/post/آموزش-طراحی-سایت-دستورات-شرطي-در-جاوااسکریپت/">آموزش طراحی سایت-دستورات if .. else در جاوا اسکریپت</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/post/آموزش-ارسال-ایمیل-با-پایتون/">آموزش ارسال ایمیل با پایتون</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/post/آموزش-طراحی-سایت-اعداد-در-جاوا-اسکریپت/">آموزش طراحی سایت-اعداد در جاوا اسکریپت</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/post/آموزش-پایتون-رایگان-/">آموزش پایتون رایگان</a></li>
</ul>
</div>
</div>
<!--- end menubox --->
</div>
<div class="pc-18">
<div class="menu-block lastcmnt">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3>آخرين نظرات</h3>
</div>
<div class="menu-list">
<ul>
<li><a href="https://tahlildadeh.farsiblog.com/post/آموزش-طراحی-سایت-Dropdown-بوت-استرپ-4/">لیست قطعی بهترین فیلم های کره ای (2010 تا 2..</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/post/آموزش-طراحی-سایت-بوت-استرپ-4/">توضیحاتی راجب Bootstrap
بوت‌استرپ مجم..</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/post/آموزش-Bootstrap-کار-با-List-Group-در-بوت-استرپ-4/">توضیحاتی راجب Bootstrap
بوت‌استرپ مجم..</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/post/آموزش-Bootstrap/">توضیحاتی راجب Bootstrap
بوت‌استرپ مجم..</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/post/آموزش-جاوا-آموزش-متغیر-Double-در-JAVA/">کلوژر در جاوا اسکریپت: کاربرد آنها و آموزش ..</a></li>
</ul>
</div>
</div>
<!--- end menubox --->
</div>
</div>
</div>
<!--- end col of posts --->
<div class="pc-8 pc-pull-20">
<div class="sidebar">
<div class="menu-block blogprofile">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3> درباره من</h3>
</div>
<div class="menu-cnt">
<center>
<img src="https://tahlildadeh.farsiblog.com/uspace/t/tahlildadeh/1570543404avatar.jpg"/>
</center>
آموزشگاه تحلیل داده ارایه دهنده به روز ترین مطالب آموزشی و متدلوژی های برنامه نویسی است که در این زمینه بی رقیب است </div>
</div>
<!--- end menubox --->
<div class="menu-block">
<div class="menu-cnt">
<center>
<div class="todaytime"> <span class="tticon"> یکشنبه ۰۹ اردیبهشت ۰۳ </span> </div>
</center>
</div>
</div>
<!--- end menubox --->
<div class="menu-block catbox">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3> موضوعات</h3>
</div>
<div class="menu-cnt">
<ul>
<li ><a href="https://tahlildadeh.farsiblog.com/category/آموزش react native/"> آموزش react native <span>(7)</span> </a>
<ul>
</ul>
</li>
<li ><a href="https://tahlildadeh.farsiblog.com/category/آموزش طراحی سایت/"> آموزش طراحی سایت <span>(61)</span> </a>
<ul>
</ul>
</li>
<li ><a href="https://tahlildadeh.farsiblog.com/category/آموزش سی شارپ/"> آموزش سی شارپ <span>(9)</span> </a>
<ul>
</ul>
</li>
<li ><a href="https://tahlildadeh.farsiblog.com/category/آموزش جاوا/"> آموزش جاوا <span>(9)</span> </a>
<ul>
</ul>
</li>
<li ><a href="https://tahlildadeh.farsiblog.com/category/آموزش پایتون/"> آموزش پایتون <span>(7)</span> </a>
<ul>
</ul>
</li>
<li ><a href="https://tahlildadeh.farsiblog.com/category/آموزش داده کاوی و یادگیری ماشین/"> آموزش داده کاوی و یادگیری ماشین <span>(0)</span> </a>
<ul>
</ul>
</li>
</ul>
</div>
</div>
<!--- end menubox --->
<div class="menu-block authorbox">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3>نويسندگان</h3>
</div>
<div class="menu-list">
<ul>
<li><a href="https://tahlildadeh.farsiblog.com/author/tahlildadeh/"> پيمان كلانتري <span>(۹۴)</span></a></li>
</ul>
</div>
</div>
<!--- end menubox --->
<div class="menu-block archivebox">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3> آرشيو</h3>
</div>
<div class="menu-list">
<ul>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1398/07/"> مهر ۱۳۹۸ <span>(۹)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1398/08/"> آبان ۱۳۹۸ <span>(۵)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1398/09/"> آذر ۱۳۹۸ <span>(۱۶)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1398/10/"> دی ۱۳۹۸ <span>(۱۴)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1399/03/"> خرداد ۱۳۹۹ <span>(۸)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1399/04/"> تیر ۱۳۹۹ <span>(۵)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1399/05/"> مرداد ۱۳۹۹ <span>(۱)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1399/06/"> شهریور ۱۳۹۹ <span>(۱)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1399/07/"> مهر ۱۳۹۹ <span>(۵)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1399/08/"> آبان ۱۳۹۹ <span>(۶)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1399/09/"> آذر ۱۳۹۹ <span>(۱)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1400/02/"> اردیبهشت ۱۴۰۰ <span>(۷)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1400/03/"> خرداد ۱۴۰۰ <span>(۱۰)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1400/04/"> تیر ۱۴۰۰ <span>(۵)</span></a></li>
<li><a href="https://tahlildadeh.farsiblog.com/archive/1400/05/"> مرداد ۱۴۰۰ <span>(۱)</span></a></li>
</ul>
</div>
</div>
<!--- end menubox --->
<div class="menu-block tagsbox">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3> برچسب ها</h3>
</div>
<div class="menu-cnt">
<ul>
<li><a href="https://tahlildadeh.farsiblog.com/tag/فیلم+آموزش+برنامه+نویسی/">فیلم آموزش برنامه نویسی</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/یادگیری+طراحی+وب/">یادگیری طراحی وب</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/طراحی+سایت+دیجی+کالا/">طراحی سایت دیجی کالا</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/آموزش+HTML5/">آموزش HTML5</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/آموزش+سئو+در+طراحی+سایت/">آموزش سئو در طراحی سایت</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/فیلم+اموزش+طراحی+سایت/">فیلم اموزش طراحی سایت</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/دوره+آمورش+طراحی+سایت/">دوره آمورش طراحی سایت</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/آموزش+جامع+طراحی+سایت/">آموزش جامع طراحی سایت</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/طراحی+وب+سایت/">طراحی وب سایت</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/آموزش+پروژه+محور+طراحی+وب+سایت/">آموزش پروژه محور طراحی وب سایت</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/دوره+جامع+آموزش+طراحی+سایت/">دوره جامع آموزش طراحی سایت</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/آموزشگاه+تحلیل+داده/">آموزشگاه تحلیل داده</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/آموزش+حضوری+طراحی+سایت/">آموزش حضوری طراحی سایت</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/آموزش+طراحی+برنامه+تحت+وب/">آموزش طراحی برنامه تحت وب</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/آموزش+آنلاین+و+حضوری+طراحی+سایت/">آموزش آنلاین و حضوری طراحی سایت</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/cs/">cs</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/دروه+آموزش+طراحی+سایت/">دروه آموزش طراحی سایت</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/آموزش+افزونه+نویسی+برای+پایتون+با+زبان+C/">آموزش افزونه نویسی برای پایتون با زبان C</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/فيلم+آموزش+طراحي+سايت/">فيلم آموزش طراحي سايت</a></li>
<li><a href="https://tahlildadeh.farsiblog.com/tag/دوره+طراحي+سايت+تحليل+داده/">دوره طراحي سايت تحليل داده</a></li>
</ul>
</div>
</div>
<!--- end menubox --->
<!--- end menubox --->
</div>
<!--- end sidebar ---> </div>
<!--- end col of right sidebar --->
<div class="pc-8">
<div class="sidebar">
<farsistat>
<div class="menu-block blogstats">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3> خلاصه آمار</h3>
</div>
<div class="menu-cnt">
<ul>
<li>مجموع نمایش <span>۲۰,۲۶۸</span> </li><li>مجموع بازدید <span>۱۲,۹۹۷</span> </li><li>بازدید امروز <span>۵۶</span> </li><li>بازدید دیروز <span>۱۷</span> </li><li>مجموع مطالب <span>۹۴</span> </li><li>مجموع نظرات <span>۲۱</span> </li><li>افراد آنلاین <span>۱</span> </li>
</ul>
</div>
</div></farsistat>
<!--- end menubox --->
<!--- end menubox --->
<div class="menu-block socialbox">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3> من در شبكه هاي اجتماعي </h3>
</div>
<div class="menu-cnt">
<ul>
<li><a href="https://tahlildadeh.farsiblog.com/rss/" id="social-rss" target="_blank"></a></li>
</ul>
</div>
</div>
<!--- end menubox --->
<!--- end menubox --->
<div class="menu-block linkbox">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3> پيوندها</h3>
</div>
<div class="menu-list">
<ul>
<li><a href="https://salemziba.com/women-kids/pain-in-lower-part-of-abdomen-in-women/" target="_blank">14 دليل درد زير شكم زنان و 6 روش درمان خانگي</a></li><li><a href="https://bestkid.ir/آموزش-کودکان/سلامت-کودکان/علل-دیر-حرف-زدن-کودک.html" target="_blank">۷ علت اصلي دير حرف زدن كودكان +نكات مهم و كاربردي</a></li><li><a href="https://honarfardi.com/women-skills/makeup-tutorial/primer-cons-and-pros/" target="_blank">معايب و مزاياي پرايمر و تفاوت آن با كانسيلر</a></li><li><a href="https://charbzaban.com/مهاجرت-توریست/توریستی-ترین-شهرهای-جهان.html" target="_blank">توريستي ترين شهرهاي جهان در همه قاره ها (قبل و بعد از كرونا)</a></li><li><a href="https://www.farsiblog.com/" target="_blank">ساخت وبلاگ</a></li>
</ul>
</div>
</div>
<!--- end menubox --->
<!--- end menubox --->
<!--- end menubox --->
<!--- end menubox --->
</div>
<!--- end sidebar ---> </div>
<!--- end col of left sidebar --->
</div>
<!--- end row of main content --->
<div class="btmbar">
<div class="row">
<div class="pc-36">
<div class="footer">
<div class="row">
<div class="pc-18">
<div class="copyright"> <a href="http://farsiblog.com" target="_blank" title="فارسي بلاگ" class="fblogo"></a> <a href="http://farsiblog.com" target="_blank">فارسي بلاگ</a> : رسـانه وبلاگ نويسان حرفـه اي </div>
</div>
<div class="pc-18">
<div class="dashboard">
<ul>
<li><a href="http://farsiblog.com/User/Template/3995/" target="_blank" title="قالب" id="blogtemp-ico"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--- end footer --->
</div>
<!--- end all of container --->
</body>
</html>