add design-pattern html