## تایـــپوگرافــی

هــــــدرها

# H1 - این یک متن تستی میباشد. جهت تست میباشد.

## H2 - این یک متن تستی میباشد. جهت تست میباشد.

### H3 - این یک متن تستی میباشد. جهت تست میباشد.

#### H4 - این یک متن تستی میباشد. جهت تست میباشد.

##### H5 - این یک متن تستی میباشد. جهت تست میباشد.

###### H6 - این یک متن تستی میباشد. جهت تست میباشد.

پاراگـــــــراف

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.

دکــــمه لینک ساده
متـــن دکمه متـــن دکمه متـــن دکمه متـــن دکمه متـــن دکمه با رنگ قالب

    <a class="MyBtn MyBtn-red" href="#">متـــن دکمه</a>
    <a class="MyBtn MyBtn-blue" href="#">متـــن دکمه</a>
    <a class="MyBtn MyBtn-yellow" href="#">متـــن دکمه</a>
    <a class="MyBtn MyBtn-green" href="#">متـــن دکمه</a>
    <a class="MyBtn MyBtn-base" href="#">متـــن دکمه با رنگ قالب</a>

دکــــمه لینک ایکون
متـــن دکمه متـــن دکمه متـــن دکمه متـــن دکمه دکمه با رنگ قالب

    <a class="MyBtn-icon MyBtn-blue" href="#"><span>متـــن دکمه</span><i class="bi bi-basket2"></i></a>
    <a class="MyBtn-icon MyBtn-red" href="#"><span>متـــن دکمه</span><i class="bi bi-google"></i></a>
    <a class="MyBtn-icon MyBtn-yellow" href="#"><span>متـــن دکمه</span><i class="bi bi-heart-fill"></i></a>
    <a class="MyBtn-icon MyBtn-green" href="#"><span>متـــن دکمه</span><i class="bi bi-whatsapp"></i></a>
    <a class="MyBtn-icon MyBtn-base" href="#"><span>دکمه با رنگ قالب</span><i class="bi bi-chat-dots-fill"></i></a>