Константин Феофантов

Если для SPA, советую погуглить про Angularjs, React js. Так же стоит почитать и про бэк, например Node JS.

.box-social {
  width: 40%;
  padding: 15.5% 0;
  float: left;
  background: #e91e63;
  position: absolute;
  margin-top: 16%;
}

.avatar {
    width: 100px;
    height: 100px;
    margin: -150px 0px 0px 25px;
    border: 2px solid #FFFFFF;
    border-radius: 5px;
    background-color:#c7c7c7;

    float: left;
}

И будет тебе все в 1 строку.