From 8acf174295af2b2d1093b3fe50e3b378fb66fca7 Mon Sep 17 00:00:00 2001
From: nataly <nataly.abi.wajeh0@gmail.com>
Date: Fri, 15 Sep 2023 16:58:35 +0300
Subject: [PATCH] new changes.

---
 osinaweb/db.sqlite3                           | Bin 307200 -> 315392 bytes
 .../__pycache__/admin.cpython-311.pyc         | Bin 2214 -> 2294 bytes
 .../__pycache__/models.cpython-311.pyc        | Bin 10674 -> 11528 bytes
 .../__pycache__/views.cpython-311.pyc         | Bin 12108 -> 15261 bytes
 .../__pycache__/0020_task.cpython-311.pyc     | Bin 0 -> 1922 bytes
 osinaweb/osinacore/views.py                   |  39 +-
 .../osinaweb/__pycache__/urls.cpython-311.pyc | Bin 3687 -> 4530 bytes
 osinaweb/osinaweb/urls.py                     |   5 +
 osinaweb/static/dist/output.css               | 101 +++-
 osinaweb/static/images/C2ruP-K3_400x400.jpeg  | Bin 0 -> 14514 bytes
 osinaweb/static/images/footer-logo.png        | Bin 0 -> 51537 bytes
 osinaweb/static/images/logo-social.png        | Bin 0 -> 8713 bytes
 osinaweb/static/js/side-bar.js                |  16 +-
 osinaweb/templates/add-business.html          | 100 ++++
 osinaweb/templates/add-customer.html          | 186 +++++++
 osinaweb/templates/business-details.html      | 249 +++++++++
 osinaweb/templates/create-project.html        |   8 +-
 osinaweb/templates/customer-details.html      | 336 ++++++++++++
 osinaweb/templates/customers.html             | 516 ++++++++++++++++++
 osinaweb/templates/index.html                 |   9 +-
 osinaweb/templates/login.html                 |   2 +-
 osinaweb/templates/main.html                  |  91 +--
 osinaweb/templates/projects.html              |  13 +-
 osinaweb/templates/tasks.html                 |  14 +-
 24 files changed, 1611 insertions(+), 74 deletions(-)
 create mode 100644 osinaweb/osinacore/migrations/__pycache__/0020_task.cpython-311.pyc
 create mode 100644 osinaweb/static/images/C2ruP-K3_400x400.jpeg
 create mode 100644 osinaweb/static/images/footer-logo.png
 create mode 100644 osinaweb/static/images/logo-social.png
 create mode 100644 osinaweb/templates/add-business.html
 create mode 100644 osinaweb/templates/add-customer.html
 create mode 100644 osinaweb/templates/business-details.html
 create mode 100644 osinaweb/templates/customer-details.html
 create mode 100644 osinaweb/templates/customers.html

diff --git a/osinaweb/db.sqlite3 b/osinaweb/db.sqlite3
index 63cdcbc9b492d40014efa2fca9f1b7b6cfa44ec6..535321389335f65f54b948f569bcc8e05aa25252 100644
GIT binary patch
delta 2292
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
Q?DL0bi?O@+!M4Et53*L2)Bpeg

delta 603
zcmX9)TSydP6#nP`XGdq9{l8f+Wb2v(8RX0EdQF8e0xPoEUb;MF+iHd8l?;2-z$gf}
z+IbkMhwMU9m|0^D;lmmcL_!)pL{_i{wV2t3vcgFEBRCum=X~e;&UbnTvwD-6XY*V;
z2_bdoj2ck{c5l6X;BtZQBgGuHVI18!jbSvP1U@kSjz6&tW7K1I>e+t2m-u--$<54X
zMN&ssb9=P0<H*6t(P&o-jR)!}&YO`yi@Z{2Rp!%xDTU02;2wppV60R!A81+T^I(po
z*mJ?WP&(yFf(TFA-p(oRI!TVNCuXw!i(Y0FmsXdQRTq~BDyk|<*O|$V!gPuSf(87v
zy}h%r7kaYv_=N1&XeHq@S}dc<z0otK`qO?W)2<tGAKOPO?Wmqhoyt4%V~^n$ZZ%#@
zu!W!DFX3P{uSJ|M^D(sX!+0%DSi|K)wp}te#0|T7<igj?5T7M@gaq#6CTvV%$ngzI
z<6Qhfw<c<s%XvQ{t&&&>UMp=>iVBYF-0>!)Zy~?N`w8CSDo)@K9%3`rLggR$Bp>Ge
z0@uc!{$=UdB}GDvASOC}uwu7pw`imYQo`gLSg8cfACmV|eMp|BNsVD%1eWj}^8)Y+
z|BjHY&k2?zW?_Obp5Yq8f~^Klc#7TK;mc4pf^5$z57U}5UbySrUUf#jqPD7<U2J?x
zceEn;*Cvf(fM7}_LIPs@54Su$@-C~ffR$SVJ#wpf{vyF|EDG7V|FUTcm6@a}_a^8P
KoTZDhqW=Z+b-5-0

