Как сделать сайт на основе семантического ядра?

XOROX, точно ахахаха. ну что поделать, будем разбираться. Спасибо Вам за ответы

Возможно ли сделать такой фон методами css или только вставкой картинки?

Спасибо за ответы, сделаю картинкой

Как сделать круг с 12 картинками расположенными по кругу?

Добрый день. Я дико извиняюсь, но как мне вставить картинку вместо иконок ? С иконками все понятно, но с картинками беда. Первый раз сталкиваюсь с SVG. Спасибо за прошлый комментарий!

Как сделать круг с 12 картинками расположенными по кругу?

сам :) спасибо

Как сделать текст в центре адаптивной круглой картинки?

Олег, Сделал так, но круг обрезан на 70%

.krug {
    border-radius: 50%;
    background-image: url(../images/natal-map.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    background-color: transparent;
}

<div class="krug"> </div>

Как сделать текст в центре адаптивной круглой картинки?

Спасибо, попробую

Как сделать текст в центре адаптивной круглой картинки?

Благодарю за ответ, но как поступить, если круг - картинка ?

Как сделать текст в центре адаптивной круглой картинки?

У меня сейчас так. Похоже на ваше решение с позициями ? Единственное, что это не адаптивное. Картинка не уменьшается

Как сделать текст в центре адаптивной круглой картинки?

<div class="krug">

<div class="text">
  <img src="images/star.png" alt="star" title="star"><p>тексттекст текст текст текст текст текст текст текст текст текст текст текст текст текст  .</p>
  <img src="images/heart.png" alt="heart" title="heart"><p>тексттекст текст текст текст текст текст текст текст текст текст текст текст текст текст  .</p>
  <img src="images/case.png" alt="case" title="case"><p>тексттекст текст текст текст текст текст текст текст текст текст текст текст текст текст  .</p>
  </div></div>

.krug {
    background-image: url(../images/natal-map.png);
    background-size: auto;
    background-repeat: no-repeat;
    height: 100%;
    position:relative;
}

.ikonki {
    text-align: center;
    position: absolute;
    top: 390px;
    left: 210px;
    width: 860px;
}

.ikonki p {
    text-align: center;
    font-size: 15px;
    font-family: 'jost light';
    margin-left: 70px;
    color: #fff;
    padding-right: 15px;
    width: 50%;
    margin: 0 auto;
}

.ikonki img {
    padding-bottom: 10px;
    padding-top: 10px;
}