From 6767151b04c8cf2073019c93808d5ef62bb51afd Mon Sep 17 00:00:00 2001
From: Innocent Zenda <zendainnocent@gmail.com>
Date: Sun, 5 Nov 2023 11:18:29 +0300
Subject: [PATCH] add contact detail skeleton

closes #20
---
 pim/contacts/templates/contacts/index.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/pim/contacts/templates/contacts/index.html b/pim/contacts/templates/contacts/index.html
index 4e7048f..ebfc30a 100644
--- a/pim/contacts/templates/contacts/index.html
+++ b/pim/contacts/templates/contacts/index.html
@@ -1,5 +1,6 @@
 {% extends 'base.html' %}
 {% load i18n %}
+{% load static %}
 
 {% block content %}
 <h3>{% trans 'Contacts' %}</h3>
@@ -20,6 +21,23 @@ <h3>{% trans 'Contacts' %}</h3>
   </div>
 
   <div class="col-md-8 px-4" id="detail">
+    <div class="row mt-4 mt-md-0">
+      <div class="col-md-4">
+        <div class="bg-secondary h-100 w-100 rounded"></div>
+      </div>
+      <div class="col-md-8 mt-3 mt-md-0">
+        <div class="bg-secondary mb-2 w-50 rounded" style="height: 1.5rem;"></div>
+        <div class="bg-secondary mb-2 w-75 rounded" style="height: 1.5rem;"></div>
+        <div class="bg-secondary mb-2 w-25 rounded" style="height: 1.5rem;"></div>
+        <div class="bg-secondary mb-2 w-50 rounded" style="height: 1.5rem;"></div>
+        <div class="d-flex h-100">
+          <div class="bg-secondary mb-2 w-25 me-2 rounded" style="height: 1.5rem;">
+          </div>
+          <div class="bg-secondary mb-2 w-25 rounded" style="height: 1.5rem;">
+          </div>
+        </div>
+      </div>
+    </div>
 
   </div>
 </div>