Как можно сделать вот такой элемент на CSS

#html #css

Не знаю как лучше оформить такое решение на css
    

Ответы

Ответ 1

Вроде бы не сложная вёрстка 



.orient {
  width: 200px;
  height: 300px;
  border: 6px solid gold;
  transform: translate(80px, 30px);
  position: relative;
}

.bottom {
  background: #fff;
  position: absolute;
  bottom: 60px;
  transform: translateX(-50%);
  padding: 10px;
}

.bottom a {
  color: gold;
}

.top {
  width: 100px;
  height: 130px;
  background: #fff;
  transform: translate(-50%, 30px);
}

  

  

    learn more