<div class="d-flex flex-column flex-sm-row mt-2">
  <div class="mr-4 text-center float-left" style="width: 160px;">
    <script src="{{ .Site.BaseURL }}/src/sada_main.js"></script>
    <img
      class="rounded-circle"
      src="{{ .Site.BaseURL }}/images/{{ .Site.Params.profile.photo }}"
      alt="{{ .Site.Params.author }}"
      style="width: 150px;"
    />
  </div>

  <div>
    {{ partial "social.html" . }}
    <h1 class="text-white mb-1">{{ .Site.Params.profile.name }}</h1>
    <h3 class="text-light">{{ .Site.Params.description }}</h3>
    <p class="text-white">
      {{ .Site.Params.aboutme.description | markdownify }}
    </p>
  </div>
</div>
