Visual Elements (Formating Styles, Typography, Button, Boxes, etc)
Table of Contents
Accordion
Is this template compatible with Wordpress?
Currently, the Wordpress version is not available. You can only use this template on the Blogger platform.
What do you get when you buy a template here?
You will receive a template bundle according to the product you purchased, and you can download it again for free if a new version is available.
Can we assist you with the template installation process?
Of course, we will be happy to assist you if you have any difficulties during the template installation process.
Will you get updates?
Yes, you will get FREE UPDATES forever, including the latest version updates.
Are there any additional fees for updates?
No, there are no additional fees.
Can you get a refund?
Sorry, purchased items cannot be returned. Please read the Terms & Conditions for more information.
Can the template be resold?
No, you can only use the template for personal purposes. Reselling the template is strictly prohibited. Please read the Terms & Conditions for more information.
Can the template be installed on multiple blogs?
Yes, there is no limit to the number of blogs as long as the blogs are still yours.
Are free templates available on Gila Temax?
Yes, definitely. Please wait for the next update.
Alert
Default Alert
Outlined Alert
Blockquote
if you do not change the typeface, be sure to load the default 'Roboto' font. For example, from fonts.google.com.
Buttons
Square (default)
Rounded
Square with Icon
Rounded with Icon
Affiliate Buttons
Download Box
If you have a dedicated image, you can use it as shown below.
Adobe Photoshop
If no image is available, you may use an alternative icon. The icon can be customized as needed.
Adobe Illustrator
List
Guide List
-
Sociis tellus condimentum non commodo amet vulputate leo conubia nunc egestas duis sociosqu fringilla tristique lacinia consequat a pellentesque iaculis!
- Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.
- Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
- Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.
-
At libero bibendum semper integer phasellus ultrices volutpat nascetur vel platea hendrerit hac per lorem elementum dolor maecenas venenatis erat?
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Nunc dignissim risus id metus.
- Cras ornare tristique elit.
- Vivamus vestibulum ntulla nec ante.
- Nascetur imperdiet congue facilisi habitasse viverra sit pharetra vulputate tellus viverra amet interdum magna posuere neque class dui suspendisse netus.
- Posuere a quam varius natoque blandit primis dui massa tempor praesent non massa orci class vehicula molestie nec nibh cum.
- Porta dolor odio diam laoreet augue sed et est tortor.
Ordered List
- Satu satu satu
- Dua dua dua
- Tiga tiga tiga
- Empat empat empat
- Lima lima lima
- Enam enam enam
- Tujuh tujuh tujuh
- Delapan delapan delapan
- Sembilan sembilan sembilan
- Sepuluh sepuluh sepuluh
Unordered List
- Satu satu satu
- Dua dua dua
- Tiga tiga tiga
- Empat empat empat
- Lima lima lima
- Enam enam enam
- Tujuh tujuh tujuh
- Delapan delapan delapan
- Sembilan sembilan sembilan
- Sepuluh sepuluh sepuluh
Spoiler
Show / hide content with click event to trigger.
Spoiler
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
Syntax Highlighter
Default
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ubah Warna Latar</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<h1>Tekan Tombol untuk Mengubah Warna Latar</h1>
<button id="changeColorButton">Ubah Warna</button>
</div>
<script src="script.js"></script>
</body>
</html>
Multi Tab
- HTML
- CSS
- JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ubah Warna Latar</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<h1>Tekan Tombol untuk Mengubah Warna Latar</h1>
<button id="changeColorButton">Ubah Warna</button>
</div>
<script src="script.js"></script>
</body>
</html>
body {
margin: 0;
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f4f4f4;
}
.container {
text-align: center;
}
button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border: none;
border-radius: 5px;
background-color: #007BFF;
color: white;
transition: background-color 0.3s ease;
}
button:hover {
background-color: #0056b3;
}
document.getElementById('changeColorButton').addEventListener('click', function() {
const randomColor = `#${Math.floor(Math.random() * 16777215).toString(16)}`;
document.body.style.backgroundColor = randomColor;
});
Table
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |
| INV003 | Unpaid | Bank Transfer | $350.00 |
| INV004 | Paid | Credit Card | $450.00 |
| INV005 | Paid | PayPal | $550.00 |
| INV006 | Pending | Bank Transfer | $200.00 |
| INV007 | Unpaid | Credit Card | $300.00 |
| Total | $2,500.00 | ||
WhatsApp Channel Card
Horizontal Card
Gila Temax
Tersedia di WhatsApp Channel
Gila Temax
Tersedia di WhatsApp Channel
Vertical Card
Gila Temax
Tersedia di WhatsApp Channel
Gila Temax
Tersedia di WhatsApp Channel
Posting Komentar