Направете си картичка с изрязано изображение.
Използвайте background , за да добавите цветен фон към .container елемент.
Създайте .card съдържащa figureс подходящото изображение за изрязването и всяко друго съдържание, което искате.
Използвайте ::before псевдоелемента, за да добавите border около figure елемента, съответстващ на .container елемента background и създавайки илюзията за изрезка в .card.
<!DOCTYPE HTML>
<!--
Toni Angelchovski HTML5
angelchovski.com |@bgwelding
-->
<html>
<head>
<title>Картичка с изрязано изображение</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="main.css" />
</head>
<body>
<!-- Header -->
<header>
<div class="container">
<div class="card">...