This is an example of a segmented control interface designed using HTML, CSS, JavaScript and Bootstrap framework 4. The icons are imported to the code with their URLs. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the segments in an orderly manner, whereas JavaScript functions have been used to implement the segmentation animations. The body of the form is given the styles of width as 100%, height as 100vh, display as flex, justify-content as center, align-items as center, and background as #1355f6. The button container is given height and a width of 350px. The list items are given the styles of font-family as "montserrat", font color as #1355f6, and cursor as pointer to get the hand cursor effect. The border-radius for the selected area in the button container is given as 35px. The support buttons are given a color of #e1f2fb, and font-size as 1.8rem, which take a transforming effect of scale (1.1). Source: https://codepen.io/dev_loop/pen/ExjPNva