$w.onReady(function () {
const bulletPoints = [
"Industry-leading expertise and innovation",
"Proven track record of success",
"Client-centric approach to every project",
"Cutting-edge technology solutions"
];
const checkmarkColor = "#0C4A9B";
const textColor = "#334155";
const checkmarkChar = "🗹"; // Unicode checkmark character
let htmlContent = "";
bulletPoints.forEach(item => {
htmlContent += `
<p style="margin-bottom: 8px; display: flex; align-items: flex-start;">
<span style="color: ${checkmarkColor}; font-size: 1.2em; line-height: 1; margin-right: 8px;">${checkmarkChar}</span>
<span style="color: ${textColor};">${item}</span>
</p>
`;
});
$w("#aboutUsBulletPoints").html = htmlContent;
});
Unicode for the Bullet Point Icon
Here’s a comprehensive list of HTML entities for checkmark-style bullet points:
Basic Checkmarks
✓or✓→ ✓ (Check mark)✔or✔→ ✔ (Heavy check mark)✅or✅→ ✅ (White heavy check mark / Check mark button)☑or☑→ ☑ (Ballot box with check)⭕or⭕→ ⭕ (Heavy large circle – can be used with checkmarks)
Fancy Checkmarks
✅→ ✅ (Check mark button – green in most systems)☑→ ☑ (Ballot box with check)☒→ ☒ (Ballot box with X – for negative points)☐→ ☐ (Ballot box – empty, for unchecked)
Arrow-Style Alternatives
➤or➤→ ➤ (Black rightwards arrowhead)→or→→ → (Rightwards arrow)⇒or⇒→ ⇒ (Rightwards double arrow)➔or➔→ ➔ (Heavy wide-headed rightwards arrow)▶or▶→ ▶ (Black right-pointing triangle)►or►→ ► (Black right-pointing pointer)
Circle and Dot Variants
•or•→ • (Bullet – standard)●or●→ ● (Black circle)○or○→ ○ (White circle)◦or◦→ ◦ (White bullet)⁃or⁃→ ⁃ (Hyphen bullet)⦿or⦿→ ⦿ (Circled bullet)
Star and Special Symbols
★or★→ ★ (Black star)☆or☆→ ☆ (White star)✶or✶→ ✶ (Six pointed black star)✦or✦→ ✦ (Black four pointed star)✯or✯→ ✯ (Pinwheel star)
Diamond and Square Variants
◆or◆→ ◆ (Black diamond)◇or◇→ ◇ (White diamond)■or■→ ■ (Black square)□or□→ □ (White square)▪or▪→ ▪ (Black small square)▫or▫→ ▫ (White small square)
Decorative Options
✿or✿→ ✿ (Black florette)❀or❀→ ❀ (White florette)❁or❁→ ❁ (Eight petalled outlined black florette)☞or☞→ ☞ (White right pointing index)👉or👉→ 👉 (Backhand index pointing right)
Plus and Cross Marks
✚or✚→ ✚ (Heavy Greek cross)➕or➕→ ➕ (Heavy plus sign)✖or❎→ ❎ (Negative squared cross mark)❌or❌→ ❌ (Cross mark)
These can be styled with CSS for colors, sizes, and positioning to create visually appealing bullet points in your HTML content!
