diff --git a/assets/css/common/home-info.css b/assets/css/common/home-info.css
new file mode 100644
index 00000000..585f2c80
--- /dev/null
+++ b/assets/css/common/home-info.css
@@ -0,0 +1,23 @@
+.home-info-container {
+  display: flex;
+  align-items: center;
+}
+
+.home-info-container img {
+  flex: 1;
+  flex-shrink: 0;
+  width: 100%;
+  height: auto;
+  max-width: 600px;
+  margin-right: 20px;
+  border-radius: 20%;
+}
+
+.home-info-container ul {
+  padding-left: 20px;
+  list-style-type: none;
+}
+
+.home-info-container li {
+  padding-top: 10px;
+}
diff --git a/layouts/partials/home_info.html b/layouts/partials/home_info.html
index efae956e..a51ba386 100644
--- a/layouts/partials/home_info.html
+++ b/layouts/partials/home_info.html
@@ -1,10 +1,16 @@
 {{- with site.Params.homeInfoParams }}
 <article class="first-entry home-info">
     <header class="entry-header">
-        <h1>{{ .Title | markdownify }}</h1>
+        <h1>{{ .title | markdownify }}</h1>
     </header>
-    <div class="entry-content">
-        {{ .Content | markdownify }}
+    <div class="home-info-container" target="_blank">
+        <a href="{{ .image.link | absURL }}" target="_blank">
+            <img draggable="false" src="{{ .image.url | absURL }}" alt=" {{ .image.title | default "profile image" }}"
+                title="{{ .image.title }}" height="{{ .image.height | default 150 }}" width="{{ .image.width | default 150 }}" />
+        </a>
+        <div class="entry-content">
+            {{ .content | markdownify }}
+        </div>
     </div>
     <footer class="entry-footer">
         {{ partial "social_icons.html" site.Params.socialIcons }}