如何创建三角形的网站布局？

Question

我正在尝试创建类似于所附加线框的网站布局。深灰色三角形的背景图像上方带有文本，并且理想情况下具有响应能力。

我看过一些选项，例如使用边框的transform和css三角形，但似乎找不到有效的解决方案。

任何建议将不胜感激。