remy

I want to do what this codepen does with borders he makes a </> symbol at the end of this first border, in the middle of the end, and his two last borders are split with </> in the middle of them. I know I can make a div and make it like a border, then place an image next to it to make it look like this, or make two divs with an image in the middle, but in the codepen it doesn't look like he does that and it seems messy to make all those divs for an effect like this. But I'm new to coding so I can't find out in his code where he makes the borders like that (----------</> , -------</>--------). Can anyone help me out on how to make a border like he does? I will greatly appreciate any help. His borders are also a different length from his text, I want to know how he does this. I think his borders are either an image or a div, but I'm not sure from looking at his code. I think it might be the javascript too, but I can't tell because I haven't learned any javascript yet.