< Selain layout murni, Bootstrap juga bisa membuat komponen halaman web yang terdapat di hampir setiap website. Idenya di sini sama seperti ketika bekerja dengan layout - alih-alih menciptakan kembali roda setiap saat dengan merancang tombol atau toolbar Anda sendiri, akan lebih baik menggunakan kode prebuilt, yang telah diuji di beberapa browser dan perangkat.
Contoh berikut menunjukkan bagaimana membuat komponen web secara cepat.
Tombol adalah elemen dasar pada banyak halaman web, namun biasanya bisa sulit diatur dan bergaya. Seperti yang ditunjukkan di sini, tombol bisa memiliki berbagai jenis dan ukuran.
Kode Bootstrap untuk Membuat Tombol
Atribut
Awalan Kelas
| Deskripsi |
Tipe tombol |
btn-defaultbtn-primarybtn-successbtn-danger |
| Tipe tombol standar dengan efek hover |
|
Tombol biru dengan efek hover
Tombol hijau dengan efek hover
Tombol merah dengan efek hover
Tombol ukuran
btn-lgbtn-defaultbtn-sm |
| Tombol besar ukuran tombol |
Ukuran tombol default
|
Tombol kecil ukuran
Untuk membuat sebuah tombol, tuliskan HTML berikut ini:
Mulailah dengan elemen |
tombol
- elemen HTML.
Pada tanda
tombol
-
sudah termasuk
type = "button"
.
Sertakan atribut kelas dengan nilai atribut kelas
- btn
, dan tambahkan awalan kelas tambahan berdasarkan efek yang Anda inginkan.
Untuk menambahkan gaya tambahan, terus tambahkan nama awalan
- class
ke atribut kelas
.
Kode berikut menggabungkan kedua jenis tombol dan ukuran tombol:
Tombol utama besar
Tombol default besar
Tombol Kesuksesan Default
Tombol default default
Tombol bahaya kecil
Tombol default kecil
Tipe dan ukuran tombol bootstrap.
Periksa jenis tombol, ukuran tombol, dan tombol pilihan lainnya.
Menjelajahi dengan bilah alat
halaman web dengan beberapa halaman atau tampilan biasanya memiliki satu atau lebih toolbar untuk membantu pengguna dengan navigasi. Berikut adalah beberapa pilihan toolbar.
Kode Bootstrap untuk Membuat Bilah Alat Navigasi
Atribut
Awalan Kelas
| Deskripsi |
Jenis Toolbar |
nav-tab |
| nav-pil |
Tabbed navigation toolbar
Pill, atau toolbar navigasi tombol padat
|
Tipe tombol Toolbar
dropdown |
| menu dropdown caret |
menu drop-down Tombol atau tab sebagai
ikon menu drop-down arrow
|
Drop-down item menu
Untuk membuat toolbar navigasi pil atau tombol padat, tuliskan HTML berikut ini:
Mulailah daftar tanpa registrasi menggunakan elemen |
ul
- .
Di tag pembuka
, sertakan
- class = "nav-pil"
.
Buat tombol dengan menggunakan tag
. Sertakan
- class = "active"
-
dalam satu tag pembuka
untuk menentukan tab mana pada toolbar utama yang akan muncul secara visual disorot saat mouse melayang di atas tombol.
Untuk membuat menu drop-down, sajikan daftar unordered. Lihat kode di samping "Lainnya" dengan awalan kelas
-
"dropdown"
- ,
"caret"
, dan
"menu tarik-turun"
.
Anda dapat menautkan ke halaman web lain di menu drop-down Anda dengan menggunakan tag
.
Kode berikut membuat bilah alat menggunakan Bootstrap:
Timeline
Tentang
Foto
Teman
Lainnya
Tempat
Olahraga
Musik
Bootstrap toolbar dengan menu drop-down
Atribut dan</li>
</code></p>
<p><code>
</ul>
</code></p>
<p><code>
</li>
</code></p>
<p><code>
</ul>
</code></p>
<p><img src="https://i.howtospotfake.org/img/programming-2018/how-to-code-basic-web-page-elements-with-bootstrap-2.jpg"></p>
data-toggle = "dropdown"
<p>dan nilai bekerja sama untuk menambahkan menu drop-down ke elemen seperti tautan. Lihat opsi toolbar tambahan.
<code>
Menambahkan ikon
</code>
Ikon sering digunakan dengan tombol untuk membantu menyampaikan beberapa jenis tindakan. Misalnya, program email Anda kemungkinan menggunakan tombol dengan ikon tempat sampah untuk menghapus email. Ikon dengan cepat mengkomunikasikan tindakan yang disarankan kepada pengguna tanpa banyak penjelasan.
<code>
Ikon-ikon ini disebut
</code>
mesin terbang,</p>
<a id="menu-3"></a>
<h2>dan Glyph Icons menyediakan mesin terbang yang digunakan di Bootstrap.</h2>
<p>Bootstrap mendukung lebih dari 200 mesin terbang, yang dapat Anda tambahkan ke tombol atau bilah alat menggunakan tag</p>
<p>. Contoh kode berikut ini membuat tiga tombol dengan satu bintang, penjepit kertas, dan alat pemotong sampah. Bintang Lampirkan</p>
<p>Sampah
<code>
</code>
Tombol bootstrap dengan ikon.</p>
<p><code>
Periksa di sini untuk nama-nama semua mesin terbang Bootstrap.
</code></p>
<p><code>
</code></p>
<p><code>
</code></p>
<p>
<!-- google_ad_section_end -->
</div>
</article>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:580px;height:400px"
data-ad-client="ca-pub-1427824399252755"
data-ad-slot="3871104749"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</center>
<div class="ag-box">
<img src="https://i.howtospotfake.org/img/programming-2018/how-to-code-basic-web-page-elements-with-bootstrap.jpg" loading="lazy" alt="Bagaimana Kode Elemen Halaman Web Dasar dengan Bootstrap - dummies" title="Bagaimana Kode Elemen Halaman Web Dasar dengan Bootstrap - dummies" />
</div>
</div>
</div>
<div class="td_block_wrap td_block_related_posts td_uid_14_5c7302a2cb6b9_rand td_with_ajax_pagination td-pb-border-top td_block_template_1" data-td-block-uid="td_uid_14_5c7302a2cb6b9">
<script>
var block_td_uid_14_5c7302a2cb6b9 = new tdBlock();
block_td_uid_14_5c7302a2cb6b9.id = "td_uid_14_5c7302a2cb6b9";
block_td_uid_14_5c7302a2cb6b9.atts = '{"limit":6,"ajax_pagination":"next_prev","live_filter":"cur_post_same_categories","td_ajax_filter_type":"td_custom_related","class":"td_uid_14_5c7302a2cb6b9_rand","td_column_number":3,"live_filter_cur_post_id":55,"live_filter_cur_post_author":"1","block_template_id":"","header_color":"","ajax_pagination_infinite_stop":"","offset":"","td_ajax_preloading":"","td_filter_default_txt":"","td_ajax_filter_ids":"","el_class":"","color_preset":"","border_top":"","css":"","tdc_css":"","tdc_css_class":"td_uid_14_5c7302a2cb6b9_rand","tdc_css_class_style":"td_uid_14_5c7302a2cb6b9_rand_style"}';
block_td_uid_14_5c7302a2cb6b9.td_column_number = "3";
block_td_uid_14_5c7302a2cb6b9.block_type = "td_block_related_posts";
block_td_uid_14_5c7302a2cb6b9.post_count = "4";
block_td_uid_14_5c7302a2cb6b9.found_posts = "4";
block_td_uid_14_5c7302a2cb6b9.header_color = "";
block_td_uid_14_5c7302a2cb6b9.ajax_pagination_infinite_stop = "";
block_td_uid_14_5c7302a2cb6b9.max_num_pages = "1";
tdBlocksArray.push(block_td_uid_14_5c7302a2cb6b9);
</script>
<h4 class="td-related-title td-block-title"><a id="td_uid_15_5c7302a2cb993" class="td-related-left td-cur-simple-item" data-td_filter_value="" data-td_block_id="td_uid_14_5c7302a2cb6b9" href="#">Pilihan Editor</a></h4>
<div id="td_uid_14_5c7302a2cb6b9" class="td_block_inner">
<div class="td-related-row">
<div class="td-related-span4" style="vertical-align:top;display:inline-block">
<div class="td_module_related_posts td-animation-stack td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="/how-to-subscribe-to-an-rss-feed-for-your-blog" title="Bagaimana cara berlangganan RSS Feed untuk Blog Anda - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/big/id-social-media-2018/how-to-subscribe-to-an-rss-feed-for-your-blog.jpg" loading="lazy" alt="Bagaimana cara berlangganan RSS Feed untuk Blog Anda - dummies" title="Bagaimana cara berlangganan RSS Feed untuk Blog Anda - dummies" class="entry-thumb" data-type="image_tag" style="width:218px;height:150px" /></a></div>
<a href="/social-media/1" title="Media Sosial" rel="category tag" class="td-post-category">Media Sosial</a>
</div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-to-subscribe-to-an-rss-feed-for-your-blog" title="Bagaimana cara berlangganan RSS Feed untuk Blog Anda - dummies" rel="bookmark">Bagaimana cara berlangganan RSS Feed untuk Blog Anda - dummies</a></h3>
</div>
</div>
</div><div class="td-related-span4" style="vertical-align:top;display:inline-block">
<div class="td_module_related_posts td-animation-stack td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="/how-to-tie-your-blog-into-twitter-through-rss" title="Bagaimana Mengikat Blog Anda ke Twitter melalui RSS - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/big/id-social-media-2018/how-to-tie-your-blog-into-twitter-through-rss.jpg" loading="lazy" alt="Bagaimana Mengikat Blog Anda ke Twitter melalui RSS - dummies" title="Bagaimana Mengikat Blog Anda ke Twitter melalui RSS - dummies" class="entry-thumb" data-type="image_tag" style="width:218px;height:150px" /></a></div>
<a href="/social-media/1" title="Media Sosial" rel="category tag" class="td-post-category">Media Sosial</a>
</div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-to-tie-your-blog-into-twitter-through-rss" title="Bagaimana Mengikat Blog Anda ke Twitter melalui RSS - dummies" rel="bookmark">Bagaimana Mengikat Blog Anda ke Twitter melalui RSS - dummies</a></h3>
</div>
</div>
</div><div class="td-related-span4" style="vertical-align:top;display:inline-block">
<div class="td_module_related_posts td-animation-stack td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="/how-to-survive-information-overload-in-social-media-engagement" title="Bagaimana mengatasi Overload Informasi dalam Keterlibatan Media Sosial - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/social-media-2018/how-to-survive-information-overload-in-social-media-engagement.jpg" loading="lazy" alt="Bagaimana mengatasi Overload Informasi dalam Keterlibatan Media Sosial - dummies" title="Bagaimana mengatasi Overload Informasi dalam Keterlibatan Media Sosial - dummies" class="entry-thumb" data-type="image_tag" style="width:218px;height:150px" /></a></div>
<a href="/social-media/1" title="Media Sosial" rel="category tag" class="td-post-category">Media Sosial</a>
</div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-to-survive-information-overload-in-social-media-engagement" title="Bagaimana mengatasi Overload Informasi dalam Keterlibatan Media Sosial - dummies" rel="bookmark">Bagaimana mengatasi Overload Informasi dalam Keterlibatan Media Sosial - dummies</a></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar">
<div class="td-ss-main-sidebar" style="width:324px;position:static;top:auto;bottom:auto">
<div class="clearfix"></div>
<div class="td_block_wrap td_block_21 td_block_widget td_uid_19_5c7302a2cc741_rand td_with_ajax_pagination td-pb-border-top td_block_template_1 td-column-1" data-td-block-uid="td_uid_19_5c7302a2cc741">
<div class="td-block-title-wrap">
<h4 class="block-title td-block-title"><span class="td-pulldown-size">Pilihan Editor</span></h4>
</div>
<div id="td_uid_19_5c7302a2cc741" class="td_block_inner">
<div class="td_module_16 td_module_wrap td-animation-stack">
<div class="td-module-thumb">
<a href="/10-outlook-2013-shortcuts-worth-taking" title="10 Outlook 2013 Jalan pintas layak diambil - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/big/id-software-2018/10-outlook-2013-shortcuts-worth-taking.jpg" alt="10 Outlook 2013 Jalan pintas layak diambil - dummies" title="10 Outlook 2013 Jalan pintas layak diambil - dummies" class="entry-thumb td-animation-stack-type0-2" style="width:100px!important;height:100px!important" data-type="image_tag" /></a>
</div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/10-outlook-2013-shortcuts-worth-taking" title="10 Outlook 2013 Jalan pintas layak diambil - dummies" rel="bookmark">10 Outlook 2013 Jalan pintas layak diambil - dummies</a></h3>
<div class="td-module-meta-info"><a href="/social-media/1" title="Media Sosial" rel="category tag" class="td-post-category">Media Sosial</a><span class="td-post-date"><time datetime="2024" class="entry-date updated td-module-date">2024</time></span></div>
<p class="td-excerpt">Meskipun komputer dan program perangkat lunak seperti Outlook 2013 seharusnya menyelamatkan Anda waktu, beberapa hari ini sepertinya tidak menjadi masalah. Tombol juggling, kunci, dan Pita sepertinya bisa memakan waktu seharian. Berikut adalah beberapa cara pintas yang bisa menghemat waktu dan ketegangan Anda.</p>
</div>
</div><div class="td_module_16 td_module_wrap td-animation-stack">
<div class="td-module-thumb">
<a href="/how-to-add-contacts-in-outlook-2013" title="Cara menambahkan kontak di Outlook 2013 - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/big/id-software-2018/how-to-add-contacts-in-outlook-2013.jpg" alt="Cara menambahkan kontak di Outlook 2013 - dummies" title="Cara menambahkan kontak di Outlook 2013 - dummies" class="entry-thumb td-animation-stack-type0-2" style="width:100px!important;height:100px!important" data-type="image_tag" /></a>
</div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-to-add-contacts-in-outlook-2013" title="Cara menambahkan kontak di Outlook 2013 - dummies" rel="bookmark">Cara menambahkan kontak di Outlook 2013 - dummies</a></h3>
<div class="td-module-meta-info"><a href="/social-media/1" title="Media Sosial" rel="category tag" class="td-post-category">Media Sosial</a><span class="td-post-date"><time datetime="2024" class="entry-date updated td-module-date">2024</time></span></div>
<p class="td-excerpt">Bila bukan apa yang Anda ketahui tapi siapa yang Anda kenal, Anda butuh alat yang bagus untuk mencatat siapa siapa. Outlook 2013 adalah alat yang hebat untuk mengelola nama dan alamat Anda, dan ini mudah digunakan sebagai Buku Hitam Kecil Anda.</p>
</div>
</div><div class="td_module_16 td_module_wrap td-animation-stack">
<div class="td-module-thumb">
<a href="/how-to-add-pictures-to-your-outlook-2013-contacts" title="Cara menambahkan foto ke kontak Outlook 2013 - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/big/id-consumer-electronics-2018/how-to-add-contacts-to-your-surface-people-app.jpg" alt="Cara menambahkan foto ke kontak Outlook 2013 - dummies" title="Cara menambahkan foto ke kontak Outlook 2013 - dummies" class="entry-thumb td-animation-stack-type0-2" style="width:100px!important;height:100px!important" data-type="image_tag" /></a>
</div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-to-add-pictures-to-your-outlook-2013-contacts" title="Cara menambahkan foto ke kontak Outlook 2013 - dummies" rel="bookmark">Cara menambahkan foto ke kontak Outlook 2013 - dummies</a></h3>
<div class="td-module-meta-info"><a href="/social-media/1" title="Media Sosial" rel="category tag" class="td-post-category">Media Sosial</a><span class="td-post-date"><time datetime="2024" class="entry-date updated td-module-date">2024</time></span></div>
<p class="td-excerpt">Anda dapat menyertakan gambar dengan kontak informasi yang Anda kumpulkan di Outlook 2013, dan tidak hanya untuk hiasan. Kini setelah banyak ponsel dan perangkat seluler lainnya melakukan sinkronisasi dengan daftar Kontak Outlook, Anda dapat membuat gambar seseorang muncul di layar ponsel Anda setiap kali dia menelepon atau mengirim SMS. Foto-foto itu ...</p>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1427824399252755"
data-ad-slot="4175470618"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="td_block_wrap td_block_21 td_block_widget td_uid_19_5c7302a2cc741_rand td_with_ajax_pagination td-pb-border-top td_block_template_1 td-column-1" data-td-block-uid="td_uid_19_5c7302a2cc741">
<div class="td-block-title-wrap">
<h4 class="block-title td-block-title"><span class="td-pulldown-size">Pilihan Editor</span></h4>
</div>
<div id="td_uid_19_5c7302a2cc741" class="td_block_inner">
<div class="td_module_16 td_module_wrap td-animation-stack">
<div class="td-module-thumb">
<a href="/how-to-solve-circle-problems-on-psat-nmsqt" title="Cara Mengatasi Masalah Lingkaran di lingkaran PSAT / NMSQT - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/test-prep-2018/how-to-solve-circle-problems-on-psat-nmsqt.jpg" alt="Cara Mengatasi Masalah Lingkaran di lingkaran PSAT / NMSQT - dummies" title="Cara Mengatasi Masalah Lingkaran di lingkaran PSAT / NMSQT - dummies" class="entry-thumb td-animation-stack-type0-2" style="width:100px!important;height:100px!important" data-type="image_tag" /></a>
</div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-to-solve-circle-problems-on-psat-nmsqt" title="Cara Mengatasi Masalah Lingkaran di lingkaran PSAT / NMSQT - dummies" rel="bookmark">Cara Mengatasi Masalah Lingkaran di lingkaran PSAT / NMSQT - dummies</a></h3>
<div class="td-module-meta-info"><a href="/social-media/1" title="Media Sosial" rel="category tag" class="td-post-category">Media Sosial</a><span class="td-post-date"><time datetime="2024" class="entry-date updated td-module-date">2024</time></span></div>
<p class="td-excerpt">Ada di mana-mana, terutama di PSAT / NMSQT. Bukan kebetulan bahasa Inggris berisi begitu banyak rujukan ke lingkaran: lingkaran teman, air mengitari cerat, lingkaran penuh, dan sebagainya. Ketika Anda menekan lingkaran pertanyaan pada PSAT / NMSQT, ingat fakta-fakta ini: Jari-jari adalah garis lurus dari pusat lingkaran ...</p>
</div>
</div><div class="td_module_16 td_module_wrap td-animation-stack">
<div class="td-module-thumb">
<a href="/increase-your-motivation-to-do-well-on-mat" title="Meningkatkan Motivasi Anda untuk Dilakukan dengan baik di MAT - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/big/id-test-prep-2018/increase-your-motivation-to-do-well-on-mat.jpg" alt="Meningkatkan Motivasi Anda untuk Dilakukan dengan baik di MAT - dummies" title="Meningkatkan Motivasi Anda untuk Dilakukan dengan baik di MAT - dummies" class="entry-thumb td-animation-stack-type0-2" style="width:100px!important;height:100px!important" data-type="image_tag" /></a>
</div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/increase-your-motivation-to-do-well-on-mat" title="Meningkatkan Motivasi Anda untuk Dilakukan dengan baik di MAT - dummies" rel="bookmark">Meningkatkan Motivasi Anda untuk Dilakukan dengan baik di MAT - dummies</a></h3>
<div class="td-module-meta-info"><a href="/social-media/1" title="Media Sosial" rel="category tag" class="td-post-category">Media Sosial</a><span class="td-post-date"><time datetime="2024" class="entry-date updated td-module-date">2024</time></span></div>
<p class="td-excerpt">Uji Analogi Miller (Miller Analogies Test - MAT) adalah tes standar yang biasanya digunakan untuk penerimaan sekolah pascasarjana, jadi Anda sudah termotivasi untuk melakukannya dengan baik. Sebagai belajar untuk MAT menjadi sulit, memakan waktu, membosankan, atau hanya membosankan, akan sulit untuk mempertahankan motivasi Anda untuk melanjutkan pencarian Anda. Jadi, bagaimana Anda bisa meningkatkan level Anda saat ini?</p>
</div>
</div><div class="td_module_16 td_module_wrap td-animation-stack">
<div class="td-module-thumb">
<a href="/how-to-work-with-radicals-and-absolute-value-on-psat-nmsqt" title="Bagaimana Bekerja dengan Radikal dan Nilai Mutlak pada PSAT / NMSQT - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/test-prep-2018/how-to-work-with-radicals-and-absolute-value-on-psat-nmsqt.jpg" alt="Bagaimana Bekerja dengan Radikal dan Nilai Mutlak pada PSAT / NMSQT - dummies" title="Bagaimana Bekerja dengan Radikal dan Nilai Mutlak pada PSAT / NMSQT - dummies" class="entry-thumb td-animation-stack-type0-2" style="width:100px!important;height:100px!important" data-type="image_tag" /></a>
</div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-to-work-with-radicals-and-absolute-value-on-psat-nmsqt" title="Bagaimana Bekerja dengan Radikal dan Nilai Mutlak pada PSAT / NMSQT - dummies" rel="bookmark">Bagaimana Bekerja dengan Radikal dan Nilai Mutlak pada PSAT / NMSQT - dummies</a></h3>
<div class="td-module-meta-info"><a href="/social-media/1" title="Media Sosial" rel="category tag" class="td-post-category">Media Sosial</a><span class="td-post-date"><time datetime="2024" class="entry-date updated td-module-date">2024</time></span></div>
<p class="td-excerpt"></p>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:336px;height:280px"
data-ad-client="ca-pub-1427824399252755"
data-ad-slot="5787935184"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="td_block_wrap td_block_21 td_block_widget td_uid_19_5c7302a2cc741_rand td_with_ajax_pagination td-pb-border-top td_block_template_1 td-column-1" data-td-block-uid="td_uid_19_5c7302a2cc741">
<div class="td-block-title-wrap">
<h4 class="block-title td-block-title"><span class="td-pulldown-size">Pilihan Editor</span></h4>
</div>
<div id="td_uid_19_5c7302a2cc741" class="td_block_inner">
<div class="td_module_16 td_module_wrap td-animation-stack">
<div class="td-module-thumb">
<a href="/how-to-name-html-files" title="Bagaimana memberi nama file HTML - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/web-design-development-2018/how-to-name-html-files.jpg" alt="Bagaimana memberi nama file HTML - dummies" title="Bagaimana memberi nama file HTML - dummies" class="entry-thumb td-animation-stack-type0-2" style="width:100px!important;height:100px!important" data-type="image_tag" /></a>
</div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-to-name-html-files" title="Bagaimana memberi nama file HTML - dummies" rel="bookmark">Bagaimana memberi nama file HTML - dummies</a></h3>
<div class="td-module-meta-info"><a href="/social-media/1" title="Media Sosial" rel="category tag" class="td-post-category">Media Sosial</a><span class="td-post-date"><time datetime="2024" class="entry-date updated td-module-date">2024</time></span></div>
<p class="td-excerpt">Anda tidak dapat membuka kode Anda di browser sampai Anda menyimpan itu dengan perpanjangan nama file. html (atau .htm). Ingat bahwa judul halaman ditampilkan di bilah judul browser atau bilah tab. Judul benar-benar bagaimana halaman Anda "diidentifikasi" ke seluruh dunia. Nama file halaman, meskipun, lebih merupakan bagian dalam ...</p>
</div>
</div><div class="td_module_16 td_module_wrap td-animation-stack">
<div class="td-module-thumb">
<a href="/how-to-match-your-marketing-e-mails-to-your-brand" title="Bagaimana Mencocokkan Email Pemasaran dengan Brand Anda - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/big/id-web-design-development-2018/how-to-match-your-marketing-e-mails-to-your-brand.jpg" alt="Bagaimana Mencocokkan Email Pemasaran dengan Brand Anda - dummies" title="Bagaimana Mencocokkan Email Pemasaran dengan Brand Anda - dummies" class="entry-thumb td-animation-stack-type0-2" style="width:100px!important;height:100px!important" data-type="image_tag" /></a>
</div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-to-match-your-marketing-e-mails-to-your-brand" title="Bagaimana Mencocokkan Email Pemasaran dengan Brand Anda - dummies" rel="bookmark">Bagaimana Mencocokkan Email Pemasaran dengan Brand Anda - dummies</a></h3>
<div class="td-module-meta-info"><a href="/social-media/1" title="Media Sosial" rel="category tag" class="td-post-category">Media Sosial</a><span class="td-post-date"><time datetime="2024" class="entry-date updated td-module-date">2024</time></span></div>
<p class="td-excerpt">Branding e-mail pemasaran Anda membantu audiens Anda untuk segera mengenali dan membedakan e-mail Anda dari e-mail asing yang mereka terima. Menjaga pencitraan e-mail Anda konsisten dari waktu ke waktu memungkinkan penerima Anda mengenal Anda dan e-mail karena mereka menerima beberapa e-mail dari Anda. Semua komunikasi bisnis Anda harus mengandung elemen pencitraan merek yang konsisten, dan ...</p>
</div>
</div><div class="td_module_16 td_module_wrap td-animation-stack">
<div class="td-module-thumb">
<a href="/how-to-perform-jquery-transformations-for-css3-sites" title="Bagaimana Melakukan Transformasi JQuery untuk Situs CSS3" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/big/id-web-design-development-2018/how-to-perform-jquery-transformations-for-css3-sites.jpg" alt="Bagaimana Melakukan Transformasi JQuery untuk Situs CSS3" title="Bagaimana Melakukan Transformasi JQuery untuk Situs CSS3" class="entry-thumb td-animation-stack-type0-2" style="width:100px!important;height:100px!important" data-type="image_tag" /></a>
</div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-to-perform-jquery-transformations-for-css3-sites" title="Bagaimana Melakukan Transformasi JQuery untuk Situs CSS3" rel="bookmark">Bagaimana Melakukan Transformasi JQuery untuk Situs CSS3</a></h3>
<div class="td-module-meta-info"><a href="/social-media/1" title="Media Sosial" rel="category tag" class="td-post-category">Media Sosial</a><span class="td-post-date"><time datetime="2024" class="entry-date updated td-module-date">2024</time></span></div>
<p class="td-excerpt"></p>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
<div class="td-footer-wrapper td-container-wrap td-footer-template-4">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12"></div>
</div>
<div class="td-pb-row">
<div class="td-pb-span4">
<div class="td_block_wrap td_block_7 td_uid_50_5cef696cd616d_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_50_5cef696cd616d">
<div class="td-block-title-wrap">
<h4 class="block-title td-block-title"><span class="td-pulldown-size" style="color:#fff">Pilihan Editor</span></h4>
</div>
<div id="td_uid_50_5cef696cd616d" class="td_block_inner">
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="/enterprise-mobile-device-content-control" title="Enterprise Mobile Device Content Control - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/big/en-programming-2018/enterprise-mobile-device-content-control.jpg" alt="Enterprise Mobile Device Content Control - dummies" title="Enterprise Mobile Device Content Control - dummies" data-type="image_tag" class="entry-thumb td-animation-stack-type0-2" style="width:100px;height:70px" /></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/enterprise-mobile-device-content-control" title="Enterprise Mobile Device Content Control - dummies" rel="bookmark">Enterprise Mobile Device Content Control - dummies</a></h3>
</div>
</div>
</div><div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="/enterprise-mobile-device-content-encryption" title="Enkripsi Enkripsi Perangkat Seluler Seluler" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/3.jpg" alt="Enkripsi Enkripsi Perangkat Seluler Seluler" title="Enkripsi Enkripsi Perangkat Seluler Seluler" data-type="image_tag" class="entry-thumb td-animation-stack-type0-2" style="width:100px;height:70px" /></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/enterprise-mobile-device-content-encryption" title="Enkripsi Enkripsi Perangkat Seluler Seluler" rel="bookmark">Enkripsi Enkripsi Perangkat Seluler Seluler</a></h3>
</div>
</div>
</div><div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="/enterprise-mobile-device-backups" title="Backup perangkat mobile perusahaan - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/big/id-programming-2018/enterprise-mobile-device-backups.jpg" alt="Backup perangkat mobile perusahaan - dummies" title="Backup perangkat mobile perusahaan - dummies" data-type="image_tag" class="entry-thumb td-animation-stack-type0-2" style="width:100px;height:70px" /></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/enterprise-mobile-device-backups" title="Backup perangkat mobile perusahaan - dummies" rel="bookmark">Backup perangkat mobile perusahaan - dummies</a></h3>
</div>
</div>
</div><div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="/enterprise-mobile-device-loss-and-theft-protection" title="Enterprise Mobile Device Loss and Theft Protection - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/3.jpg" alt="Enterprise Mobile Device Loss and Theft Protection - dummies" title="Enterprise Mobile Device Loss and Theft Protection - dummies" data-type="image_tag" class="entry-thumb td-animation-stack-type0-2" style="width:100px;height:70px" /></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/enterprise-mobile-device-loss-and-theft-protection" title="Enterprise Mobile Device Loss and Theft Protection - dummies" rel="bookmark">Enterprise Mobile Device Loss and Theft Protection - dummies</a></h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="td-pb-span4">
<div class="td_block_wrap td_block_7 td_uid_51_5cef696cd6d1b_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_51_5cef696cd6d1b">
<div class="td-block-title-wrap">
<h4 class="block-title td-block-title"><span class="td-pulldown-size" style="color:#fff">Pilihan Editor</span></h4>
</div>
<div id="td_uid_51_5cef696cd6d1b" class="td_block_inner">
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="/how-social-media-helps-you-reap-rewards-of-an-engaged-community" title="Bagaimana Media Sosial Membantu Anda Menerbitkan Hadiah dari Komunitas Terlibat - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/big/id-personal-finance-2018/questions-to-ask-before-investing-in-commodity-mutual-funds.jpg" alt="Bagaimana Media Sosial Membantu Anda Menerbitkan Hadiah dari Komunitas Terlibat - dummies" title="Bagaimana Media Sosial Membantu Anda Menerbitkan Hadiah dari Komunitas Terlibat - dummies" data-type="image_tag" class="entry-thumb td-animation-stack-type0-2" style="width:100px;height:70px" /></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-social-media-helps-you-reap-rewards-of-an-engaged-community" title="Bagaimana Media Sosial Membantu Anda Menerbitkan Hadiah dari Komunitas Terlibat - dummies" rel="bookmark">Bagaimana Media Sosial Membantu Anda Menerbitkan Hadiah dari Komunitas Terlibat - dummies</a></h3>
</div>
</div>
</div><div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="/how-social-media-helps-you-strengthen-connections-with-customers" title="Bagaimana Media Sosial Membantu Anda Memperkuat Koneksi dengan Pelanggan - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/social-media-2018/how-social-media-helps-you-strengthen-connections-with-customers.jpg" alt="Bagaimana Media Sosial Membantu Anda Memperkuat Koneksi dengan Pelanggan - dummies" title="Bagaimana Media Sosial Membantu Anda Memperkuat Koneksi dengan Pelanggan - dummies" data-type="image_tag" class="entry-thumb td-animation-stack-type0-2" style="width:100px;height:70px" /></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-social-media-helps-you-strengthen-connections-with-customers" title="Bagaimana Media Sosial Membantu Anda Memperkuat Koneksi dengan Pelanggan - dummies" rel="bookmark">Bagaimana Media Sosial Membantu Anda Memperkuat Koneksi dengan Pelanggan - dummies</a></h3>
</div>
</div>
</div><div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="/how-social-media-helps-you-tap-into-new-markets" title="Bagaimana Media Sosial Membantu Anda Memasuki Pasar Baru - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/social-media-2018/how-social-media-helps-you-tap-into-new-markets.jpg" alt="Bagaimana Media Sosial Membantu Anda Memasuki Pasar Baru - dummies" title="Bagaimana Media Sosial Membantu Anda Memasuki Pasar Baru - dummies" data-type="image_tag" class="entry-thumb td-animation-stack-type0-2" style="width:100px;height:70px" /></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-social-media-helps-you-tap-into-new-markets" title="Bagaimana Media Sosial Membantu Anda Memasuki Pasar Baru - dummies" rel="bookmark">Bagaimana Media Sosial Membantu Anda Memasuki Pasar Baru - dummies</a></h3>
</div>
</div>
</div><div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="/how-stats-help-online-community-management" title="Bagaimana Statistik Membantu Manajemen Komunitas Online - dummies" rel="bookmark" class="td-image-wrap"><img src="https://i.howtospotfake.org/img/social-media-2018/how-stats-help-online-community-management.jpg" alt="Bagaimana Statistik Membantu Manajemen Komunitas Online - dummies" title="Bagaimana Statistik Membantu Manajemen Komunitas Online - dummies" data-type="image_tag" class="entry-thumb td-animation-stack-type0-2" style="width:100px;height:70px" /></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="/how-stats-help-online-community-management" title="Bagaimana Statistik Membantu Manajemen Komunitas Online - dummies" rel="bookmark">Bagaimana Statistik Membantu Manajemen Komunitas Online - dummies</a></h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="td-pb-span4">
<div class="td_block_wrap td_block_popular_categories td_uid_52_5cef696cd77f2_rand widget widget_categories td-pb-border-top td_block_template_1" data-td-block-uid="td_uid_52_5cef696cd77f2">
<div class="td-block-title-wrap">
<h4 class="block-title td-block-title"><span class="td-pulldown-size" style="color:#fff">Kategori populer</span></h4>
</div>
<ul class="td-pb-padding-side">
<li><a href="/personal-finance/" title="Keuangan Pribadi" rel="bookmark"><span class="td-cat-name">Keuangan Pribadi</span></a></li><li><a href="/social-media/" title="Media Sosial" rel="bookmark"><span class="td-cat-name">Media Sosial</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="td-sub-footer-container td-container-wrap">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span td-sub-footer-copy">
<p>© Copyright id.blender3dtutorials.com, 2024 Oktober | <a href="https://id.blender3dtutorials.com/about-site" title="Tentang situs">Tentang situs</a> | <a href="https://id.blender3dtutorials.com/contacts" title="Kontak">Kontak</a> | <a href="https://id.blender3dtutorials.com/privacy-policy" title="Rahasia pribadi">Rahasia pribadi</a>.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Yandex.Metrika counter -->
<script>(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(47102301, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, trackHash:true });</script>
<noscript><div><img src="https://mc.yandex.ru/watch/47102301" alt="Metrix" title="Metrix" style="position:absolute;left:-9999px" /></div></noscript>
<script>
window.tdwGlobal ={"adminUrl":"","wpRestNonce":"4266e5c117","wpRestUrl":"","permalinkStructure":"\/%postname%\/"};var td_is_safari = false;var td_is_ios = false;var td_is_windows_phone = false;
var ua = navigator.userAgent.toLowerCase();
var td_is_android = ua.indexOf('android') > -1;
if (ua.indexOf('safari') != -1){if (ua.indexOf('chrome') > -1){} else{td_is_safari = true}}
if (navigator.userAgent.match(/(iPhone|iPod|iPad)/i)){td_is_ios = true}
if (navigator.userAgent.match(/Windows Phone/i)){td_is_windows_phone = true}
if (td_is_ios || td_is_safari || td_is_windows_phone || td_is_android){if (top.location != location){top.location.replace('/newspaper/')}}
var tdBlocksArray = [];
function tdBlock(){this.id = '';this.block_type = 1;//block type id (1-234 etc)
this.atts = '';this.td_column_number = '';this.td_current_page = 1;//
this.post_count = 0;//from wp
this.found_posts = 0;//from wp
this.max_num_pages = 0;//from wp
this.td_filter_value = '';//current live filter value
this.is_ajax_running = false;this.td_user_action = '';// load more or infinite loader (used by the animation)
this.header_color = '';this.ajax_pagination_infinite_stop = '';//show load more at page x}
// td_js_generator - mini detector
(function(){var htmlTag = document.getElementsByTagName("html")[0];
if (navigator.userAgent.indexOf("MSIE 10.0") > -1){htmlTag.className += ' ie10'}
if (!!navigator.userAgent.match(/Trident.*rv\:11\./)){htmlTag.className += ' ie11'}
if (navigator.userAgent.indexOf("Edge") > -1){htmlTag.className += ' ieEdge'}
if (/(iPad|iPhone|iPod)/g.test(navigator.userAgent)){htmlTag.className += ' td-md-is-ios'}
var user_agent = navigator.userAgent.toLowerCase();if (user_agent.indexOf("android") > -1){htmlTag.className += ' td-md-is-android'}
if (-1 !== navigator.userAgent.indexOf('Mac OS X')){htmlTag.className += ' td-md-is-os-x'}
if (/chrom(e|ium)/.test(navigator.userAgent.toLowerCase())){htmlTag.className += ' td-md-is-chrome'}
if (-1 !== navigator.userAgent.indexOf('Firefox')){htmlTag.className += ' td-md-is-firefox'}
if (-1 !== navigator.userAgent.indexOf('Safari') && -1 === navigator.userAgent.indexOf('Chrome')){htmlTag.className += ' td-md-is-safari'}
if (-1 !== navigator.userAgent.indexOf('IEMobile')){htmlTag.className += ' td-md-is-iemobile'}})();
var tdLocalCache ={};
(function(){"use strict";
tdLocalCache ={data:{},remove:function(resource_id){delete tdLocalCache.data[resource_id]},exist:function(resource_id){return tdLocalCache.data.hasOwnProperty(resource_id) && tdLocalCache.data[resource_id] !== null},get:function(resource_id){return tdLocalCache.data[resource_id]},set:function(resource_id,cachedData){tdLocalCache.remove(resource_id);tdLocalCache.data[resource_id] = cachedData}}})();
var tds_login_sing_in_widget = "show";var td_viewport_interval_list = [{"limitBottom":767,"sidebarWidth":228},{"limitBottom":1018,"sidebarWidth":300},{"limitBottom":1140,"sidebarWidth":324}];var td_animation_stack_effect = "type0";var tds_animation_stack = true;var td_animation_stack_specific_selectors = ".entry-thumb,img";var td_animation_stack_general_selectors = ".td-animation-stack img,.td-animation-stack .entry-thumb,.post img";var tds_general_modal_image = "yes";var td_ajax_url = "";var td_get_template_directory_uri = "";var tds_snap_menu = "smart_snap_always";var tds_logo_on_sticky = "";var tds_header_style = "";var td_please_wait = "Please wait...";var td_email_user_pass_incorrect = "User or password incorrect!";var td_email_user_incorrect = "Email or username incorrect!";var td_email_incorrect = "Email incorrect!";var tds_more_articles_on_post_enable = "show";var tds_more_articles_on_post_time_to_wait = "";var tds_more_articles_on_post_pages_distance_from_top = 0;var tds_theme_color_site_wide = "#009688";var tds_smart_sidebar = "enabled";var tdThemeName = "Newspaper";var td_magnific_popup_translation_tPrev = "Previous (Left arrow key)";var td_magnific_popup_translation_tNext = "Next (Right arrow key)";var td_magnific_popup_translation_tCounter = "%curr% of %total%";var td_magnific_popup_translation_ajax_tError = "The content from %url% could not be loaded.";var td_magnific_popup_translation_image_tError = "The image #%curr% could not be loaded.";var tdDateNamesI18n ={"month_names":["January","February","March","April","May","June","July","August","September","October","November","December"],"month_names_short":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"day_names":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"day_names_short":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]};var td_ad_background_click_link = "";var td_ad_background_click_target = "";</script>
<style>
body{background-image:url("https://blender3dtutorials.com/template/010/images/background.png")}
.td-header-wrap .black-menu .sf-menu > .current-menu-item > a,.td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a,.td-header-wrap .black-menu .sf-menu > .current-category-ancestor > a,.td-header-wrap .black-menu .sf-menu > li > a:hover,.td-header-wrap .black-menu .sf-menu > .sfHover > a,.td-header-style-12 .td-header-menu-wrap-full,.sf-menu > .current-menu-item > a:after,.sf-menu > .current-menu-ancestor > a:after,.sf-menu > .current-category-ancestor > a:after,.sf-menu > li:hover > a:after,.sf-menu > .sfHover > a:after,.td-header-style-12 .td-affix,.header-search-wrap .td-drop-down-search:after,.header-search-wrap .td-drop-down-search .btn:hover,input[type=submit]:hover,.td-read-more a,.td-post-category:hover,.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-post-category,.td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category,.td_top_authors .td-active .td-author-post-count,.td_top_authors .td-active .td-author-comments-count,.td_top_authors .td_mod_wrap:hover .td-author-post-count,.td_top_authors .td_mod_wrap:hover .td-author-comments-count,.td-404-sub-sub-title a:hover,.td-search-form-widget .wpb_button:hover,.td-rating-bar-wrap div,.td_category_template_3 .td-current-sub-category,.dropcap,.td_wrapper_video_playlist .td_video_controls_playlist_wrapper,.wpb_default,.wpb_default:hover,.td-left-smart-list:hover,.td-right-smart-list:hover,.woocommerce-checkout .woocommerce input.button:hover,.woocommerce-page .woocommerce a.button:hover,.woocommerce-account div.woocommerce .button:hover,#bbpress-forums button:hover,.bbp_widget_login .button:hover,.td-footer-wrapper .td-post-category,.td-footer-wrapper .widget_product_search input[type="submit"]:hover,.woocommerce .product a.button:hover,.woocommerce .product #respond input#submit:hover,.woocommerce .checkout input#place_order:hover,.woocommerce .woocommerce.widget .button:hover,.single-product .product .summary .cart .button:hover,.woocommerce-cart .woocommerce table.cart .button:hover,.woocommerce-cart .woocommerce .shipping-calculator-form .button:hover,.td-next-prev-wrap a:hover,.td-load-more-wrap a:hover,.td-post-small-box a:hover,.page-nav .current,.page-nav:first-child > div,.td_category_template_8 .td-category-header .td-category a.td-current-sub-category,.td_category_template_4 .td-category-siblings .td-category a:hover,#bbpress-forums .bbp-pagination .current,#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a,.td-theme-slider:hover .slide-meta-cat a,a.vc_btn-black:hover,.td-trending-now-wrapper:hover .td-trending-now-title,.td-scroll-up,.td-smart-list-button:hover,.td-weather-information:before,.td-weather-week:before,.td_block_exchange .td-exchange-header:before,.td_block_big_grid_9.td-grid-style-1 .td-post-category,.td_block_big_grid_9.td-grid-style-5 .td-post-category,.td-grid-style-6.td-hover-1 .td-module-thumb:after,.td-pulldown-syle-2 .td-subcat-dropdown ul:after,.td_block_template_9 .td-block-title:after,.td_block_template_15 .td-block-title:before,div.wpforms-container .wpforms-form div.wpforms-submit-container button[type=submit]{background-color:#009688}
.td_block_template_4 .td-related-title .td-cur-simple-item:before{border-color:#009688 transparent transparent transparent!important}
.woocommerce .woocommerce-message .button:hover,.woocommerce .woocommerce-error .button:hover,.woocommerce .woocommerce-info .button:hover{background-color:#009688!important}
.td_block_template_4 .td-related-title .td-cur-simple-item,.td_block_template_3 .td-related-title .td-cur-simple-item,.td_block_template_9 .td-related-title:after{background-color:#009688}
.woocommerce .product .onsale,.woocommerce.widget .ui-slider .ui-slider-handle{background:none #009688}
.woocommerce.widget.widget_layered_nav_filters ul li a{background:none repeat scroll 0 0 #009688!important}
a,cite a:hover,.td_mega_menu_sub_cats .cur-sub-cat,.td-mega-span h3 a:hover,.td_mod_mega_menu:hover .entry-title a,.header-search-wrap .result-msg a:hover,.td-header-top-menu .td-drop-down-search .td_module_wrap:hover .entry-title a,.td-header-top-menu .td-icon-search:hover,.td-header-wrap .result-msg a:hover,.top-header-menu li a:hover,.top-header-menu .current-menu-item > a,.top-header-menu .current-menu-ancestor > a,.top-header-menu .current-category-ancestor > a,.td-social-icon-wrap > a:hover,.td-header-sp-top-widget .td-social-icon-wrap a:hover,.td-page-content blockquote p,.td-post-content blockquote p,.mce-content-body blockquote p,.comment-content blockquote p,.wpb_text_column blockquote p,.td_block_text_with_title blockquote p,.td_module_wrap:hover .entry-title a,.td-subcat-filter .td-subcat-list a:hover,.td-subcat-filter .td-subcat-dropdown a:hover,.td_quote_on_blocks,.dropcap2,.dropcap3,.td_top_authors .td-active .td-authors-name a,.td_top_authors .td_mod_wrap:hover .td-authors-name a,.td-post-next-prev-content a:hover,.author-box-wrap .td-author-social a:hover,.td-author-name a:hover,.td-author-url a:hover,.td_mod_related_posts:hover h3 > a,.td-post-template-11 .td-related-title .td-related-left:hover,.td-post-template-11 .td-related-title .td-related-right:hover,.td-post-template-11 .td-related-title .td-cur-simple-item,.td-post-template-11 .td_block_related_posts .td-next-prev-wrap a:hover,.comment-reply-link:hover,.logged-in-as a:hover,#cancel-comment-reply-link:hover,.td-search-query,.td-category-header .td-pulldown-category-filter-link:hover,.td-category-siblings .td-subcat-dropdown a:hover,.td-category-siblings .td-subcat-dropdown a.td-current-sub-category,.widget a:hover,.td_wp_recentcomments a:hover,.archive .widget_archive .current,.archive .widget_archive .current a,.widget_calendar tfoot a:hover,.woocommerce a.added_to_cart:hover,.woocommerce-account .woocommerce-MyAccount-navigation a:hover,#bbpress-forums li.bbp-header .bbp-reply-content span a:hover,#bbpress-forums .bbp-forum-freshness a:hover,#bbpress-forums .bbp-topic-freshness a:hover,#bbpress-forums .bbp-forums-list li a:hover,#bbpress-forums .bbp-forum-title:hover,#bbpress-forums .bbp-topic-permalink:hover,#bbpress-forums .bbp-topic-started-by a:hover,#bbpress-forums .bbp-topic-started-in a:hover,#bbpress-forums .bbp-body .super-sticky li.bbp-topic-title .bbp-topic-permalink,#bbpress-forums .bbp-body .sticky li.bbp-topic-title .bbp-topic-permalink,.widget_display_replies .bbp-author-name,.widget_display_topics .bbp-author-name,.footer-text-wrap .footer-email-wrap a,.td-subfooter-menu li a:hover,.footer-social-wrap a:hover,a.vc_btn-black:hover,.td-smart-list-dropdown-wrap .td-smart-list-button:hover,.td_module_17 .td-read-more a:hover,.td_module_18 .td-read-more a:hover,.td_module_19 .td-post-author-name a:hover,.td-instagram-user a,.td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more span,.td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more i,.td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more span,.td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more i,.td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover,.td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover i,.td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-link:hover,.td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-item .td-cur-simple-item,.td_block_template_2 .td-related-title .td-cur-simple-item,.td_block_template_5 .td-related-title .td-cur-simple-item,.td_block_template_6 .td-related-title .td-cur-simple-item,.td_block_template_7 .td-related-title .td-cur-simple-item,.td_block_template_8 .td-related-title .td-cur-simple-item,.td_block_template_9 .td-related-title .td-cur-simple-item,.td_block_template_10 .td-related-title .td-cur-simple-item,.td_block_template_11 .td-related-title .td-cur-simple-item,.td_block_template_12 .td-related-title .td-cur-simple-item,.td_block_template_13 .td-related-title .td-cur-simple-item,.td_block_template_14 .td-related-title .td-cur-simple-item,.td_block_template_15 .td-related-title .td-cur-simple-item,.td_block_template_16 .td-related-title .td-cur-simple-item,.td_block_template_17 .td-related-title .td-cur-simple-item,.td-theme-wrap .sf-menu ul .td-menu-item > a:hover,.td-theme-wrap .sf-menu ul .sfHover > a,.td-theme-wrap .sf-menu ul .current-menu-ancestor > a,.td-theme-wrap .sf-menu ul .current-category-ancestor > a,.td-theme-wrap .sf-menu ul .current-menu-item > a,.td_outlined_btn{color:#009688}
a.vc_btn-black.vc_btn_square_outlined:hover,a.vc_btn-black.vc_btn_outlined:hover,.td-mega-menu-page .wpb_content_element ul li a:hover,.td-theme-wrap .td-aj-search-results .td_module_wrap:hover .entry-title a,.td-theme-wrap .header-search-wrap .result-msg a:hover{color:#009688!important}
.td-next-prev-wrap a:hover,.td-load-more-wrap a:hover,.td-post-small-box a:hover,.page-nav .current,.page-nav:first-child > div,.td_category_template_8 .td-category-header .td-category a.td-current-sub-category,.td_category_template_4 .td-category-siblings .td-category a:hover,#bbpress-forums .bbp-pagination .current,.post .td_quote_box,.page .td_quote_box,a.vc_btn-black:hover,.td_block_template_5 .td-block-title > *,.td_outlined_btn{border-color:#009688}
.td_wrapper_video_playlist .td_video_currently_playing:after{border-color:#009688!important}
.header-search-wrap .td-drop-down-search:before{border-color:transparent transparent #009688 transparent}
.block-title > span,.block-title > a,.block-title > label,.widgettitle,.widgettitle:after,.td-trending-now-title,.td-trending-now-wrapper:hover .td-trending-now-title,.wpb_tabs li.ui-tabs-active a,.wpb_tabs li:hover a,.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a,.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a,.td_block_template_1 .td-related-title .td-cur-simple-item,.woocommerce .product .products h2:not(.woocommerce-loop-product__title),.td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more,.td_3D_btn,.td_shadow_btn,.td_default_btn,.td_round_btn,.td_outlined_btn:hover{background-color:#009688}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background-color:#009688!important}
.block-title,.td_block_template_1 .td-related-title,.wpb_tabs .wpb_tabs_nav,.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container,.woocommerce div.product .woocommerce-tabs ul.tabs:before{border-color:#009688}
.td_block_wrap .td-subcat-item a.td-cur-simple-item{color:#009688}
.td-grid-style-4 .entry-title{background-color:rgba(0,150,136,0.7)}
.td-theme-wrap .block-title > span,.td-theme-wrap .block-title > span > a,.td-theme-wrap .widget_rss .block-title .rsswidget,.td-theme-wrap .block-title > a,.widgettitle,.widgettitle > a,.td-trending-now-title,.wpb_tabs li.ui-tabs-active a,.wpb_tabs li:hover a,.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a,.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a,.td-related-title .td-cur-simple-item,.woocommerce div.product .woocommerce-tabs ul.tabs li.active,.woocommerce .product .products h2:not(.woocommerce-loop-product__title),.td-theme-wrap .td_block_template_2 .td-block-title > *,.td-theme-wrap .td_block_template_3 .td-block-title > *,.td-theme-wrap .td_block_template_4 .td-block-title > *,.td-theme-wrap .td_block_template_5 .td-block-title > *,.td-theme-wrap .td_block_template_6 .td-block-title > *,.td-theme-wrap .td_block_template_6 .td-block-title:before,.td-theme-wrap .td_block_template_7 .td-block-title > *,.td-theme-wrap .td_block_template_8 .td-block-title > *,.td-theme-wrap .td_block_template_9 .td-block-title > *,.td-theme-wrap .td_block_template_10 .td-block-title > *,.td-theme-wrap .td_block_template_11 .td-block-title > *,.td-theme-wrap .td_block_template_12 .td-block-title > *,.td-theme-wrap .td_block_template_13 .td-block-title > span,.td-theme-wrap .td_block_template_13 .td-block-title > a,.td-theme-wrap .td_block_template_14 .td-block-title > *,.td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option,.td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option i,.td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover,.td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover i,.td-theme-wrap .td_block_template_15 .td-block-title > *,.td-theme-wrap .td_block_template_15 .td-block-title-wrap .td-wrapper-pulldown-filter,.td-theme-wrap .td_block_template_15 .td-block-title-wrap .td-wrapper-pulldown-filter i,.td-theme-wrap .td_block_template_16 .td-block-title > *,.td-theme-wrap .td_block_template_17 .td-block-title > *{color:#222222}
.td-header-wrap .td-header-top-menu-full,.td-header-wrap .top-header-menu .sub-menu{background-color:#f9f9f9}
.td-header-style-8 .td-header-top-menu-full{background-color:transparent}
.td-header-style-8 .td-header-top-menu-full .td-header-top-menu{background-color:#f9f9f9;padding-left:15px;padding-right:15px}
.td-header-wrap .td-header-top-menu-full .td-header-top-menu,.td-header-wrap .td-header-top-menu-full{border-bottom:none}
.td-header-top-menu,.td-header-top-menu a,.td-header-wrap .td-header-top-menu-full .td-header-top-menu,.td-header-wrap .td-header-top-menu-full a,.td-header-style-8 .td-header-top-menu,.td-header-style-8 .td-header-top-menu a,.td-header-top-menu .td-drop-down-search .entry-title a{color:#2f2f2f}
.top-header-menu .current-menu-item > a,.top-header-menu .current-menu-ancestor > a,.top-header-menu .current-category-ancestor > a,.top-header-menu li a:hover,.td-header-sp-top-widget .td-icon-search:hover{color:#009688}
.td-header-wrap .td-header-sp-top-widget .td-icon-font,.td-header-style-7 .td-header-top-menu .td-social-icon-wrap .td-icon-font{color:#2f2f2f}
.td-header-wrap .td-header-sp-top-widget i.td-icon-font:hover{color:#009688}
.td-header-wrap .td-header-menu-wrap-full,.td-header-menu-wrap.td-affix,.td-header-style-3 .td-header-main-menu,.td-header-style-3 .td-affix .td-header-main-menu,.td-header-style-4 .td-header-main-menu,.td-header-style-4 .td-affix .td-header-main-menu,.td-header-style-8 .td-header-menu-wrap.td-affix,.td-header-style-8 .td-header-top-menu-full{background-color:#303030}
.td-boxed-layout .td-header-style-3 .td-header-menu-wrap,.td-boxed-layout .td-header-style-4 .td-header-menu-wrap,.td-header-style-3 .td_stretch_content .td-header-menu-wrap,.td-header-style-4 .td_stretch_content .td-header-menu-wrap{background-color:#303030!important}
@media (min-width:1019px){.td-header-style-1 .td-header-sp-recs,.td-header-style-1 .td-header-sp-logo{margin-bottom:28px}}
@media (min-width:768px) and (max-width:1018px){.td-header-style-1 .td-header-sp-recs,.td-header-style-1 .td-header-sp-logo{margin-bottom:14px}}
.td-header-style-7 .td-header-top-menu{border-bottom:none}
.sf-menu > .current-menu-item > a:after,.sf-menu > .current-menu-ancestor > a:after,.sf-menu > .current-category-ancestor > a:after,.sf-menu > li:hover > a:after,.sf-menu > .sfHover > a:after,.td_block_mega_menu .td-next-prev-wrap a:hover,.td-mega-span .td-post-category:hover,.td-header-wrap .black-menu .sf-menu > li > a:hover,.td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a,.td-header-wrap .black-menu .sf-menu > .sfHover > a,.header-search-wrap .td-drop-down-search:after,.header-search-wrap .td-drop-down-search .btn:hover,.td-header-wrap .black-menu .sf-menu > .current-menu-item > a,.td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a,.td-header-wrap .black-menu .sf-menu > .current-category-ancestor > a{background-color:#020000}
.td_block_mega_menu .td-next-prev-wrap a:hover{border-color:#020000}
.header-search-wrap .td-drop-down-search:before{border-color:transparent transparent #020000 transparent}
.td_mega_menu_sub_cats .cur-sub-cat,.td_mod_mega_menu:hover .entry-title a,.td-theme-wrap .sf-menu ul .td-menu-item > a:hover,.td-theme-wrap .sf-menu ul .sfHover > a,.td-theme-wrap .sf-menu ul .current-menu-ancestor > a,.td-theme-wrap .sf-menu ul .current-category-ancestor > a,.td-theme-wrap .sf-menu ul .current-menu-item > a{color:#020000}
.td-header-wrap .td-header-menu-wrap .sf-menu > li > a,.td-header-wrap .td-header-menu-social .td-social-icon-wrap a,.td-header-style-4 .td-header-menu-social .td-social-icon-wrap i,.td-header-style-5 .td-header-menu-social .td-social-icon-wrap i,.td-header-style-6 .td-header-menu-social .td-social-icon-wrap i,.td-header-style-12 .td-header-menu-social .td-social-icon-wrap i,.td-header-wrap .header-search-wrap #td-header-search-button .td-icon-search{color:#efefef}
.td-header-wrap .td-header-menu-social + .td-search-wrapper #td-header-search-button:before{background-color:#efefef}
.td-theme-wrap .sf-menu .td-normal-menu .td-menu-item > a:hover,.td-theme-wrap .sf-menu .td-normal-menu .sfHover > a,.td-theme-wrap .sf-menu .td-normal-menu .current-menu-ancestor > a,.td-theme-wrap .sf-menu .td-normal-menu .current-category-ancestor > a,.td-theme-wrap .sf-menu .td-normal-menu .current-menu-item > a{color:#009688}
.td-menu-background:before,.td-search-background:before{background:rgba(69,132,112,0.85);background:-moz-linear-gradient(top,rgba(69,132,112,0.85) 0%,rgba(18,129,153,0.85) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(69,132,112,0.85)),color-stop(100%,rgba(18,129,153,0.85)));background:-webkit-linear-gradient(top,rgba(69,132,112,0.85) 0%,rgba(18,129,153,0.85) 100%);background:-o-linear-gradient(top,rgba(69,132,112,0.85) 0%,@mobileu_gradient_two_mob 100%);background:-ms-linear-gradient(top,rgba(69,132,112,0.85) 0%,rgba(18,129,153,0.85) 100%);background:linear-gradient(to bottom,rgba(69,132,112,0.85) 0%,rgba(18,129,153,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(69,132,112,0.85)',endColorstr='rgba(18,129,153,0.85)',GradientType=0)}
.td-mobile-content .current-menu-item > a,.td-mobile-content .current-menu-ancestor > a,.td-mobile-content .current-category-ancestor > a,#td-mobile-nav .td-menu-login-section a:hover,#td-mobile-nav .td-register-section a:hover,#td-mobile-nav .td-menu-socials-wrap a:hover i,.td-search-close a:hover i{color:#e9ed6c}
.white-popup-block:after{background:rgba(69,132,112,0.85);background:-moz-linear-gradient(45deg,rgba(69,132,112,0.85) 0%,rgba(18,129,153,0.85) 100%);background:-webkit-gradient(left bottom,right top,color-stop(0%,rgba(69,132,112,0.85)),color-stop(100%,rgba(18,129,153,0.85)));background:-webkit-linear-gradient(45deg,rgba(69,132,112,0.85) 0%,rgba(18,129,153,0.85) 100%);background:-o-linear-gradient(45deg,rgba(69,132,112,0.85) 0%,rgba(18,129,153,0.85) 100%);background:-ms-linear-gradient(45deg,rgba(69,132,112,0.85) 0%,rgba(18,129,153,0.85) 100%);background:linear-gradient(45deg,rgba(69,132,112,0.85) 0%,rgba(18,129,153,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(69,132,112,0.85)',endColorstr='rgba(18,129,153,0.85)',GradientType=0)}
.td-footer-wrapper::before{background-image:url('https://blender3dtutorials.com/template/010/images/bg.png')}
.td-footer-wrapper::before{background-size:100% auto}
.td-footer-wrapper::before{opacity:0.6}
.td-menu-background,.td-search-background{background-image:url('https://blender3dtutorials.com/template/010/images/30.jpg')}
.white-popup-block:before{background-image:url('https://blender3dtutorials.com/template/010/images/30.jpg')}
.top-header-menu > li > a,.td-weather-top-widget .td-weather-now .td-big-degrees,.td-weather-top-widget .td-weather-header .td-weather-city,.td-header-sp-top-menu .td_data_time{line-height:27px}
ul.sf-menu > .td-menu-item > a,.td-theme-wrap .td-header-menu-social{font-size:13px;font-weight:normal;text-transform:none}
.block-title > span,.block-title > a,.widgettitle,.td-trending-now-title,.wpb_tabs li a,.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab > a,.td-theme-wrap .td-related-title a,.woocommerce div.product .woocommerce-tabs ul.tabs li a,.woocommerce .product .products h2:not(.woocommerce-loop-product__title),.td-theme-wrap .td-block-title{font-size:18px;font-weight:bold;text-transform:uppercase}
.top-header-menu > li,.td-header-sp-top-menu,#td-outer-wrap .td-header-sp-top-widget{line-height:27px}
.td-magazine .td-header-style-1 .td-header-gradient::before,.td-magazine .td-header-style-1 .td-mega-span .td-post-category:hover,.td-magazine .td-header-style-1 .header-search-wrap .td-drop-down-search::after{background-color:#009688}
.td-magazine .td-header-style-1 .td_mod_mega_menu:hover .entry-title a,.td-magazine .td-header-style-1 .td_mega_menu_sub_cats .cur-sub-cat,.td-magazine .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a,.td-magazine .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a,.td-magazine .td_block_template_1 .td-related-title .td-cur-simple-item{color:#009688}
.td-magazine .td-header-style-1 .header-search-wrap .td-drop-down-search::before{border-color:transparent transparent #009688}
.td-magazine .td-header-style-1 .td-header-top-menu-full{border-top-color:#009688}
</style>
<style>
.tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-category-ancestor > a,.tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-ancestor > a,.tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-item > a,.tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .sfHover > a,.tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > li > a:hover,.tdm_block_column_content:hover .tdm-col-content-title-url .tdm-title,.tds-button2 .tdm-btn-text,.tds-button2 i,.tds-button5:hover .tdm-btn-text,.tds-button5:hover i,.tds-button6 .tdm-btn-text,.tds-button6 i,.tdm_block_list .tdm-list-item i,.tdm_block_pricing .tdm-pricing-feature i,.tdm-social-item i{color:#009688}
.tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-item > a,.tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-ancestor > a,.tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-category-ancestor > a,.tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > li > a:hover,.tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .sfHover > a,.tds-button1,.tds-button6:after,.tds-title2 .tdm-title-line:after,.tds-title3 .tdm-title-line:after,.tdm_block_pricing.tdm-pricing-featured:before,.tdm_block_pricing.tds_pricing2_block.tdm-pricing-featured .tdm-pricing-header,.tds-progress-bar1 .tdm-progress-bar:after,.tds-progress-bar2 .tdm-progress-bar:after,.tds-social3 .tdm-social-item{background-color:#009688}
.tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-item > a,.tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-ancestor > a,.tdm-menu-active-style4 .tdm-header .sf-menu > .current-category-ancestor > a,.tdm-menu-active-style4 .tdm-header .sf-menu > li > a:hover,.tdm-menu-active-style4 .tdm-header .sf-menu > .sfHover > a,.tds-button2:before,.tds-button6:before,.tds-progress-bar3 .tdm-progress-bar:after{border-color:#009688}
.tdm-btn-style1{background-color:#009688}
.tdm-btn-style2:before{border-color:#009688}
.tdm-btn-style2{color:#009688}
.tdm-btn-style3{-webkit-box-shadow:0 2px 16px #009688;-moz-box-shadow:0 2px 16px #009688;box-shadow:0 2px 16px #009688}
.tdm-btn-style3:hover{-webkit-box-shadow:0 4px 26px #009688;-moz-box-shadow:0 4px 26px #009688;box-shadow:0 4px 26px #009688}
.tdm-header-style-1.td-header-wrap .td-header-top-menu-full,.tdm-header-style-1.td-header-wrap .top-header-menu .sub-menu,.tdm-header-style-2.td-header-wrap .td-header-top-menu-full,.tdm-header-style-2.td-header-wrap .top-header-menu .sub-menu,.tdm-header-style-3.td-header-wrap .td-header-top-menu-full,.tdm-header-style-3.td-header-wrap .top-header-menu .sub-menu{background-color:#f9f9f9}
.tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-item > a,.tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-ancestor > a,.tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-category-ancestor > a,.tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > li > a:hover,.tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .sfHover > a{color:#020000}
.tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-item > a,.tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-ancestor > a,.tdm-menu-active-style4 .tdm-header .sf-menu > .current-category-ancestor > a,.tdm-menu-active-style4 .tdm-header .sf-menu > li > a:hover,.tdm-menu-active-style4 .tdm-header .sf-menu > .sfHover > a{border-color:#020000}
.tdm-menu-active-style5 .tdm-header .td-header-menu-wrap .sf-menu > .current-menu-item > a,.tdm-menu-active-style5 .tdm-header .td-header-menu-wrap .sf-menu > .current-menu-ancestor > a,.tdm-menu-active-style5 .tdm-header .td-header-menu-wrap .sf-menu > .current-category-ancestor > a,.tdm-menu-active-style5 .tdm-header .td-header-menu-wrap .sf-menu > li > a:hover,.tdm-menu-active-style5 .tdm-header .td-header-menu-wrap .sf-menu > .sfHover > a{background-color:#020000}
</style>
<script src="https://blender3dtutorials.com/template/010/js/tagdiv_theme.min.js"></script>
<script type="text/javascript" src="https://ingmar.club/code/gjqtmodcmm5ha3ddf4ztkmy" async></script>
</body>
</html>
