index3.html

<div style='display:flex; margin:0 auto;align-items:center;justify-content:center;'><div style='position:relative;'><div style='position:absolute;left:-86.666667px;top:80px;'><div style='width: 0;border-bottom: 50px solid #0048BA;border-left: 86.666667px solid transparent;border-right: 86.666667px solid transparent;'></div><div style='width: 173.33333px;height: 100px;background-color: #0048BA;position:relative'><div style='position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;'><p style='width:100%;text-align:center;color:#FFF;font-family:arial;font-weight:600;margin:0;margin-bottom:8px;'>Absolute Zero</p><p style='width:100%;text-align:center;color:#FFF;font-family:arial;font-weight:400;margin:0;margin-bottom:4px;'>#0048BA</p><p style='width:100%;text-align:center;color:#FFF;font-family:arial;font-weight:400;margin:0;'>H:217 S:100 L:37</p></div></div><div style='width: 0;border-top: 50px solid #0048BA;border-left: 86.666667px solid transparent;border-right: 86.666667px solid transparent;'></div><div style='display:flex;align-items:center;justify-content:center;border-bottom: 50px solid #0018A8;border-left: 27px solid transparent;border-right: 27px solid transparent;height: 0;width: 90px;position:absolute;top:75px;left:15px;transform: rotate(30deg) translateY(125px);'><p style='position:relative;top:25px;color:#FFF;font-size:12px;font-family:arial;text-align:center;'>Blue (Pantone)</p></div><div style='display:flex;align-items:center;justify-content:center;border-bottom: 50px solid #007FFF;border-left: 27px solid transparent;border-right: 27px solid transparent;height: 0;width: 90px;position:absolute;top:75px;left:15px;transform: rotate(90deg) translateY(125px);'><p style='position:relative;top:25px;color:#FFF;font-size:12px;font-family:arial;text-align:center;transform:rotate(180deg);'>Azure</p></div><div style='display:flex;align-items:center;justify-content:center;border-bottom: 50px solid ;border-left: 27px solid transparent;border-right: 27px solid transparent;height: 0;width: 90px;position:absolute;top:75px;left:15px;transform: rotate(150deg) translateY(125px);'><p style='position:relative;top:25px;color:#FFF;font-size:12px;font-family:arial;text-align:center;transform:rotate(180deg);'></p></div><div style='display:flex;align-items:center;justify-content:center;border-bottom: 50px solid #0047AB;border-left: 27px solid transparent;border-right: 27px solid transparent;height: 0;width: 90px;position:absolute;top:75px;left:15px;transform: rotate(210deg) translateY(125px);'><p style='position:relative;top:25px;color:#FFF;font-size:12px;font-family:arial;text-align:center;transform:rotate(180deg);'>Cobalt blue</p></div><div style='display:flex;align-items:center;justify-content:center;border-bottom: 50px solid #0047AB;border-left: 27px solid transparent;border-right: 27px solid transparent;height: 0;width: 90px;position:absolute;top:75px;left:15px;transform: rotate(270deg) translateY(125px);'><p style='position:relative;top:25px;color:#FFF;font-size:12px;font-family:arial;text-align:center;transform:rotate(180deg);'>Cobalt blue</p></div><div style='display:flex;align-items:center;justify-content:center;border-bottom: 50px solid #2E5090;border-left: 27px solid transparent;border-right: 27px solid transparent;height: 0;width: 90px;position:absolute;top:75px;left:15px;transform: rotate(330deg) translateY(125px);'><p style='position:relative;top:25px;color:#FFF;font-size:12px;font-family:arial;text-align:center;'>YInMn Blue</p></div></div></div></div>