Highlight
Loading...
Customizer
Judia Builder
Choose your themes & layouts etc.
Select Layouts
Choose your layout.
Vertical
Horizontal
Color Scheme
Choose Light or Dark Scheme.
Light
Dark
Brand
Card Layout
Choose borderless or border layout.
Borderless
Border
Layout Width
Choose Fluid or Boxed layout.
Fluid
Boxed
Layout Position
Choose Fixed or Scrollable Layout Position.
Topbar Color
Choose Light, Dark or Brand Topbar Color.
Light
Dark
Brand
Topbar Images
Choose Topbar Images.
HTML Highlight
HTML highlight is used to mark or highlight text that is of property, relevance, or special interest to an HTML document. here is the example shown below.
<!DOCTYPE html>
<html>
<head>
<title>Judia - Responsive Admin Dashboard Template</title>
</head>
<body>
<div>
<h1>This is a Heading 1</h1>
<h2>This is a Heading 2</h2>
<h3>This is a Heading 3</h3>
<h4>This is a Heading 4</h4>
</div>
<!-- end div content -->
</body>
</html>CSS Highlight
CSS highlight is used to mark or highlight text that is of property, relevance, or special interest to a CSS document. Here is the example shown below.
body {
color: #212529;
background-color: #f3f3f9;
font-family: "Inter", sans-serif;
}
.example {
margin: 0;
color: #74788d;
}Javascript Highlight
Javascript highlight is used to mark or highlight text that is of property, relevance, or special interest to a Javascript document. Here is the example shown below.
function myFunction() {
var divElement = document.getElementById("myDIV");
if (divElement.style.display === "none") {
divElement.style.display = "block";
} else {
divElement.style.display = "none";
}
}