diff --git a/osinaweb/osinacore/__pycache__/admin.cpython-311.pyc b/osinaweb/osinacore/__pycache__/admin.cpython-311.pyc
index dedfcb259e9a1f50dcdec5c7e9de6015edbc9655..de2472fad1710bc0015326a64b7e30a50de070fe 100644
GIT binary patch
delta 97
zcmZ1`_)U;+IWI340}!12z?{m;Jdsa=anDBecBaV=jLM86o98i=Gc$@#7GvA1b&Dk=
tu{gVk52&_?A4CWMiC-Kxx%nxjIjMF<T0kx%5Et*={GDwH<K$KjMF7-&8FT;u

delta 63
zcmew+xJ;05IWI340}vbuWk`L)G?7n&v16lpJJaSzOzF&wB9pz?_D<$ym*Ua{Dq#fT
Q;^mtS*_SX*e$BxR03GQNivR!s

diff --git a/osinaweb/osinacore/__pycache__/models.cpython-311.pyc b/osinaweb/osinacore/__pycache__/models.cpython-311.pyc
index 6c3ee5f77a1ea1380833c7377c7aa8695a9dd576..e5a8228b81256fe67ff6eacd87871bd4bd15fd7b 100644
GIT binary patch
delta 751
zcmZvaOK1~O6ozMR(zKnKB$`K4+dQX3Y7!`MVHZ;BLTv;gtu#~&Sg4&rYWfIwe1npO
zU=~8H2gHR+i`u4bs5OBuS}B4nT_rF`$<m#>2(E$)?-{{G^}_vT&VSE;=5o$d#*10U
zn%ypNY<+H8v}Dhcqnjw?{qbMCK)4jA1|D*15b}I)yGIR;bFpwWPA>ZU)=9%Un%Cy(
zTjpee?ab_guBmj5g*48PS+Bkd`iN}<g$>vXkMSEY88`+d<uq&)H{6a~<u{=b(VbhE
zf>>l*pN4Hq7f^YE-!k*R$@?sCrEktw!MqB1lzV)ox~N>?oja%?UZ68)Iv>dn2t~*E
z9dz@<aH6vp-dWwSOq>u7%kb5m>{i>d65%w<bu06kOSNf|Y5{xD*XQ`Fb(A|-d5+s;
z`_IZcP1g~)AMv@59<ER(kaT+CrAL^umB}HeTNPOM#D+C9rRTo4SUrke&(QOXF$;Zz
z57H7YEzsP|{I&4tJpF)4s|ai;EisHxKVv%Pfo3EKOJQ&SYZf=GT7G7lUdF5};v|Y~
z+MOG8iatYO8Fu{v=Pte?(4>FCb_se-Ow`4MAtqo&4k!nrzc^@!{^yy}M0xU~QWH~k
zF=dFU!r3OVcG(K)rT}B19z_ZjM+_-cYO6^Db!otm1`6j6T=J8s;gahv#c(Nw3r~CF
zupbiI@ssJ87j8u#44MCfIdOBG<^;`qdGT^x2p>bMV`y$cy*aB5(@!kK3Fw>EME_lK
Y%3<e|P3~V52OkgpK>g=`4$aEH0r%s;%m4rY

delta 228
zcmeB(+7!&UoR^o20SFvj7*o%PPvnze`p39Y;}0WSifk~0rrhQLra&2GO{QBc{spOd
zMN5DxfgCpHoc!X{l%l0TZjly{2+`bpL{6NEZ8=C_`Q(QR0gTHhHwsHm_Ey}&xMGr0
zG23d8%<9RNN~Mge!7?1m`xsYDKCYb0wjLz4ezKKH732ENTUBBi**1ejHcysNt7Qi<
y{WL`;&(^FH0Gkdr2&`rEWIZieu3bO{j6hsmzd2N^l8KLjh0*i_h$s>RiUI&TA3o^-

diff --git a/osinaweb/osinacore/__pycache__/views.cpython-311.pyc b/osinaweb/osinacore/__pycache__/views.cpython-311.pyc
index cfaa8ab091287f8d39d5056d8ddbd7f871cd236d..19de9950d2d24ba3a621d7bc7273d6b5fbef9157 100644
GIT binary patch
delta 3357
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
RqArX&fQqh6C@jHm`(M1tH2nYo

delta 1489
zcmZWoUu;ul6u;kXZ@c!=-cH+f-PYZ<LfbpSR+ZuACfxunP81cKVMONAdzI?S#@D;x
z#=l}lFwtP~#6OAhhLB-!BYoh($cw&UjCML-=8Gimffub0CI*A?oZGEv_>%9JbAIQ1
z=ll0N=Z}1Qz<bH#aSJ#GcQE6Mdd}M{UT0U6TUo2_pA|;JdH}IqZ$eb{AYw#so`ppg
z-D$Y>_F3T~F8z$wTVo`Fta=ZdL^g5{tLf1_f)*<u5=$~%@_wyoY}q-<CtfqMrY7=1
zm{B53gO8P@Jb=~tAi*~HPU(<#pg9b8lsDjW|I4oQS`_*lL+YH3OGG?OU_+R*^ER>v
z2nOMbCkUq-{nAc!4LBTF-yqo)M=|rKyL_whZ6+_fvQq_fB5&{lOy55&57Dxx2zKG#
z%>i$g8)K$1x_VOnEQTh*>CdloDvqjvfVF&3^q-B@4>segE!t#E=CYj!&HOljf+}X<
z>44hxJentQ7P=9N!irb@)VVNJ@unBO=_PNvnEA!-DLJb)n^n32b~hb>zXSc!3z+^E
z{NB_8!%dv+g&R##=|$v9$o0cQ=&&?`-g!v1x4=Nlhtf;vU4T?u3%G(Yh=hCLxz--{
zD6*Gv^8LU<A*8$EX6ukNhSUNk&r4afu31I?X#@8w=zaPB^jqO=(m|xY!lbhMb+m3!
zLatt~PkqdtN9uc`^*UWqGtvZ7Khc@WTOwx|+XvU9eZB(anFIlXDR9L$IHu8D5nyv{
zUi{4lqmgENiSgw!d*B0`Xog`v-m-p=V5*q4I*tjta#2Ki;;apnn-4OH;^<NI`7we{
zf)fPv1H4FZ3SmahPj6cN;=;^*weMT?tq;_EJV?on1P>uBJ6|=-@m#^=yCIbf$B$6p
zI0bA4!{lA$+6hRLnzyFOqwr=@b5IsP0auej`9G(CACtW<5`Dpo0BJ2Izk|kYVt!^Y
zuKmCqknZ?GsyYOh5AJkqR9BSXN1jC`zNEw}4e=GZv6QH^b}h=OB{@~Gr^@edyddtQ
zEtX~7C}eqV(#%a9vN{W!Pt56eA3$^PvzS<W7OVB%CAUamJ&;c~%(2|Kp|3rY2Jdwy
z(%UJ)x;ve^)^v1j&0V|k-J({#0ZOvU7s)yWe|0`00h$}io4fWi+cR1R+}!fbN$Pk`
zEo=1~r<UQQe@=quq;pR4=A#5-1SDHdYUQL&PO{`ALQaz7q$W<!$!W7WfvaSP5pFm1
z=O^^3abqk01YL%+aG8naCwoE+j`z0ia<VkGIZOXx6GY!^dsQUDk9JjD$NH)QLOn!8
zn-y}fo~nRQ4-w&mUwgaZ^rP1vPg+R{_Fz>&s3#GzmsznWi&q7NdTfobSnK@%0x1S*
A00000

diff --git a/osinaweb/osinacore/migrations/__pycache__/0020_task.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0020_task.cpython-311.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..ce08cf38b79685a76e50d8bd53c7f05f51ada26e
GIT binary patch
literal 1922
zcmbsqJ8auV^hi;(NXw4sPZY^=>>(&B2l_NggSxO2Cvu&%X`G^VlU67|(7Llsha%M@
zWyeNSWa!W_TRj#XTom@;(PM_7NVgNfLAWVEr)&!B$y4tr(T?E^1$yK?zW46kd-s0F
zKl=Jqz{cP02>MF`;2%zeBicm{W*PD;fB*^>s0n4ECYD8k)1nnAOCq=fVB}{2B_ynd
zd%$)CfE_kFqa20e0?0<+a55`WwPsea;hB!@Qn}_pWV!Q|u59qpy2Qb2f!ju)EI?2e
zp->gd5fLEi#1a%C=g6x)p#mteCko}=o^9sS4x62^EW%hI84Ed3*;Tihg&j7JWqMD`
zQ~`|tF2Fu0?e?Gcis?HS$SUD(7~M^r(WeD6L7chVHk&))2EcR-oVEx1-gBnG{~$9I
z$n=J)Sw7;ceId0fA7lN;*trmc!@K9t_?G-1`YxQ+S5<aX+amLw&CX!COu#g&ixH~a
z4-0}-hvK-VZB!hLXueqdXi_&U4`ChE&5Dj}s6)d;@A6#Fz+S+m(xTx$rlJWK=cxGk
zY*wOiqv1Jv1tYcz(%w2YYX;uXAEOPbxConuWo{xGUqg7waglBtHAE#2-yE@1W(8KO
z#uME_cGX*<GBf2h+-!uMQhHEFHXh<a;*t8u!H-S5I{v`M!vTxRC5tJ9_&g)uyyCnF
z?WwFdW(B!;fYHoM!?I`;J@K%?4D~>?Y&0y7_Cn-VuvzE*LDhG>i-q1(i3ek||2R;2
zPG=)H#q}zVt+SRw9-^Y>(4IPWR#C;<)K0{^tgMI=e22VjA`80nS&hc@AO^ZlRb6MT
z*{~49<GTJs!?1W<I0X^&9U{A8GGBO?)80}L;rqOoG4D7Uzin1;vDnXX)l@017`TJR
zZ##~K47<Cq$o%i1>KseCS+(!6+{kd%u&WLg;S!An&hTLLlx{7QZq0s1Ri}=+7s#LB
zfSChF%Y|=PKHUOy(yKVN!mLwi)R67Dg?Ym>tPQ?k8@Z0&f{oS#x=RN5I$G)o@zN`t
zTv3H$@k&wmSY_qw8<;mz0Qi05uCSZq+40ksfpS-9N5mod*_Uk<C}Y2<e(YjPOTN~I
zNpj-(nxCB5mtI{WWu4fVB;97x^^-11cua<*vRmi<RCaHHq$ZoGNk2775}&rT6dAd^
zb=@DiOs;Kq-ZlVt#d{+Ad@VlYpUfliZ2%7g$T-@!VoSR~(z&e<{B&*)k@QqEJ>{pT
zNMgFBT_oeh-(-Kh*c`v&k6$5)t1WGmj1{)l{ISCRRWf$7Id;<@yGar=Ep3F1=C&UC
zqq+S-GCJKHo%TnkN#aIu;t77@i9P9s{8I5}zVc_j^JfgQyhc*%&D6S|S|^DoEiFwl
zxve=rliR!Y;`+-;zqH_&zV}Ozm_L%t(`M$WpLt3WKeY$dq5gKXPf_0j1`auBN6rn%
z&%WRfz7~c)D^sPDxjbA73b0disbglo^H<4-rGxX~UVN2ffvS%gb`+cHRQV132_yNB
tz+GaX9T5b9<x|KK@Zs6F1;$DEw&h_#ZiBPnx#}k_z2yss?^zAb@GlY+2p#|c

literal 0
HcmV?d00001

diff --git a/osinaweb/osinacore/views.py b/osinaweb/osinacore/views.py
index d4f607f7..ff2b91e5 100644
--- a/osinaweb/osinacore/views.py
+++ b/osinaweb/osinacore/views.py
@@ -83,6 +83,15 @@ def my_tasks(request, *args, **kwargs):
     return render(request, 'tasks.html', context)
 
 
+@login_required
+def customers(request, *args, **kwargs):
+    
+    context = {
+
+    }
+    return render(request, 'customers.html', context)
+
+
 @login_required
 def detailed_project(request, project_id):
     project = get_object_or_404(Project, project_id=project_id)
@@ -121,8 +130,6 @@ def create_project(request):
     'project_types' : project_types,
     'customers' : customers,
 
-
-
     }
     return render(request, 'create-project.html', context)
 
@@ -152,6 +159,34 @@ def createtask_epic(request):
     }
     return render(request, 'createtask-epic.html', context)
 
+@login_required
+def add_customer(request):
+    context = {       
+
+    }
+    return render(request, 'add-customer.html', context)
+
+@login_required
+def customerdetails(request):
+    context = {       
+
+    }
+    return render(request, 'customer-details.html', context)
+
+@login_required
+def addbusiness(request):
+    context = {       
+
+    }
+    return render(request, 'add-business.html', context)
+
+@login_required
+def businessdetails(request):
+    context = {       
+
+    }
+    return render(request, 'business-details.html', context)
+
 
 
 
diff --git a/osinaweb/osinaweb/__pycache__/urls.cpython-311.pyc b/osinaweb/osinaweb/__pycache__/urls.cpython-311.pyc
index c3cb633732f3d9cef87afa081b258a06bc7ff319..9ac6e98538f14cf8dd05288c2325bd20bc747e25 100644
GIT binary patch
delta 1557
zcmZ{j&2JJx7{+($TU%JLRH0N_`UO>JDfQce2yLO-im8dF(P(W$Wn<L(1=NpT=*bvQ
zAS80si#E|1v>tl!;GeK-=3p8R8V_D4diCJEJAl<@C)s)Cncwry$1eQneCPJQv{+06
zYY$I@oRtLOJDOT+st$hH8VlYL@k(KS&`=Nyk3HDG(fUt^*|^v&Y7*g+6%iH7Tt0C5
z$^{G>^Kv=G<u;cRmvt^*G<njX<vm;`xh!(Yb9v9@Gnd~Do?JmR2r{Hb<Zaj7wY#K(
zuZ=Gn1mP8Xc&nyDEaj=qrH<;P!YtKaPaV@qMObRLkgMiWQJvT*i|wf|Hl~vrXDM$z
z72BG+;7i5N3ciWt9fKg;%3QsfyeBX8%$!*Zf!L5UU0%v$Z{3j7nc)p%eY|W=rcyOG
zydiCJ%huX_O3o&)F0#6o|7Nu6g(bF?oM9NNYi`+E8}aHLSpM(STCl0x;9NFkl6U3#
zY%+759jrc{_6-y-8lU#1E$qr0c*^<O=IItTm9}En%DT0mMu%waMcaoRe&V#JXp<gD
zF*X$0lkr2bEX_t>cZ=aGG_S-TwdW6&LZzq*ZUS!F$mZ!bq0z{QBi~>0KRd5LK!pH-
z0Bu6p%wVzCywgODXiaF3m|Z3+p*5pDXYMjl3)<~y@0(pY+Je@~EL*rUzf{VtUQ{5c
zLXbd^wj$iYVOQBsb`4gB6c|-ul)xz6iPWZ1#n@4vA+G&O@T39>6%qsz)Q-GuQ}sZ_
zr2xB8lt7d^kjC5f%XeYGS>^s!nFQiW;*tV$D$Eg>qaDaQ885yy+kMo9wyPT7vuY>4
z(8o>%rd60GFipD=_h9;)*)~9X(e`alk13Pv=Cdly5}2iK<Q|N-S{#@A(fPGBz9ixp
zswDothasc^PM!G~V)s>y3WQV$5eU&?q<i(~KBW6`pF5T|FFk<vAP;w!`-$_wdO(3G
z6{ZMG(L+cNWB9qnmZL||j_|On+(_DoD~k%mREQCX(IC<gr&~{T6ls{#j=W6T1}aVk
z!YYIbgy}J)5xte8NaHz?^DRG`2@(16D%Nh{uS66WS7DsMI6a~9NxkwZ4WHD*3B)VX
Niqy0srN`Jm=MT^1w#@(l

delta 722
zcmaKq&2JJx7{*z6F?@7I8u^AA!!{HoXtC6?f!Y!v0V5nt6Qh=cO1)Ks@!*NZ69;3K
z3{egqdN7gWrg-SVgWf!undCh*-mE760eUkbzRS{!G0x_foqgVqd1iJF;y<EGZ)MqK
zp|M$(+Q&|d<(u(wGGepI&xx(SwAR0y>c3F>@09+RRW>iJvO4ihQrL+2O#C9kR)uX4
zJH&J1fH)#1gkn=zop?mNB;FIpgaZ_o0mbzobSr*;?S>_pA8**bw()mI%xY^S6&7*7
z8lyWPxuayLW4P)pu-|h}-36LT#N$s^)|Kzvb6M=py>c(8<p%2Ds(?5`{0JN*1+>LM
zdjBSejDQS6##BREWpI7u<d7ARMaY`!e6Q7O4J)tfLQbHZ80~P#3CJPjD9*M|FLcek
zh_<Wk?r*(m3I7WER}NJURRL9m>NL)s=}{XqWqxg&LrXvlp*0JHhB=H})F1v`kQn(e
zseXuZXb5N^G|Yu!LpuhO`W%O%fFc4ENoOBDew*?B>Ip~=Ht_^zw!+#L`jR^BN)@0Y
zsAiLY%iI|rRxo;nuQxa}1vC+wX8yV1B8D#?W;oOY)DUW>9MRh7zo4g1yckyKd<}~%
z=#`iMw^(mloYKP_3IYlU1<Gb#uW$L3`QxJ6lR<ZMn?qhe9wBcwn>tDB>l{h~N(d#R
V>XP^DnN8`u$GYb>o{mb_;1A1k=^_9C

diff --git a/osinaweb/osinaweb/urls.py b/osinaweb/osinaweb/urls.py
index 7ea1fb95..0beaf0d1 100644
--- a/osinaweb/osinaweb/urls.py
+++ b/osinaweb/osinaweb/urls.py
@@ -26,6 +26,11 @@ urlpatterns = [
     path('', login_required(views.home), name='home'),
     path('my-projects/', login_required(views.my_projects), name='my-projects'),
     path('my-tasks/', login_required(views.my_tasks), name='my-tasks'),
+    path('customers/', views.customers, name='customers'),
+    path('addcustomer/', views.add_customer, name='addcustomer'),
+    path('customerdetails/', views.customerdetails, name='customerdetails'),
+    path('addbusiness/', views.addbusiness, name='addbusiness'),
+    path('businessdetails/', views.businessdetails, name='businessdetails'),
     path('detailedproject/<str:project_id>/', views.detailed_project, name='detailed-project'),
     path('createproject/', views.create_project, name='createproject'),
     path('createepic/<str:project_id>/', views.create_epic, name='createepic'),
diff --git a/osinaweb/static/dist/output.css b/osinaweb/static/dist/output.css
index ba3e5c45..7e074e91 100644
--- a/osinaweb/static/dist/output.css
+++ b/osinaweb/static/dist/output.css
@@ -646,10 +646,18 @@ video {
   position: relative;
 }
 
+.right-0 {
+  right: 0px;
+}
+
 .right-10 {
   right: 2.5rem;
 }
 
+.right-2 {
+  right: 0.5rem;
+}
+
 .right-3 {
   right: 0.75rem;
 }
@@ -671,10 +679,18 @@ video {
   margin-right: auto;
 }
 
+.mb-0 {
+  margin-bottom: 0px;
+}
+
 .mb-1 {
   margin-bottom: 0.25rem;
 }
 
+.mb-14 {
+  margin-bottom: 3.5rem;
+}
+
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -779,10 +795,6 @@ video {
   height: 30px;
 }
 
-.h-\[350px\] {
-  height: 350px;
-}
-
 .h-\[35px\] {
   height: 35px;
 }
@@ -795,14 +807,6 @@ video {
   height: 45px;
 }
 
-.h-\[48px\] {
-  height: 48px;
-}
-
-.h-\[500px\] {
-  height: 500px;
-}
-
 .h-\[50px\] {
   height: 50px;
 }
@@ -819,10 +823,6 @@ video {
   height: 70px;
 }
 
-.h-\[800px\] {
-  height: 800px;
-}
-
 .h-fit {
   height: -moz-fit-content;
   height: fit-content;
@@ -844,6 +844,10 @@ video {
   width: 100%;
 }
 
+.w-\[100px\] {
+  width: 100px;
+}
+
 .w-\[14\%\] {
   width: 14%;
 }
@@ -892,6 +896,10 @@ video {
   width: 25px;
 }
 
+.w-\[270px\] {
+  width: 270px;
+}
+
 .w-\[3\%\] {
   width: 3%;
 }
@@ -912,6 +920,10 @@ video {
   width: 33.33%;
 }
 
+.w-\[35\%\] {
+  width: 35%;
+}
+
 .w-\[35px\] {
   width: 35px;
 }
@@ -932,10 +944,6 @@ video {
   width: 45px;
 }
 
-.w-\[48px\] {
-  width: 48px;
-}
-
 .w-\[5\%\] {
   width: 5%;
 }
@@ -968,6 +976,14 @@ video {
   width: 74.5%;
 }
 
+.w-\[80\%\] {
+  width: 80%;
+}
+
+.w-\[90px\] {
+  width: 90px;
+}
+
 .w-\[95\%\] {
   width: 95%;
 }
@@ -985,6 +1001,10 @@ video {
   flex: 1 1 0%;
 }
 
+.flex-grow {
+  flex-grow: 1;
+}
+
 .border-collapse {
   border-collapse: collapse;
 }
@@ -1029,6 +1049,10 @@ video {
   align-items: flex-start;
 }
 
+.items-end {
+  align-items: flex-end;
+}
+
 .items-center {
   align-items: center;
 }
@@ -1259,6 +1283,11 @@ video {
   background-color: rgb(156 163 175 / var(--tw-bg-opacity));
 }
 
+.bg-gray-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
+}
+
 .bg-green-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(187 247 208 / var(--tw-bg-opacity));
@@ -1299,6 +1328,11 @@ video {
   background-color: rgb(254 202 202 / var(--tw-bg-opacity));
 }
 
+.bg-red-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 165 165 / var(--tw-bg-opacity));
+}
+
 .bg-red-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(248 113 113 / var(--tw-bg-opacity));
@@ -1314,6 +1348,16 @@ video {
   background-color: rgb(203 213 225 / var(--tw-bg-opacity));
 }
 
+.bg-slate-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
+}
+
+.bg-slate-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
+}
+
 .bg-slate-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(71 85 105 / var(--tw-bg-opacity));
@@ -1450,6 +1494,14 @@ video {
   padding-left: 1.25rem;
 }
 
+.pt-3 {
+  padding-top: 0.75rem;
+}
+
+.pt-9 {
+  padding-top: 2.25rem;
+}
+
 .text-center {
   text-align: center;
 }
@@ -1469,6 +1521,10 @@ video {
   line-height: 2.5rem;
 }
 
+.text-\[15px\] {
+  font-size: 15px;
+}
+
 .text-\[18px\] {
   font-size: 18px;
 }
@@ -1539,6 +1595,11 @@ video {
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
 
+.text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity));
+}
+
 .text-green-700 {
   --tw-text-opacity: 1;
   color: rgb(21 128 61 / var(--tw-text-opacity));
diff --git a/osinaweb/static/images/C2ruP-K3_400x400.jpeg b/osinaweb/static/images/C2ruP-K3_400x400.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..24ea07c9899f18c00e0020d6eb8e5ace7fdf85e1
GIT binary patch
literal 14514
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
H^YZ@!D-^A%

literal 0
HcmV?d00001

diff --git a/osinaweb/static/images/footer-logo.png b/osinaweb/static/images/footer-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9280242488469a7011aabead3101b01c0de9a62
GIT binary patch
literal 51537
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
BsTBYK

literal 0
HcmV?d00001

diff --git a/osinaweb/static/images/logo-social.png b/osinaweb/static/images/logo-social.png
new file mode 100644
index 0000000000000000000000000000000000000000..6485aac5ddca9b74856c89fa260dd437e42c11b2
GIT binary patch
literal 8713
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

literal 0
HcmV?d00001

diff --git a/osinaweb/static/js/side-bar.js b/osinaweb/static/js/side-bar.js
index e93c80e6..c1fc7cee 100644
--- a/osinaweb/static/js/side-bar.js
+++ b/osinaweb/static/js/side-bar.js
@@ -43,15 +43,19 @@ document.addEventListener('DOMContentLoaded', function () {
 
 
 // SCRIPT FOR THE SIDEBAR MENU ITEMS
-const menuItem = document.querySelector('.menuItem');
-const menuDropdownItems = document.querySelector('.menuDropdownItems');
-const angleDown = document.querySelector('.angleDown');
-const angleUp = document.querySelector('.angleUp');
+const menuContainers = document.querySelectorAll('.menu-container');
 
-menuItem.addEventListener('click', function () {
-    menuDropdownItems.classList.toggle('hidden');
+// Add click event listeners to each menu container
+menuContainers.forEach((menuContainer) => {
+  const menuItem = menuContainer.querySelector('.menuItem');
+  const menuDropdownItems = menuContainer.querySelector('.menuDropdownItems');
+  const angleDown = menuItem.querySelector('.angleDown');
+  const angleUp = menuItem.querySelector('.angleUp');
 
+  menuItem.addEventListener('click', function () {
+    menuDropdownItems.classList.toggle('hidden');
     angleDown.style.display = angleDown.style.display === 'none' ? 'inline' : 'none';
     angleUp.style.display = angleUp.style.display === 'none' ? 'inline' : 'none';
+  });
 });
 
diff --git a/osinaweb/templates/add-business.html b/osinaweb/templates/add-business.html
new file mode 100644
index 00000000..10d65a1d
--- /dev/null
+++ b/osinaweb/templates/add-business.html
@@ -0,0 +1,100 @@
+{% extends "main.html" %}
+{%load static%}
+{% block content %}
+
+<!-- IN THIS TASK FORM THE TASK DOESN'T BELONG NEITHER TO APROJECT OR EPIC, WE REAHC THIS FORM FROM THE TASKS.HTML -->
+
+<div class="w-full px-10 mb-4">
+    <div class="w-full h-full shadow-md rounded-md mt-5 py-5 px-3 bg-white">
+        <h1 class="text-3xl text-slate-800 text-center font-semibold">
+            Add Business
+        </h1>
+        <form>
+            <div class="w-full flex flex-col gap-3 justify-center items-center mt-5">
+                <input type="text" placeholder="Name"
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md" required>
+
+                <div class="inbox-box border border-gray-300 py-1 px-3 w-full rounded-md">
+                    <div class="flex items-center justify-between">
+                        <input required name="cv" type="file" id="actual-btn" accept="image/*" hidden multiple />
+                        <span id="file-name" class="text-gray-500 text-base focus:outline-none outline-none">Upload
+                            Business
+                            Logo</span>
+                        <label for="actual-btn"
+                            class="bg-transparent text-gray-500 border border-white px-4 py-2 h-14 cursor-pointer flex items-center"><i
+                                class="fa fa-upload"></i></label>
+
+                    </div>
+                </div>
+
+                <!-- WHEN THE USER CHOOSE A FILE THE NAME OF THE FILE WILL APPEAR IN THE SPAN -->
+                <script>
+                    const fileInput = document.getElementById('actual-btn');
+                    const fileNameSpan = document.getElementById('file-name');
+
+                    fileInput.addEventListener('change', (event) => {
+                        const selectedFiles = event.target.files;
+                        if (selectedFiles.length > 0) {
+                            const fileNames = Array.from(selectedFiles).map(file => file.name).join(', ');
+                            fileNameSpan.textContent = fileNames;
+                        } else {
+                            fileNameSpan.textContent = 'Upload Documents (PDF, docx)';
+                        }
+                    });
+                </script>
+
+                <input type="email" placeholder="Email"
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md" required>
+
+                <input type="number" placeholder="Financial Number"
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md" required>
+
+                <div class="w-full flex justify-start items-center gap-2">
+                    <input type="checkbox" required>
+                    <label class="text-slate-800">Vat</label>
+                </div>
+
+                <input type="number" placeholder="Commercial registration"
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md" required>
+
+                <input type="number" placeholder="Mobile Number"
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md" required>
+
+                <input type="text" placeholder="Website"
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md">
+
+
+                <select id=""
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500">
+                    <option value="" selected disabled>Business Type</option>
+                    <option value="">Healthcare</option>
+                    <option value="">Associations</option>
+                    <option value="">Education</option>
+                    <option value="">Non-profit</option>
+                </select>
+
+                <div class="w-full flex justify-center items-center mt-3">
+                    <button
+                        class="w-fit py-1 px-3 bg-blue-500 rounded-md outline-none text-white border border-blue-500 text-xl cursor-pointer hover:bg-white hover:text-blue-500">Add
+                        Business</button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+<!-- POPUP MODAL -->
+<div class="w-full h-full bg-black bg-opacity-40 z-20 fixed justify-center items-center hidden" id="popUpModal">
+    <div class="w-[95%] md:w-fit h-fit bg-white rounded-md p-9 relative">
+        <button class="absolute top-3 right-5 text-slate-800 text-xl cursor-pointer outline-none border-none"
+            id="closeModalButton">
+            <i class="fa fa-close"></i>
+        </button>
+        <iframe id="popupModalFrame" frameborder="0"></iframe>
+    </div>
+</div>
+
+<script type="text/javascript" src='{% static "js/pop-modals.js" %}'></script>
+</div>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/osinaweb/templates/add-customer.html b/osinaweb/templates/add-customer.html
new file mode 100644
index 00000000..9f11fd1f
--- /dev/null
+++ b/osinaweb/templates/add-customer.html
@@ -0,0 +1,186 @@
+{% extends "main.html" %}
+{%load static%}
+{% block content %}
+
+<!-- IN THIS TASK FORM THE TASK DOESN'T BELONG NEITHER TO APROJECT OR EPIC, WE REAHC THIS FORM FROM THE TASKS.HTML -->
+
+<div class="w-full px-10 mb-4">
+    <div class="w-full h-full shadow-md rounded-md mt-5 py-5 px-3 bg-white">
+        <h1 class="text-3xl text-slate-800 text-center font-semibold">
+            Add Customer
+        </h1>
+        <form>
+            <div class="w-full flex flex-col gap-3 justify-center items-center mt-5">
+                <!-- <select id=""
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500"
+                    required>
+                    <option value="" selected disabled>User</option>
+                    <option value="">Not a User</option>
+                    <option value="">Emile</option>
+                    <option value="">Salim</option>
+                </select> -->
+
+                <input type="text" placeholder="First Name"
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md" required>
+
+                <input type="text" placeholder="Last Name"
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md" required>
+
+                <input type="email" placeholder="Email"
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md" required>
+
+                <input type="number" placeholder="Mobile Number"
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md" required>
+
+                <input type="text" placeholder="Personal Website"
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md">
+
+                <select id=""
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500"
+                    required>
+                    <option value="" selected disabled>Status</option>
+                    <option value="">Active</option>
+                    <option value="">Suspended</option>
+                    <option value="">Terminated</option>
+                </select>
+
+                <select id=""
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500"
+                    required>
+                    <option value="" selected disabled>Reference</option>
+                    <option value="">Nataly</option>
+                </select>
+
+                <select id="businessTypeSelect"
+                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500">
+                    <option value="" selected disabled>Type</option>
+                    <option value="business">Business</option>
+                    <option value="personal">Personal</option>
+                </select>
+
+                <div class="w-[80%] mx-auto border border-gray-300 rounded-md py-5 px-3 bg-white hidden"
+                    id="addBusinessContainer">
+                    <h1 class="text-3xl text-slate-800 text-center font-semibold">
+                        Add Business
+                    </h1>
+
+                    <div class="w-full mt-2">
+                        <form>
+                            <input type="text" placeholder="Name"
+                                class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-4"
+                                required>
+
+                            <div class="inbox-box border border-gray-300 py-1 px-3 w-full rounded-md mt-4">
+                                <div class="flex items-center justify-between">
+                                    <input required name="cv" type="file" id="actual-btn" accept="image/*" hidden
+                                        multiple />
+                                    <span id="file-name"
+                                        class="text-gray-500 text-base focus:outline-none outline-none">Upload Business
+                                        Logo</span>
+                                    <label for="actual-btn"
+                                        class="bg-transparent text-gray-500 border border-white px-4 py-2 h-14 cursor-pointer flex items-center"><i
+                                            class="fa fa-upload"></i></label>
+
+                                </div>
+                            </div>
+
+                            <!-- WHEN THE USER CHOOSE A FILE THE NAME OF THE FILE WILL APPEAR IN THE SPAN -->
+                            <script>
+                                const fileInput = document.getElementById('actual-btn');
+                                const fileNameSpan = document.getElementById('file-name');
+
+                                fileInput.addEventListener('change', (event) => {
+                                    const selectedFiles = event.target.files;
+                                    if (selectedFiles.length > 0) {
+                                        const fileNames = Array.from(selectedFiles).map(file => file.name).join(', ');
+                                        fileNameSpan.textContent = fileNames;
+                                    } else {
+                                        fileNameSpan.textContent = 'Upload Documents (PDF, docx)';
+                                    }
+                                });
+                            </script>
+
+                            <input type="email" placeholder="Email"
+                                class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-4"
+                                required>
+
+                            <input type="number" placeholder="Financial Number"
+                                class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-4"
+                                required>
+
+                            <div class="w-full flex justify-start items-center gap-2 mt-4">
+                                <input type="checkbox" required>
+                                <label class="text-slate-800">Vat</label>
+                            </div>
+
+                            <input type="number" placeholder="Commercial registration"
+                                class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-4"
+                                required>
+
+                            <input type="number" placeholder="Mobile Number"
+                                class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-4"
+                                required>
+
+                            <input type="text" placeholder="Website"
+                                class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-4">
+
+
+                            <select id=""
+                                class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500 mt-4">
+                                <option value="" selected disabled>Business Type</option>
+                                <option value="">Healthcare</option>
+                                <option value="">Associations</option>
+                                <option value="">Education</option>
+                                <option value="">Non-profit</option>
+                            </select>
+
+                            <div class="w-full flex justify-center items-center mt-3">
+                                <button
+                                    class="w-fit py-1 px-3 bg-blue-500 rounded-md outline-none text-white border border-blue-500 text-xl cursor-pointer hover:bg-white hover:text-blue-500">Add
+                                    Business</button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+
+
+                <script>
+                    const businessTypeSelect = document.getElementById('businessTypeSelect');
+                    const addBusinessContainer = document.getElementById('addBusinessContainer');
+
+                    businessTypeSelect.addEventListener('change', function () {
+                        if (businessTypeSelect.value === 'business') {
+                            addBusinessContainer.style.display = 'block';
+                            addBusinessContainer.scrollIntoView({ behavior: 'smooth' });
+                        } else {
+                            addBusinessContainer.style.display = 'none';
+                        }
+                    });
+
+                </script>
+
+                <div class="w-full flex justify-center items-center mt-3">
+                    <button
+                        class="w-fit py-1 px-3 bg-blue-500 rounded-md outline-none text-white border border-blue-500 text-xl cursor-pointer hover:bg-white hover:text-blue-500">Add
+                        Customer</button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+<!-- POPUP MODAL -->
+<div class="w-full h-full bg-black bg-opacity-40 z-20 fixed justify-center items-center hidden" id="popUpModal">
+    <div class="w-[95%] md:w-fit h-fit bg-white rounded-md p-9 relative">
+        <button class="absolute top-3 right-5 text-slate-800 text-xl cursor-pointer outline-none border-none"
+            id="closeModalButton">
+            <i class="fa fa-close"></i>
+        </button>
+        <iframe id="popupModalFrame" frameborder="0"></iframe>
+    </div>
+</div>
+
+<script type="text/javascript" src='{% static "js/pop-modals.js" %}'></script>
+</div>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/osinaweb/templates/business-details.html b/osinaweb/templates/business-details.html
new file mode 100644
index 00000000..22901635
--- /dev/null
+++ b/osinaweb/templates/business-details.html
@@ -0,0 +1,249 @@
+{% extends "main.html" %}
+{%load static%}
+{% block title %}My Projects{% endblock %}
+{% block content %}
+<!-- NOTES SECTION -->
+<div class="w-full h-fit flex justify-between items-center px-10 pb-5">
+    <div class="relative w-full h-fit bg-white shadow-md rounded-md p-5">
+        <div class="w-full flex justify-between items-center">
+            <div>
+                <p class="text-base text-gray-500">Recent Note:</p>
+                <p class="text-slate-700">Send an Email to Salim.</p>
+            </div>
+            <div class="flex justify-end items-center gap-4">
+                <button
+                    class="w-fit rounded-md py-1 px-3 bg-slate-800 border border-slate-800 text-white hover:bg-white hover:text-slate-800"
+                    id="showNotesButton">Show
+                    Notes</button>
+                <button
+                    class="w-[35px] h-[35px] rounded-full p-2 bg-gray-300 text-white text-[20px] outline-none border-none cursor-pointer flex justify-center items-center shadow-md"
+                    id="addNoteButton">
+                    <i class="fa fa-plus"></i>
+                </button>
+            </div>
+        </div>
+
+        <!-- ALL NOTES CONTAINER (it appears when clicking on the "Show notes" button) -->
+        <div class="w-full h-fit relative hidden justify-start gap-3 items-center mt-5 overflow-hidden overflow-x-auto"
+            id="notesContainer">
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-yellow-200 p-5">
+                <p class="text-base text-slate-800">Send an Email to Salim.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-pink-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Contact the client.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-green-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Add daily report at the end of the day.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-blue-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Add daily report at the end of the day.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-purple-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Add daily report at the end of the day.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-yellow-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Add daily report at the end of the day.</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- CUSTOMER DETAIL AND USERS ACTIVITY SECTION -->
+<div class="w-full flex items-stretch justify-between gap-[2.5%] px-10 pb-5">
+    <!-- LEFT SIDE / TASK DETAIL SECTION -->
+    <div class="w-[74.5%] bg-white h-fit rounded-md shadow-md p-5">
+        <div class="w-full bg-gray-300 rounded-t-md flex justify-center items-center py-2 gap-3">
+            <div class="w-[100px] h-[100px] bg-red-300">
+                <img src="{% static 'images/logo-social.png' %}" alt="" class="w-full h-full object-cover">
+            </div>
+            <h1 class="text-3xl text-white font-semibold">Emile Ellye - Ositcom</h1>
+        </div>
+        <div class="w-full h-[70px] flex justify-end items-center bg-gray-100 shadow-md rounded-md px-3 py-1 mt-4">
+            <div class="flex justify-end items-center gap-3">
+                <button
+                    class="w-fit text-base px-3 py-2 bg-red-500 text-white outline-none border border-red-500 rounded-md cursor-pointer hover:bg-white hover:text-red-500">Delete
+                    Business</button>
+                <button
+                    class="w-fit text-base px-3 py-2 bg-blue-500 text-white outline-none border border-blue-500 rounded-md cursor-pointer hover:bg-white hover:text-blue-500">Edit
+                    Business</button>
+            </div>
+        </div>
+        <div class="w-full flex flex-col gap-4 mt-5">
+            <div>
+                <p class="text-gray-500 text-xl">Name: <span
+                        class="text-slate-800 text-xl font-semibold">Ositcom</span></p>
+            </div>
+
+            <div>
+                <p class="text-gray-500 text-xl">Email: <span
+                        class="text-slate-800 text-xl font-semibold">info@ositcom.com</span></p>
+            </div>
+
+            <div>
+                <p class="text-gray-500 text-xl">VAT: <span
+                        class="text-slate-800 text-xl font-semibold">Checked</span></p>
+            </div>
+
+            <div>
+                <p class="text-gray-500 text-xl">Commercial Registration: <span
+                        class="text-slate-800 text-xl font-semibold">2022</span></p>
+            </div>
+
+            <div>
+                <p class="text-gray-500 text-xl">Phone Number: <span
+                        class="text-green-700 text-xl font-semibold">78987678</span></p>
+            </div>
+
+            <div>
+                <p class="text-gray-500 text-xl">Website: <span
+                        class="text-green-700 text-xl font-semibold">ositcom.com</span></p>
+            </div>
+
+            <div>
+                <p class="text-gray-500 text-xl">Business Type: <span
+                        class="text-green-700 text-xl font-semibold">Association</span></p>
+            </div>
+        </div>
+    </div>
+    <!-- RIGHT SIDE / USERS ACTIVITY -->
+    <div class="w-[23%] bg-white flex-1 rounded-md shadow-md p-5">
+        <h1 class="text-2xl text-slate-700 text-center font-semibold">USERS ACTIVITY</h1>
+        <div class="w-full h-[300px] mt-2">
+
+
+            <!-- 1ST ROW -->
+            <div class="w-full flex flex-col py-3">
+                <div class="w-full flex flex-col justify-center items-start gap-2">
+                    <div class="w-full flex justify-between items-center gap-2">
+                        <div class="flex justify-start gap-2">
+                            <div class="w-[45px] h-[45px] rounded-full">
+                                <img src='{% static "images/avatar.svg" %}' alt="user profile"
+                                    class="w-full h-full object-cover">
+                            </div>
+                            <div class="flex flex-col">
+                                <h1 class="text-sm text-slate-700 font-semibold">Nataly</h1>
+                                <p class="text-sm text-gray-500">11:30 AM</p>
+                            </div>
+                        </div>
+                        <div class="cursor-pointer">
+                            <i class="fa fa-thumbs-up" style="color: rgb(184, 184, 184); font-size: 15px;"></i>
+                        </div>
+                    </div>
+
+                    <!-- Status -->
+                    <div class="w-full">
+                        <p class="text-sm text-gray-500">Closed - Create the Osina home page</p>
+                    </div>
+
+                    <!-- Add comment section -->
+                    <div class="w-full h-fit flex justify-between items-center border border-gray-200 mt-2 rounded-md">
+                        <input type="text" placeholder="Add Comment..."
+                            class="outline-none text-gray-500 p-2 w-[100%] text-sm h-[40px] rounded-tl-md rounded-bl-md">
+                        <button class="w-fit px-3 py-2 bg-slate-800 rounded-tr-md rounded-br-md">
+                            <i class="fa fa-send" style="color: white; font-size: 15px;"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 2NT ROW -->
+            <div class="w-full flex flex-col py-3">
+                <div class="w-full flex flex-col justify-center items-start gap-2">
+                    <div class="w-full flex justify-between items-center gap-2">
+                        <div class="flex justify-start gap-2">
+                            <div class="w-[45px] h-[45px] rounded-full">
+                                <img src='{% static "images/avatar2.png" %}' alt="user profile"
+                                    class="w-full h-full object-cover">
+                            </div>
+                            <div class="flex flex-col">
+                                <h1 class="text-sm text-slate-700 font-semibold">Salim</h1>
+                                <p class="text-sm text-gray-500">11:30 AM</p>
+                            </div>
+                        </div>
+                        <div class="cursor-pointer">
+                            <i class="fa fa-thumbs-up" style="color: rgb(184, 184, 184); font-size: 15px;"></i>
+                        </div>
+                    </div>
+
+                    <!-- Status -->
+                    <div class="w-full">
+                        <p class="text-sm text-gray-500">Closed - Create the Osina home page</p>
+                    </div>
+
+                    <!-- Add comment section -->
+                    <div class="w-full h-fit flex justify-between items-center border border-gray-200 mt-2 rounded-md">
+                        <input type="text" placeholder="Add Comment..."
+                            class="outline-none text-gray-500 p-2 w-[100%] text-sm h-[40px] rounded-tl-md rounded-bl-md">
+                        <button class="w-fit px-3 py-2 bg-slate-800 rounded-tr-md rounded-br-md">
+                            <i class="fa fa-send" style="color: white; font-size: 15px;"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 3RD ROW -->
+            <div class="w-full flex flex-col py-3">
+                <div class="w-full flex flex-col justify-center items-start gap-2">
+                    <div class="w-full flex justify-between items-center gap-2">
+                        <div class="flex justify-start gap-2">
+                            <div class="w-[45px] h-[45px] rounded-full">
+                                <img src='{% static "images/avatar3.png" %}' alt="user profile"
+                                    class="w-full h-full object-cover">
+                            </div>
+                            <div class="flex flex-col">
+                                <h1 class="text-sm text-slate-700 font-semibold">Emile</h1>
+                                <p class="text-sm text-gray-500">11:30 AM</p>
+                            </div>
+                        </div>
+                        <div class="cursor-pointer">
+                            <i class="fa fa-thumbs-up" style="color: rgb(184, 184, 184); font-size: 15px;"></i>
+                        </div>
+                    </div>
+
+                    <!-- Status -->
+                    <div class="w-full">
+                        <p class="text-sm text-gray-500">Closed - Create the Osina home page</p>
+                    </div>
+
+                    <!-- Add comment section -->
+                    <div class="w-full h-fit flex justify-between items-center border border-gray-200 mt-2 rounded-md">
+                        <input type="text" placeholder="Add Comment..."
+                            class="outline-none text-gray-500 p-2 w-[100%] text-sm h-[40px] rounded-tl-md rounded-bl-md">
+                        <button class="w-fit px-3 py-2 bg-slate-800 rounded-tr-md rounded-br-md">
+                            <i class="fa fa-send" style="color: white; font-size: 15px;"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</div>
+
+<!-- POPUP MODAL -->
+<div class="w-full h-full bg-black bg-opacity-40 z-20 fixed justify-center items-center hidden" id="popUpModal">
+    <div class="w-[95%] md:w-fit h-fit bg-white rounded-md p-9 relative">
+        <button class="absolute top-3 right-5 text-slate-800 text-xl cursor-pointer outline-none border-none"
+            id="closeModalButton">
+            <i class="fa fa-close"></i>
+        </button>
+        <iframe id="popupModalFrame" frameborder="0"></iframe>
+    </div>
+</div>
+<script type="text/javascript" src='{% static "js/pop-modals.js" %}'></script>
+</div>
+
+
+<!---------------------- JS SCRIPTS -------------------->
+
+<!-- TO SHOW ALL THE ADDED NOTES BY THE USER WHEN CLICKING ON THE SHOW NOTES BUTTON -->
+<script type="text/javascript" src='{% static "js/show-notes.js" %}'></script>
+
+<!-- THE SCRIPT FOR THE EPICS BAR -->
+<script type="text/javascript" src='{% static "js/epics.js" %}'></script>
+{% endblock content %}
\ No newline at end of file
diff --git a/osinaweb/templates/create-project.html b/osinaweb/templates/create-project.html
index cd7218de..0f361959 100644
--- a/osinaweb/templates/create-project.html
+++ b/osinaweb/templates/create-project.html
@@ -33,7 +33,8 @@
             </select>
 
             <select required name="members" id=""
-                class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500">
+                class="w-full h-[100px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500"
+                multiple>
                 <option value="" selected disabled>Member(s)</option>
                 {% for staff in staffs %}
                 <option value="{{staff.user.username}}">{{staff.first_name}} {{staff.last_name}}</option>
@@ -49,8 +50,9 @@
                 <option value="Cancelled">Cancelled</option>
             </select>
 
-            <select required name="project_type" id=""
-                class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500">
+            <select required name="members" id=""
+                class="w-full h-[100px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500"
+                multiple>
                 <option value="" selected disabled>Project Type</option>
                 {%for type in project_types %}
                 <option value="{{type.id}}">{{type.name}}</option>
diff --git a/osinaweb/templates/customer-details.html b/osinaweb/templates/customer-details.html
new file mode 100644
index 00000000..aa435048
--- /dev/null
+++ b/osinaweb/templates/customer-details.html
@@ -0,0 +1,336 @@
+{% extends "main.html" %}
+{%load static%}
+{% block title %}My Projects{% endblock %}
+{% block content %}
+<!-- NOTES SECTION -->
+<div class="w-full h-fit flex justify-between items-center px-10 pb-5">
+    <div class="relative w-full h-fit bg-white shadow-md rounded-md p-5">
+        <div class="w-full flex justify-between items-center">
+            <div>
+                <p class="text-base text-gray-500">Recent Note:</p>
+                <p class="text-slate-700">Send an Email to Salim.</p>
+            </div>
+            <div class="flex justify-end items-center gap-4">
+                <button
+                    class="w-fit rounded-md py-1 px-3 bg-slate-800 border border-slate-800 text-white hover:bg-white hover:text-slate-800"
+                    id="showNotesButton">Show
+                    Notes</button>
+                <button
+                    class="w-[35px] h-[35px] rounded-full p-2 bg-gray-300 text-white text-[20px] outline-none border-none cursor-pointer flex justify-center items-center shadow-md"
+                    id="addNoteButton">
+                    <i class="fa fa-plus"></i>
+                </button>
+            </div>
+        </div>
+
+        <!-- ALL NOTES CONTAINER (it appears when clicking on the "Show notes" button) -->
+        <div class="w-full h-fit relative hidden justify-start gap-3 items-center mt-5 overflow-hidden overflow-x-auto"
+            id="notesContainer">
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-yellow-200 p-5">
+                <p class="text-base text-slate-800">Send an Email to Salim.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-pink-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Contact the client.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-green-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Add daily report at the end of the day.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-blue-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Add daily report at the end of the day.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-purple-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Add daily report at the end of the day.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-yellow-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Add daily report at the end of the day.</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- CUSTOMER DETAIL AND USERS ACTIVITY SECTION -->
+<div class="w-full flex items-stretch justify-between gap-[2.5%] px-10 pb-5">
+    <!-- LEFT SIDE / TASK DETAIL SECTION -->
+    <div class="w-[74.5%] bg-white h-fit rounded-md shadow-md p-5">
+        <div class="w-full bg-gray-300 rounded-t-md flex flex-col justify-center items-center py-2">
+            <h1 class="text-3xl text-white font-semibold">Emile Elliye</h1>
+        </div>
+        <div class="w-full h-[70px] flex justify-end items-center bg-gray-100 shadow-md rounded-md px-3 py-1 mt-4">
+            <div class="flex justify-end items-center gap-3">
+                <button
+                    class="w-fit text-base px-3 py-2 bg-red-500 text-white outline-none border border-red-500 rounded-md cursor-pointer hover:bg-white hover:text-red-500">Delete
+                    Customer</button>
+                <button
+                    class="w-fit text-base px-3 py-2 bg-blue-500 text-white outline-none border border-blue-500 rounded-md cursor-pointer hover:bg-white hover:text-blue-500">Edit
+                    Customer</button>
+            </div>
+        </div>
+        <div class="w-full flex flex-col gap-4 mt-5">
+            <div>
+                <p class="text-gray-500 text-xl">First Name: <span
+                        class="text-slate-800 text-xl font-semibold">Emile</span></p>
+            </div>
+
+            <div>
+                <p class="text-gray-500 text-xl">Last Name: <span
+                        class="text-slate-800 text-xl font-semibold">Ellye</span></p>
+            </div>
+
+            <div>
+                <p class="text-gray-500 text-xl">Email: <span
+                        class="text-slate-800 text-xl font-semibold">emile.e@ositcom.com</span></p>
+            </div>
+
+            <div>
+                <p class="text-gray-500 text-xl">Personal Website: <span
+                        class="text-slate-800 text-xl font-semibold">www.ositcom.com</span></p>
+            </div>
+
+            <div>
+                <p class="text-gray-500 text-xl">Status: <span
+                        class="text-green-700 text-xl font-semibold">Active</span></p>
+            </div>
+
+            <div>
+                <p class="text-gray-500 text-xl">Reference: <span
+                        class="text-green-700 text-xl font-semibold">Salim</span></p>
+            </div>
+        </div>
+
+
+        <!-- BUSINESS -->
+        <div class="mt-4">
+            <p class="text-gray-500 text-xl">Business:</p>
+            <div class="w-full px-4">
+                <div class="w-full border-t border-x border-gray-300 rounded-t-md mt-3">
+                    <!-- HEADER -->
+                    <div class="w-full h-[60px] flex items-center justify-between">
+                        <div class="w-[35%] h-full border-r border-gray-300 flex justify-center items-center">
+                            <p class="text-sm">Name</p>
+                        </div>
+                        <div class="w-[30%] h-full border-r border-gray-300 flex justify-center items-center">
+                            <p class="text-sm">Business Type</p>
+                        </div>
+                        <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                            <p class="text-sm">Financial number</p>
+                        </div>
+                        <div class="w-[15%] h-full flex justify-center items-center">
+                            <p class="text-sm">Actions</p>
+                        </div>
+                    </div>
+
+                    <!-- BODY -->
+                    <div class="w-full border-t border-gray-300">
+                        <!-- ROW -->
+                        <div class="w-full h-[50px] flex justify-between items-center border-b border-gray-300">
+                            <div class="w-[35%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-sm">Ositcom</p>
+                            </div>
+                            <div class="w-[30%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-sm">Associations</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-sm">2567776</p>
+                            </div>
+                            <div class="w-[15%] h-full flex justify-center items-center gap-3">
+                                <a href="{% url 'businessdetails' %}">
+                                    <div class="text-[18px] text-blue-500 cursor-pointer">
+                                        <i class="fa fa-eye"></i>
+                                    </div>
+                                </a>
+                                <div class="text-[18px] text-blue-500 cursor-pointer">
+                                    <i class="fa fa-edit"></i>
+                                </div>
+                                <div class="text-[18px] text-red-500 cursor-pointer">
+                                    <i class="fa fa-trash"></i>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="w-full">
+                            <a href="{% url 'addbusiness' %}">
+                                <button class="w-full border-b border-gray-300 text-gray-500 py-3 bg-gray-100">ADD
+                                    BUISNESS</button>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- RIGHT SIDE / USERS ACTIVITY -->
+    <div class="w-[23%] bg-white flex-1 rounded-md shadow-md p-5">
+        <h1 class="text-2xl text-slate-700 text-center font-semibold">USERS ACTIVITY</h1>
+        <div class="w-full h-[300px] mt-2">
+
+
+            <!-- 1ST ROW -->
+            <div class="w-full flex flex-col py-3">
+                <div class="w-full flex flex-col justify-center items-start gap-2">
+                    <div class="w-full flex justify-between items-center gap-2">
+                        <div class="flex justify-start gap-2">
+                            <div class="w-[45px] h-[45px] rounded-full">
+                                <img src='{% static "images/avatar.svg" %}' alt="user profile"
+                                    class="w-full h-full object-cover">
+                            </div>
+                            <div class="flex flex-col">
+                                <h1 class="text-sm text-slate-700 font-semibold">Nataly</h1>
+                                <p class="text-sm text-gray-500">11:30 AM</p>
+                            </div>
+                        </div>
+                        <div class="cursor-pointer">
+                            <i class="fa fa-thumbs-up" style="color: rgb(184, 184, 184); font-size: 15px;"></i>
+                        </div>
+                    </div>
+
+                    <!-- Status -->
+                    <div class="w-full">
+                        <p class="text-sm text-gray-500">Closed - Create the Osina home page</p>
+                    </div>
+
+                    <!-- Add comment section -->
+                    <div class="w-full h-fit flex justify-between items-center border border-gray-200 mt-2 rounded-md">
+                        <input type="text" placeholder="Add Comment..."
+                            class="outline-none text-gray-500 p-2 w-[100%] text-sm h-[40px] rounded-tl-md rounded-bl-md">
+                        <button class="w-fit px-3 py-2 bg-slate-800 rounded-tr-md rounded-br-md">
+                            <i class="fa fa-send" style="color: white; font-size: 15px;"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 2NT ROW -->
+            <div class="w-full flex flex-col py-3">
+                <div class="w-full flex flex-col justify-center items-start gap-2">
+                    <div class="w-full flex justify-between items-center gap-2">
+                        <div class="flex justify-start gap-2">
+                            <div class="w-[45px] h-[45px] rounded-full">
+                                <img src='{% static "images/avatar2.png" %}' alt="user profile"
+                                    class="w-full h-full object-cover">
+                            </div>
+                            <div class="flex flex-col">
+                                <h1 class="text-sm text-slate-700 font-semibold">Salim</h1>
+                                <p class="text-sm text-gray-500">11:30 AM</p>
+                            </div>
+                        </div>
+                        <div class="cursor-pointer">
+                            <i class="fa fa-thumbs-up" style="color: rgb(184, 184, 184); font-size: 15px;"></i>
+                        </div>
+                    </div>
+
+                    <!-- Status -->
+                    <div class="w-full">
+                        <p class="text-sm text-gray-500">Closed - Create the Osina home page</p>
+                    </div>
+
+                    <!-- Add comment section -->
+                    <div class="w-full h-fit flex justify-between items-center border border-gray-200 mt-2 rounded-md">
+                        <input type="text" placeholder="Add Comment..."
+                            class="outline-none text-gray-500 p-2 w-[100%] text-sm h-[40px] rounded-tl-md rounded-bl-md">
+                        <button class="w-fit px-3 py-2 bg-slate-800 rounded-tr-md rounded-br-md">
+                            <i class="fa fa-send" style="color: white; font-size: 15px;"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 3RD ROW -->
+            <div class="w-full flex flex-col py-3">
+                <div class="w-full flex flex-col justify-center items-start gap-2">
+                    <div class="w-full flex justify-between items-center gap-2">
+                        <div class="flex justify-start gap-2">
+                            <div class="w-[45px] h-[45px] rounded-full">
+                                <img src='{% static "images/avatar3.png" %}' alt="user profile"
+                                    class="w-full h-full object-cover">
+                            </div>
+                            <div class="flex flex-col">
+                                <h1 class="text-sm text-slate-700 font-semibold">Emile</h1>
+                                <p class="text-sm text-gray-500">11:30 AM</p>
+                            </div>
+                        </div>
+                        <div class="cursor-pointer">
+                            <i class="fa fa-thumbs-up" style="color: rgb(184, 184, 184); font-size: 15px;"></i>
+                        </div>
+                    </div>
+
+                    <!-- Status -->
+                    <div class="w-full">
+                        <p class="text-sm text-gray-500">Closed - Create the Osina home page</p>
+                    </div>
+
+                    <!-- Add comment section -->
+                    <div class="w-full h-fit flex justify-between items-center border border-gray-200 mt-2 rounded-md">
+                        <input type="text" placeholder="Add Comment..."
+                            class="outline-none text-gray-500 p-2 w-[100%] text-sm h-[40px] rounded-tl-md rounded-bl-md">
+                        <button class="w-fit px-3 py-2 bg-slate-800 rounded-tr-md rounded-br-md">
+                            <i class="fa fa-send" style="color: white; font-size: 15px;"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 4TH ROW -->
+            <div class="w-full flex flex-col py-3">
+                <div class="w-full flex flex-col justify-center items-start gap-2">
+                    <div class="w-full flex justify-between items-center gap-2">
+                        <div class="flex justify-start gap-2">
+                            <div class="w-[45px] h-[45px] rounded-full">
+                                <img src='{% static "images/avatar.svg" %}' alt="user profile"
+                                    class="w-full h-full object-cover">
+                            </div>
+                            <div class="flex flex-col">
+                                <h1 class="text-sm text-slate-700 font-semibold">Nataly</h1>
+                                <p class="text-sm text-gray-500">11:30 AM</p>
+                            </div>
+                        </div>
+                        <div class="cursor-pointer">
+                            <i class="fa fa-thumbs-up" style="color: rgb(184, 184, 184); font-size: 15px;"></i>
+                        </div>
+                    </div>
+
+                    <!-- Status -->
+                    <div class="w-full">
+                        <p class="text-sm text-gray-500">Closed - Create the Osina home page</p>
+                    </div>
+
+                    <!-- Add comment section -->
+                    <div class="w-full h-fit flex justify-between items-center border border-gray-200 mt-2 rounded-md">
+                        <input type="text" placeholder="Add Comment..."
+                            class="outline-none text-gray-500 p-2 w-[100%] text-sm h-[40px] rounded-tl-md rounded-bl-md">
+                        <button class="w-fit px-3 py-2 bg-slate-800 rounded-tr-md rounded-br-md">
+                            <i class="fa fa-send" style="color: white; font-size: 15px;"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</div>
+
+<!-- POPUP MODAL -->
+<div class="w-full h-full bg-black bg-opacity-40 z-20 fixed justify-center items-center hidden" id="popUpModal">
+    <div class="w-[95%] md:w-fit h-fit bg-white rounded-md p-9 relative">
+        <button class="absolute top-3 right-5 text-slate-800 text-xl cursor-pointer outline-none border-none"
+            id="closeModalButton">
+            <i class="fa fa-close"></i>
+        </button>
+        <iframe id="popupModalFrame" frameborder="0"></iframe>
+    </div>
+</div>
+<script type="text/javascript" src='{% static "js/pop-modals.js" %}'></script>
+</div>
+
+
+<!---------------------- JS SCRIPTS -------------------->
+
+<!-- TO SHOW ALL THE ADDED NOTES BY THE USER WHEN CLICKING ON THE SHOW NOTES BUTTON -->
+<script type="text/javascript" src='{% static "js/show-notes.js" %}'></script>
+
+<!-- THE SCRIPT FOR THE EPICS BAR -->
+<script type="text/javascript" src='{% static "js/epics.js" %}'></script>
+{% endblock content %}
\ No newline at end of file
diff --git a/osinaweb/templates/customers.html b/osinaweb/templates/customers.html
new file mode 100644
index 00000000..3b691365
--- /dev/null
+++ b/osinaweb/templates/customers.html
@@ -0,0 +1,516 @@
+{% extends "main.html" %}
+{%load static%}
+{% block title %}My Projects{% endblock %}
+{% block content %}
+<!-- NOTES SECTION -->
+<div class="w-full h-fit flex justify-between items-center px-10 pb-5">
+    <div class="relative w-full h-fit bg-white shadow-md rounded-md p-5">
+        <div class="w-full flex justify-between items-center">
+            <div>
+                <p class="text-base text-gray-500">Recent Note:</p>
+                <p class="text-slate-700">Send an Email to Salim.</p>
+            </div>
+            <div class="flex justify-end items-center gap-4">
+                <button
+                    class="w-fit rounded-md py-1 px-3 bg-slate-800 border border-slate-800 text-white hover:bg-white hover:text-slate-800"
+                    id="showNotesButton">Show
+                    Notes</button>
+                <button
+                    class="w-[35px] h-[35px] rounded-full p-2 bg-gray-300 text-white text-[20px] outline-none border-none cursor-pointer flex justify-center items-center shadow-md"
+                    id="addNoteButton">
+                    <i class="fa fa-plus"></i>
+                </button>
+            </div>
+        </div>
+
+        <!-- ALL NOTES CONTAINER (it appears when clicking on the "Show notes" button) -->
+        <div class="w-full h-fit relative hidden justify-start gap-3 items-center mt-5 overflow-hidden overflow-x-auto"
+            id="notesContainer">
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-yellow-200 p-5">
+                <p class="text-base text-slate-800">Send an Email to Salim.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-pink-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Contact the client.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-green-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Add daily report at the end of the day.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-blue-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Add daily report at the end of the day.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-purple-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Add daily report at the end of the day.</p>
+            </div>
+
+            <div class="w-[16.33%] h-[150px] shadow-xl bg-yellow-200 top-90 right-10 p-5">
+                <p class="text-base text-slate-80">Add daily report at the end of the day.</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- PROJECTS AND USERS ACTIVITY SECTION -->
+<div class="w-full flex items-stretch justify-between gap-[2.5%] px-10 pb-5">
+    <!-- LEFT SIDE / PROJECTS SECTION -->
+    <div class="w-[74.5%]">
+        <div class="w-full h-fit bg-white rounded-md shadow-md p-5">
+            <h1 class="text-slate-800 text-[30px] font-semibold">Customers</h1>
+
+            <!-- PROJECT FILTERING -->
+            <div class="w-full py-4 px-3 bg-gray-200 rounded-md shadow-md mt-4 flex justify-between items-center">
+                <div class="flex justify-start items-center gap-5">
+                    <div class="relative h-fit w-fit flex items-center">
+                        <input type="text" placeholder="Enter Customer Name"
+                            class="py-2 px-3 border border-gray-300 rounded-md outline-none w-[300px] h-[40px] relative">
+                        <button class="text-gray-500 text-xl outline-none border-none cursor-pointer absolute right-2 bg-white">
+                            <i class="fa fa-search"></i>
+                        </button>
+                    </div>
+                </div>
+                <div>
+                    <a href="{% url 'addcustomer' %}">
+                        <button
+                            class="w-fit text-base px-3 py-2 bg-blue-500 text-white outline-none border border-blue-500 rounded-md cursor-pointer hover:bg-white hover:text-blue-500">Add
+                            Customer</button>
+                    </a>
+                </div>
+            </div>
+
+            <div class="mt-5 w-full h-fit">
+                <div class="w-full border-x border-t border-gray-300 rounded-t-md ">
+                    <!-- TABLE HEADER -->
+                    <div
+                        class="w-full flex justify-between items-center h-[60px] border-b border-gray-300 rounded-t-md">
+                        <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                            <p class="text-slate-800">First Name</p>
+                        </div>
+                        <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                            <p>Last Name</p>
+                        </div>
+                        <div class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center">
+                            <p class="text-slate-800">User</p>
+                        </div>
+                        <div class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center">
+                            <p class="text-slate-800">Status</p>
+                        </div>
+                        <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                            <p class="text-slate-800">Business</p>
+                        </div>
+                        <div class="w-[10%] h-full flex justify-center items-center">
+                            Actions
+                        </div>
+                    </div>
+
+                    <!-- TABLE BODY -->
+                    <div class="w-full">
+                        <!-- 1st row -->
+                        <div class="w-full h-[60px] flex justify-between items-center border-b border-gray-300">
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Nataly</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Abi Wajeh</p>
+                            </div>
+                            <div class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">nataly.aw</p>
+                            </div>
+                            <div
+                                class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center bg-green-700">
+                                <p class="text-white">Active</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Business</p>
+                            </div>
+                            <div class="w-[10%] h-full flex justify-center items-center gap-3">
+                                <a href="{% url 'customerdetails' %}">
+                                    <div class="text-[15px] text-blue-500 cursor-pointer">
+                                        <i class="fa fa-eye"></i>
+                                    </div>
+                                </a>
+                                <div class="text-[15px] text-blue-500 cursor-pointer">
+                                    <i class="fa fa-edit"></i>
+                                </div>
+                                <div class="text-[15px] text-red-500 cursor-pointer">
+                                    <i class="fa fa-trash"></i>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- 2nd row -->
+                        <div class="w-full h-[60px] flex justify-between items-center border-b border-gray-300">
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Rachel</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Hanna</p>
+                            </div>
+                            <div class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">-</p>
+                            </div>
+                            <div
+                                class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center bg-gray-500">
+                                <p class="text-white">Terminated</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">-</p>
+                            </div>
+                            <div class="w-[10%] h-full flex justify-center items-center gap-3">
+                                <a>
+                                    <div class="text-[15px] text-blue-500 cursor-pointer">
+                                        <i class="fa fa-eye"></i>
+                                    </div>
+                                </a>
+                                <div class="text-[15px] text-blue-500 cursor-pointer">
+                                    <i class="fa fa-edit"></i>
+                                </div>
+                                <div class="text-[15px] text-red-500 cursor-pointer">
+                                    <i class="fa fa-trash"></i>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- 3rd row -->
+                        <div class="w-full h-[60px] flex justify-between items-center border-b border-gray-300">
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Aya</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Rifai</p>
+                            </div>
+                            <div class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">aya.rf</p>
+                            </div>
+                            <div
+                                class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center bg-red-500">
+                                <p class="text-white">Suspended</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">-</p>
+                            </div>
+                            <div class="w-[10%] h-full flex justify-center items-center gap-3">
+                                <a>
+                                    <div class="text-[15px] text-blue-500 cursor-pointer">
+                                        <i class="fa fa-eye"></i>
+                                    </div>
+                                </a>
+                                <div class="text-[15px] text-blue-500 cursor-pointer">
+                                    <i class="fa fa-edit"></i>
+                                </div>
+                                <div class="text-[15px] text-red-500 cursor-pointer">
+                                    <i class="fa fa-trash"></i>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- 4th row -->
+                        <div class="w-full h-[60px] flex justify-between items-center border-b border-gray-300">
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Emile</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Elliye</p>
+                            </div>
+                            <div class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">salim.e</p>
+                            </div>
+                            <div
+                                class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center bg-green-700">
+                                <p class="text-white">Active</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Business</p>
+                            </div>
+                            <div class="w-[10%] h-full flex justify-center items-center gap-3">
+                                <a>
+                                    <div class="text-[15px] text-blue-500 cursor-pointer">
+                                        <i class="fa fa-eye"></i>
+                                    </div>
+                                </a>
+                                <div class="text-[15px] text-blue-500 cursor-pointer">
+                                    <i class="fa fa-edit"></i>
+                                </div>
+                                <div class="text-[15px] text-red-500 cursor-pointer">
+                                    <i class="fa fa-trash"></i>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- 5th row -->
+                        <div class="w-full h-[60px] flex justify-between items-center border-b border-gray-300">
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Emilio</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Emilio</p>
+                            </div>
+                            <div class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">-</p>
+                            </div>
+                            <div
+                                class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center bg-gray-500">
+                                <p class="text-white">Terminated</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Cars and Classics</p>
+                            </div>
+                            <div class="w-[10%] h-full flex justify-center items-center gap-3">
+                                <a>
+                                    <div class="text-[15px] text-blue-500 cursor-pointer">
+                                        <i class="fa fa-eye"></i>
+                                    </div>
+                                </a>
+                                <div class="text-[15px] text-blue-500 cursor-pointer">
+                                    <i class="fa fa-edit"></i>
+                                </div>
+                                <div class="text-[15px] text-red-500 cursor-pointer">
+                                    <i class="fa fa-trash"></i>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- 6th row -->
+                        <div class="w-full h-[60px] flex justify-between items-center border-b border-gray-300">
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Arze</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Elliye</p>
+                            </div>
+                            <div class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Arze.e</p>
+                            </div>
+                            <div
+                                class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center bg-green-700">
+                                <p class="text-white">Active</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">-</p>
+                            </div>
+                            <div class="w-[10%] h-full flex justify-center items-center gap-3">
+                                <a>
+                                    <div class="text-[15px] text-blue-500 cursor-pointer">
+                                        <i class="fa fa-eye"></i>
+                                    </div>
+                                </a>
+                                <div class="text-[15px] text-blue-500 cursor-pointer">
+                                    <i class="fa fa-edit"></i>
+                                </div>
+                                <div class="text-[15px] text-red-500 cursor-pointer">
+                                    <i class="fa fa-trash"></i>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- 7th row -->
+                        <div class="w-full h-[60px] flex justify-between items-center border-b border-gray-300">
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Reine</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">Habshy</p>
+                            </div>
+                            <div class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">reine.h</p>
+                            </div>
+                            <div
+                                class="w-[15%] h-full border-r border-gray-300 flex justify-center items-center bg-red-500">
+                                <p class="text-white">Suspended</p>
+                            </div>
+                            <div class="w-[20%] h-full border-r border-gray-300 flex justify-center items-center">
+                                <p class="text-gray-500">-</p>
+                            </div>
+                            <div class="w-[10%] h-full flex justify-center items-center gap-3">
+                                <a>
+                                    <div class="text-[15px] text-blue-500 cursor-pointer">
+                                        <i class="fa fa-eye"></i>
+                                    </div>
+                                </a>
+                                <div class="text-[15px] text-blue-500 cursor-pointer">
+                                    <i class="fa fa-edit"></i>
+                                </div>
+                                <div class="text-[15px] text-red-500 cursor-pointer">
+                                    <i class="fa fa-trash"></i>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- RIGHT SIDE / USERS ACTIVITY -->
+    <div class="w-[23%] bg-white flex-1 rounded-md shadow-md p-5">
+        <h1 class="text-2xl text-slate-700 text-center font-semibold">USERS ACTIVITY</h1>
+        <div class="w-full h-[300px] mt-2">
+
+
+            <!-- 1ST ROW -->
+            <div class="w-full flex flex-col py-3">
+                <div class="w-full flex flex-col justify-center items-start gap-2">
+                    <div class="w-full flex justify-between items-center gap-2">
+                        <div class="flex justify-start gap-2">
+                            <div class="w-[45px] h-[45px] rounded-full">
+                                <img src='{% static "images/avatar.svg" %}' alt="user profile"
+                                    class="w-full h-full object-cover">
+                            </div>
+                            <div class="flex flex-col">
+                                <h1 class="text-sm text-slate-700 font-semibold">Nataly</h1>
+                                <p class="text-sm text-gray-500">11:30 AM</p>
+                            </div>
+                        </div>
+                        <div class="cursor-pointer">
+                            <i class="fa fa-thumbs-up" style="color: rgb(184, 184, 184); font-size: 15px;"></i>
+                        </div>
+                    </div>
+
+                    <!-- Status -->
+                    <div class="w-full">
+                        <p class="text-sm text-gray-500">Closed - Create the Osina home page</p>
+                    </div>
+
+                    <!-- Add comment section -->
+                    <div class="w-full h-fit flex justify-between items-center border border-gray-200 mt-2 rounded-md">
+                        <input type="text" placeholder="Add Comment..."
+                            class="outline-none text-gray-500 p-2 w-[100%] text-sm h-[40px] rounded-tl-md rounded-bl-md">
+                        <button class="w-fit px-3 py-2 bg-slate-800 rounded-tr-md rounded-br-md">
+                            <i class="fa fa-send" style="color: white; font-size: 15px;"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 2NT ROW -->
+            <div class="w-full flex flex-col py-3">
+                <div class="w-full flex flex-col justify-center items-start gap-2">
+                    <div class="w-full flex justify-between items-center gap-2">
+                        <div class="flex justify-start gap-2">
+                            <div class="w-[45px] h-[45px] rounded-full">
+                                <img src='{% static "images/avatar2.png" %}' alt="user profile"
+                                    class="w-full h-full object-cover">
+                            </div>
+                            <div class="flex flex-col">
+                                <h1 class="text-sm text-slate-700 font-semibold">Salim</h1>
+                                <p class="text-sm text-gray-500">11:30 AM</p>
+                            </div>
+                        </div>
+                        <div class="cursor-pointer">
+                            <i class="fa fa-thumbs-up" style="color: rgb(184, 184, 184); font-size: 15px;"></i>
+                        </div>
+                    </div>
+
+                    <!-- Status -->
+                    <div class="w-full">
+                        <p class="text-sm text-gray-500">Closed - Create the Osina home page</p>
+                    </div>
+
+                    <!-- Add comment section -->
+                    <div class="w-full h-fit flex justify-between items-center border border-gray-200 mt-2 rounded-md">
+                        <input type="text" placeholder="Add Comment..."
+                            class="outline-none text-gray-500 p-2 w-[100%] text-sm h-[40px] rounded-tl-md rounded-bl-md">
+                        <button class="w-fit px-3 py-2 bg-slate-800 rounded-tr-md rounded-br-md">
+                            <i class="fa fa-send" style="color: white; font-size: 15px;"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 3RD ROW -->
+            <div class="w-full flex flex-col py-3">
+                <div class="w-full flex flex-col justify-center items-start gap-2">
+                    <div class="w-full flex justify-between items-center gap-2">
+                        <div class="flex justify-start gap-2">
+                            <div class="w-[45px] h-[45px] rounded-full">
+                                <img src='{% static "images/avatar3.png" %}' alt="user profile"
+                                    class="w-full h-full object-cover">
+                            </div>
+                            <div class="flex flex-col">
+                                <h1 class="text-sm text-slate-700 font-semibold">Emile</h1>
+                                <p class="text-sm text-gray-500">11:30 AM</p>
+                            </div>
+                        </div>
+                        <div class="cursor-pointer">
+                            <i class="fa fa-thumbs-up" style="color: rgb(184, 184, 184); font-size: 15px;"></i>
+                        </div>
+                    </div>
+
+                    <!-- Status -->
+                    <div class="w-full">
+                        <p class="text-sm text-gray-500">Closed - Create the Osina home page</p>
+                    </div>
+
+                    <!-- Add comment section -->
+                    <div class="w-full h-fit flex justify-between items-center border border-gray-200 mt-2 rounded-md">
+                        <input type="text" placeholder="Add Comment..."
+                            class="outline-none text-gray-500 p-2 w-[100%] text-sm h-[40px] rounded-tl-md rounded-bl-md">
+                        <button class="w-fit px-3 py-2 bg-slate-800 rounded-tr-md rounded-br-md">
+                            <i class="fa fa-send" style="color: white; font-size: 15px;"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 4TH ROW -->
+            <div class="w-full flex flex-col py-3">
+                <div class="w-full flex flex-col justify-center items-start gap-2">
+                    <div class="w-full flex justify-between items-center gap-2">
+                        <div class="flex justify-start gap-2">
+                            <div class="w-[45px] h-[45px] rounded-full">
+                                <img src='{% static "images/avatar.svg" %}' alt="user profile"
+                                    class="w-full h-full object-cover">
+                            </div>
+                            <div class="flex flex-col">
+                                <h1 class="text-sm text-slate-700 font-semibold">Nataly</h1>
+                                <p class="text-sm text-gray-500">11:30 AM</p>
+                            </div>
+                        </div>
+                        <div class="cursor-pointer">
+                            <i class="fa fa-thumbs-up" style="color: rgb(184, 184, 184); font-size: 15px;"></i>
+                        </div>
+                    </div>
+
+                    <!-- Status -->
+                    <div class="w-full">
+                        <p class="text-sm text-gray-500">Closed - Create the Osina home page</p>
+                    </div>
+
+                    <!-- Add comment section -->
+                    <div class="w-full h-fit flex justify-between items-center border border-gray-200 mt-2 rounded-md">
+                        <input type="text" placeholder="Add Comment..."
+                            class="outline-none text-gray-500 p-2 w-[100%] text-sm h-[40px] rounded-tl-md rounded-bl-md">
+                        <button class="w-fit px-3 py-2 bg-slate-800 rounded-tr-md rounded-br-md">
+                            <i class="fa fa-send" style="color: white; font-size: 15px;"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+</div>
+
+<!-- POPUP MODAL -->
+<div class="w-full h-full bg-black bg-opacity-40 z-20 fixed justify-center items-center hidden" id="popUpModal">
+    <div class="w-[95%] md:w-fit h-fit bg-white rounded-md p-9 relative">
+        <button class="absolute top-3 right-5 text-slate-800 text-xl cursor-pointer outline-none border-none"
+            id="closeModalButton">
+            <i class="fa fa-close"></i>
+        </button>
+        <iframe id="popupModalFrame" frameborder="0"></iframe>
+    </div>
+</div>
+
+<script type="text/javascript" src='{% static "js/pop-modals.js" %}'></script>
+</div>
+
+<!---------------------- JS SCRIPTS -------------------->
+
+<!-- TO SHOW ALL THE ADDED NOTES BY THE USER WHEN CLICKING ON THE SHOW NOTES BUTTON -->
+<script type="text/javascript" src='{% static "js/show-notes.js" %}'></script>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/osinaweb/templates/index.html b/osinaweb/templates/index.html
index 91bebd5f..db87be09 100644
--- a/osinaweb/templates/index.html
+++ b/osinaweb/templates/index.html
@@ -58,8 +58,13 @@
                 <option value="">Working On</option>
                 <option value="">Closed</option>
             </select>
-            <input type="text" placeholder="Project"
-                class="py-2 px-3 border border-gray-300 rounded-md outline-none w-[220px] h-[40px]">
+            <div class="relative h-fit w-fit flex items-center">
+                <input type="text" placeholder="Project"
+                    class="py-2 px-3 border border-gray-300 rounded-md outline-none w-[270px] h-[40px] relative">
+                <button class="text-gray-500 text-xl outline-none border-none cursor-pointer absolute right-2 bg-white">
+                    <i class="fa fa-search"></i>
+                </button>
+            </div>
         </div>
 
         <!-- TASKS TABLE -->
diff --git a/osinaweb/templates/login.html b/osinaweb/templates/login.html
index a6288493..0c1c4c00 100644
--- a/osinaweb/templates/login.html
+++ b/osinaweb/templates/login.html
@@ -19,7 +19,7 @@
         <div class="w-full flex justify-center items-center mt-[5%]">
             <h1 class="text-[50px] text-slate-800 font-semibold">OSINA</h1>
         </div>
-        <div class="w-[500px] h-[350px] rounded-md bg-white shadow-lg mt-5 flex flex-col items-center-center p-3">
+        <div class="w-[500px] h-fit rounded-md bg-white shadow-lg mt-5 flex flex-col items-center-center pt-3 pb-5 px-3">
             <h1 class="text-blue-500 text-[25px] text-center font-light mt-2">Login To Dashboard</h1>
             <form class="w-full mt-5"  method="post" action="{% url 'signin' %}">
                 {% csrf_token %}
diff --git a/osinaweb/templates/main.html b/osinaweb/templates/main.html
index 031f4b5e..d2d3e6ab 100644
--- a/osinaweb/templates/main.html
+++ b/osinaweb/templates/main.html
@@ -9,21 +9,23 @@
     <link rel="stylesheet" type="text/css" href='{% static "dist/output.css" %}'>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
-
 </head>
 
-<body>
+<body class="bg-gray-200">
     <div class="w-full flex">
         <!-- FIXED SIDE NAVBAR -->
-        <div class="fixed h-screen w-[300px] bg-slate-700 px-5 py-9" id="fixedSideHeader">
-            <h1 class="text-white text-4xl text-center"><a href="{% url 'home' %}">OSINA</a></h1>
+        <div class="fixed h-screen w-[300px] bg-slate-700 pt-9 flex flex-col justify-between" id="fixedSideHeader">
             <!-- Menu Items -->
-            <div class="w-full h-fit flex flex-col justify-center items-center mt-14">
+            <div class="w-full h-fit flex flex-col justify-center items-center px-5">
+                <div class="mb-14 w-full">
+                    <h1 class="text-white text-4xl text-center"><a href="{% url 'home' %}">OSINA</a></h1>
+                </div>
                 <div class="mb-5 w-full relative">
                     <input type="text" placeholder="Search..."
                         class="border border-gray-500 rounded-md py-2 px-3 bg-transparent w-full outline-none text-white">
                     <i class="fa fa-search absolute right-3 top-3 text-gray-500" style="font-size: 20px;"></i>
                 </div>
+
                 <div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3">
                     <i class="fa fa-home" style="font-size: 22px; color: white;"></i>
                     <a href="{% url 'home' %}" class="text-white text-xl">Home</a>
@@ -39,27 +41,33 @@
                     </div>
                 </div>
 
-                <div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
-                    <div class="w-full flex justify-start items-center gap-3">
-                        <i class="fa fa-list" style="font-size: 22px; color: white;"></i>
-                        <p class="text-white text-xl">Accounts</p>
-                    </div>
-                    <div>
-                        <i class="fa fa-angle-down" style="font-size: 25px; color: white;"></i>
+                <!-- CUSTOMERS -->
+                <div class="w-full menu-container">
+                    <div
+                        class="menuItem w-full flex justify-between items-center border-b border-slate-600 py-3 cursor-pointer">
+                        <div class="w-full flex justify-start items-center gap-3">
+                            <i class="fa fa-list" style="font-size: 22px; color: white;"></i>
+                            <p class="text-white text-xl">Accounts</p>
+                        </div>
+                        <div>
+                            <i class="angleDown fa fa-angle-down" style="font-size: 25px; color: white;"></i>
+                            <i class="angleUp fa fa-angle-up" style="font-size: 25px; color: white; display: none;"></i>
+                        </div>
                     </div>
-                </div>
 
-                <div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
-                    <div class="w-full flex justify-start items-center gap-3">
-                        <i class="fas fa-comment-alt" style="font-size: 22px; color: white;"></i>
-                        <p class="text-white text-xl">Support</p>
-                    </div>
-                    <div>
-                        <i class="fa fa-angle-down" style="font-size: 25px; color: white;"></i>
+                    <div class="menuDropdownItems w-full h-fit p-3 hidden duration-300">
+                        <a href="{% url 'customers' %}">
+                            <div
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px] cursor-pointer">
+                                <i class='fa fa-user' style="font-size: 16px;"></i>
+                                <p class="text-white">Customers</p>
+                            </div>
+                        </a>
                     </div>
                 </div>
 
-                <div class="w-full">
+                <!-- MY WORK DROPDOWN -->
+                <div class="w-full menu-container">
                     <div
                         class="menuItem w-full flex justify-between items-center border-b border-slate-600 py-3 cursor-pointer">
                         <div class="w-full flex justify-start items-center gap-3">
@@ -98,6 +106,16 @@
                     </div>
                 </div>
 
+                <div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
+                    <div class="w-full flex justify-start items-center gap-3">
+                        <i class="fas fa-comment-alt" style="font-size: 22px; color: white;"></i>
+                        <p class="text-white text-xl">Support</p>
+                    </div>
+                    <div>
+                        <i class="fa fa-angle-down" style="font-size: 25px; color: white;"></i>
+                    </div>
+                </div>
+
                 <div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
                     <div class="w-full flex justify-start items-center gap-3">
                         <i class="fa fa-euro" style="font-size: 22px; color: white;"></i>
@@ -118,6 +136,15 @@
                     <a href="{% url 'signout' %}" class="text-white text-xl">Logout</a>
                 </div>
             </div>
+
+            <!-- Footer -->
+            <div class="w-full h-fit bg-slate-800 flex flex-col items-center justify-center gap-2 py-2">
+                <div class="w-full flex flex-col justify-center items-center">
+                    <!-- <img src="{% static 'images/footer-logo.png' %}" alt="Ositcom Web Development in Lebanon" class="w-[90px] h-[50px]"> -->
+                    <p class="text-gray-500 font-light text-sm">Powered By Ositcom</p>
+                    <p class="text-gray-500 font-light text-sm">Copyrights © 2023 All Rights Reserved</p>
+                </div>
+            </div>
         </div>
 
         <!-- SCROLL PART -->
@@ -212,23 +239,23 @@
                     <div>
                         <div class="flex justify-start items-center gap-2">
                             <p>Available</p>
-                            <img  src='{% static "images/yes.png" %}'  alt="" class="w-[15px] h-[15px]">
+                            <img src='{% static "images/yes.png" %}' alt="" class="w-[15px] h-[15px]">
                         </div>
                     </div>
                 </div>
 
-          
-      
-        </div>
 
-    {% block content %}
-    replace me
-    {% endblock content %}
 
-    <!---------------------- JS SCRIPTS -------------------->
-    <!-- SIDE BAR SCRIPT -->
-    <script type="text/javascript" src='{% static "js/side-bar.js" %}'></script>
-   
+            </div>
+
+            {% block content %}
+            replace me
+            {% endblock content %}
+
+            <!---------------------- JS SCRIPTS -------------------->
+            <!-- SIDE BAR SCRIPT -->
+            <script type="text/javascript" src='{% static "js/side-bar.js" %}'></script>
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/osinaweb/templates/projects.html b/osinaweb/templates/projects.html
index d63411c6..ddc264d9 100644
--- a/osinaweb/templates/projects.html
+++ b/osinaweb/templates/projects.html
@@ -57,14 +57,19 @@
 <div class="w-full flex items-stretch justify-between gap-[2.5%] px-10 pb-5">
     <!-- LEFT SIDE / PROJECTS SECTION -->
     <div class="w-[74.5%]">
-        <div class="w-full h-[800px] bg-white rounded-md shadow-md p-5">
+        <div class="w-full h-fit bg-white rounded-md shadow-md p-5">
             <h1 class="text-slate-800 text-[30px] font-semibold">My Projects</h1>
 
             <!-- PROJECT FILTERING -->
             <div class="w-full py-4 px-3 bg-gray-200 rounded-md shadow-md mt-4 flex justify-between items-center">
                 <div class="flex justify-start items-center gap-5">
-                    <input type="text" placeholder="Enter Project Name"
-                        class="w-[300px] h-[40px] py-2 px-3 border border-gray-300 rounded-md outline-none">
+                    <div class="relative h-fit w-fit flex items-center">
+                        <input type="text" placeholder="Enter Project Name"
+                            class="py-2 px-3 border border-gray-300 rounded-md outline-none w-[300px] h-[40px] relative">
+                        <button class="text-gray-500 text-xl outline-none border-none cursor-pointer absolute right-2 bg-white">
+                            <i class="fa fa-search"></i>
+                        </button>
+                    </div>
 
                     <select name="" id=""
                         class="border border-gray-300 p-2 rounded-md outline-none w-[160px] text-gray-500 h-[40px]">
@@ -83,7 +88,7 @@
                 </div>
             </div>
 
-            <div class="mt-5 w-full h-[500px]">
+            <div class="mt-5 w-full h-fit">
                 <div class="w-full border-x border-t border-gray-300 rounded-t-md ">
                     <!-- TABLE HEADER -->
                     <div
diff --git a/osinaweb/templates/tasks.html b/osinaweb/templates/tasks.html
index e16ff4a4..427dfb99 100644
--- a/osinaweb/templates/tasks.html
+++ b/osinaweb/templates/tasks.html
@@ -56,14 +56,20 @@
 <div class="w-full flex items-stretch justify-between gap-[2.5%] px-10 pb-5">
     <!-- LEFT SIDE / PROJECTS SECTION -->
     <div class="w-[74.5%]">
-        <div class="w-full h-[800px] bg-white rounded-md shadow-md p-5">
+        <div class="w-full h-fit bg-white rounded-md shadow-md p-5">
             <h1 class="text-slate-800 text-[30px] font-semibold">My Tasks</h1>
 
-            <!-- PROJECT FILTERING -->
+            <!-- TASK FILTERING -->
             <div class="w-full py-4 px-3 bg-gray-200 rounded-md shadow-md mt-4 flex justify-between items-center">
                 <div class="flex justify-start items-center gap-5">
-                    <input type="text" placeholder="Enter Project Name"
-                        class="w-[300px] h-[40px] py-2 px-3 border border-gray-300 rounded-md outline-none">
+                    <div class="relative h-fit w-fit flex items-center">
+                        <input type="text" placeholder="Enter Project Name"
+                            class="py-2 px-3 border border-gray-300 rounded-md outline-none w-[300px] h-[40px] relative">
+                        <button
+                            class="text-gray-500 text-xl outline-none border-none cursor-pointer absolute right-2 bg-white">
+                            <i class="fa fa-search"></i>
+                        </button>
+                    </div>
 
                     <select name="" id=""
                         class="border border-gray-300 p-2 rounded-md outline-none w-[160px] text-gray-500 h-[40px]">