PNG  IHDRQgAMA a cHRMz&u0`:pQ<bKGDgmIDATxwUﹻ& ^CX(J I@ "% (** BX +*i"]j(IH{~R)[~>h{}gy)I$Ij .I$I$ʊy@}x.: $I$Ii}VZPC)I$IF ^0ʐJ$I$Q^}{"r=OzI$gRZeC.IOvH eKX $IMpxsk.쒷/&r[޳<v| .I~)@$updYRa$I |M.e JaֶpSYR6j>h%IRز if&uJ)M$I vLi=H;7UJ,],X$I1AҒJ$ XY XzI@GNҥRT)E@;]K*Mw;#5_wOn~\ DC&$(A5 RRFkvIR}l!RytRl;~^ǷJj اy뷦BZJr&ӥ8Pjw~vnv X^(I;4R=P[3]J,]ȏ~:3?[ a&e)`e*P[4]T=Cq6R[ ~ޤrXR Հg(t_HZ-Hg M$ãmL5R uk*`%C-E6/%[t X.{8P9Z.vkXŐKjgKZHg(aK9ڦmKjѺm_ \#$5,)-  61eJ,5m| r'= &ڡd%-]J on Xm|{ RҞe $eڧY XYrԮ-a7RK6h>n$5AVڴi*ֆK)mѦtmr1p| q:흺,)Oi*ֺK)ܬ֦K-5r3>0ԔHjJئEZj,%re~/z%jVMڸmrt)3]J,T K֦OvԒgii*bKiNO~%PW0=dii2tJ9Jݕ{7"I P9JKTbu,%r"6RKU}Ij2HKZXJ,妝 XYrP ެ24c%i^IK|.H,%rb:XRl1X4Pe/`x&P8Pj28Mzsx2r\zRPz4J}yP[g=L) .Q[6RjWgp FIH*-`IMRaK9TXcq*I y[jE>cw%gLRԕiFCj-ďa`#e~I j,%r,)?[gp FI˨mnWX#>mʔ XA DZf9,nKҲzIZXJ,L#kiPz4JZF,I,`61%2s $,VOϚ2/UFJfy7K> X+6 STXIeJILzMfKm LRaK9%|4p9LwJI!`NsiazĔ)%- XMq>pk$-$Q2x#N ؎-QR}ᶦHZډ)J,l#i@yn3LN`;nڔ XuX5pF)m|^0(>BHF9(cզEerJI rg7 4I@z0\JIi䵙RR0s;$s6eJ,`n 䂦0a)S)A 1eJ,堌#635RIgpNHuTH_SԕqVe ` &S)>p;S$魁eKIuX`I4춒o}`m$1":PI<[v9^\pTJjriRŭ P{#{R2,`)e-`mgj~1ϣLKam7&U\j/3mJ,`F;M'䱀 .KR#)yhTq;pcK9(q!w?uRR,n.yw*UXj#\]ɱ(qv2=RqfB#iJmmL<]Y͙#$5 uTU7ӦXR+q,`I}qL'`6Kͷ6r,]0S$- [RKR3oiRE|nӦXR.(i:LDLTJjY%o:)6rxzҒqTJjh㞦I.$YR.ʼnGZ\ֿf:%55 I˼!6dKxm4E"mG_ s? .e*?LRfK9%q#uh$)i3ULRfK9yxm܌bj84$i1U^@Wbm4uJ,ҪA>_Ij?1v32[gLRD96oTaR׿N7%L2 NT,`)7&ƝL*꽙yp_$M2#AS,`)7$rkTA29_Iye"|/0t)$n XT2`YJ;6Jx".e<`$) PI$5V4]29SRI>~=@j]lp2`K9Jaai^" Ԋ29ORI%:XV5]JmN9]H;1UC39NI%Xe78t)a;Oi Ҙ>Xt"~G>_mn:%|~ޅ_+]$o)@ǀ{hgN;IK6G&rp)T2i୦KJuv*T=TOSV>(~D>dm,I*Ɛ:R#ۙNI%D>G.n$o;+#RR!.eU˽TRI28t)1LWϚ>IJa3oFbu&:tJ*(F7y0ZR ^p'Ii L24x| XRI%ۄ>S1]Jy[zL$adB7.eh4%%누>WETf+3IR:I3Xה)3אOۦSRO'ٺ)S}"qOr[B7ϙ.edG)^ETR"RtRݜh0}LFVӦDB^k_JDj\=LS(Iv─aTeZ%eUAM-0;~˃@i|l @S4y72>sX-vA}ϛBI!ݎߨWl*)3{'Y|iSlEڻ(5KtSI$Uv02,~ԩ~x;P4ցCrO%tyn425:KMlD ^4JRxSهF_}شJTS6uj+ﷸk$eZO%G*^V2u3EMj3k%)okI]dT)URKDS 7~m@TJR~荪fT"֛L \sM -0T KfJz+nإKr L&j()[E&I ߴ>e FW_kJR|!O:5/2跌3T-'|zX ryp0JS ~^F>-2< `*%ZFP)bSn"L :)+pʷf(pO3TMW$~>@~ū:TAIsV1}S2<%ޟM?@iT ,Eūoz%i~g|`wS(]oȤ8)$ ntu`өe`6yPl IzMI{ʣzʨ )IZ2= ld:5+請M$-ї;U>_gsY$ÁN5WzWfIZ)-yuXIfp~S*IZdt;t>KūKR|$#LcԀ+2\;kJ`]YǔM1B)UbG"IRߊ<xܾӔJ0Z='Y嵤 Leveg)$znV-º^3Ւof#0Tfk^Zs[*I꯳3{)ˬW4Ւ4 OdpbZRS|*I 55#"&-IvT&/윚Ye:i$ 9{LkuRe[I~_\ؠ%>GL$iY8 9ܕ"S`kS.IlC;Ҏ4x&>u_0JLr<J2(^$5L s=MgV ~,Iju> 7r2)^=G$1:3G< `J3~&IR% 6Tx/rIj3O< ʔ&#f_yXJiގNSz; Tx(i8%#4 ~AS+IjerIUrIj362v885+IjAhK__5X%nV%Iͳ-y|7XV2v4fzo_68"S/I-qbf; LkF)KSM$ Ms>K WNV}^`-큧32ŒVؙGdu,^^m%6~Nn&͓3ŒVZMsRpfEW%IwdǀLm[7W&bIRL@Q|)* i ImsIMmKmyV`i$G+R 0tV'!V)֏28vU7͒vHꦼtxꗞT ;S}7Mf+fIRHNZUkUx5SAJㄌ9MqμAIRi|j5)o*^'<$TwI1hEU^c_j?Е$%d`z cyf,XO IJnTgA UXRD }{H}^S,P5V2\Xx`pZ|Yk:$e ~ @nWL.j+ϝYb퇪bZ BVu)u/IJ_ 1[p.p60bC >|X91P:N\!5qUB}5a5ja `ubcVxYt1N0Zzl4]7­gKj]?4ϻ *[bg$)+À*x쳀ogO$~,5 زUS9 lq3+5mgw@np1sso Ӻ=|N6 /g(Wv7U;zωM=wk,0uTg_`_P`uz?2yI!b`kĸSo+Qx%!\οe|އԁKS-s6pu_(ֿ$i++T8=eY; צP+phxWQv*|p1. ά. XRkIQYP,drZ | B%wP|S5`~́@i޾ E;Չaw{o'Q?%iL{u D?N1BD!owPHReFZ* k_-~{E9b-~P`fE{AܶBJAFO wx6Rox5 K5=WwehS8 (JClJ~ p+Fi;ŗo+:bD#g(C"wA^ r.F8L;dzdIHUX݆ϞXg )IFqem%I4dj&ppT{'{HOx( Rk6^C٫O.)3:s(۳(Z?~ٻ89zmT"PLtw䥈5&b<8GZ-Y&K?e8,`I6e(֍xb83 `rzXj)F=l($Ij 2*(F?h(/9ik:I`m#p3MgLaKjc/U#n5S# m(^)=y=đx8ŬI[U]~SцA4p$-F i(R,7Cx;X=cI>{Km\ o(Tv2vx2qiiDJN,Ҏ!1f 5quBj1!8 rDFd(!WQl,gSkL1Bxg''՞^ǘ;pQ P(c_ IRujg(Wz bs#P­rz> k c&nB=q+ؔXn#r5)co*Ũ+G?7< |PQӣ'G`uOd>%Mctz# Ԫڞ&7CaQ~N'-P.W`Oedp03C!IZcIAMPUۀ5J<\u~+{9(FbbyAeBhOSܳ1 bÈT#ŠyDžs,`5}DC-`̞%r&ڙa87QWWp6e7 Rϫ/oY ꇅ Nܶըtc!LA T7V4Jsū I-0Pxz7QNF_iZgúWkG83 0eWr9 X]㾮݁#Jˢ C}0=3ݱtBi]_ &{{[/o[~ \q鯜00٩|cD3=4B_b RYb$óBRsf&lLX#M*C_L܄:gx)WΘsGSbuL rF$9';\4Ɍq'n[%p.Q`u hNb`eCQyQ|l_C>Lb꟟3hSb #xNxSs^ 88|Mz)}:](vbۢamŖ࿥ 0)Q7@0=?^k(*J}3ibkFn HjB׻NO z x}7p 0tfDX.lwgȔhԾŲ }6g E |LkLZteu+=q\Iv0쮑)QٵpH8/2?Σo>Jvppho~f>%bMM}\//":PTc(v9v!gոQ )UfVG+! 35{=x\2+ki,y$~A1iC6#)vC5^>+gǵ@1Hy٪7u;p psϰu/S <aʸGu'tD1ԝI<pg|6j'p:tպhX{o(7v],*}6a_ wXRk,O]Lܳ~Vo45rp"N5k;m{rZbΦ${#)`(Ŵg,;j%6j.pyYT?}-kBDc3qA`NWQū20/^AZW%NQ MI.X#P#,^Ebc&?XR tAV|Y.1!؅⨉ccww>ivl(JT~ u`ٵDm q)+Ri x/x8cyFO!/*!/&,7<.N,YDŽ&ܑQF1Bz)FPʛ?5d 6`kQձ λc؎%582Y&nD_$Je4>a?! ͨ|ȎWZSsv8 j(I&yj Jb5m?HWp=g}G3#|I,5v珿] H~R3@B[☉9Ox~oMy=J;xUVoj bUsl_35t-(ՃɼRB7U!qc+x4H_Qo֮$[GO<4`&č\GOc[.[*Af%mG/ ňM/r W/Nw~B1U3J?P&Y )`ѓZ1p]^l“W#)lWZilUQu`-m|xĐ,_ƪ|9i:_{*(3Gѧ}UoD+>m_?VPۅ15&}2|/pIOʵ> GZ9cmíتmnz)yߐbD >e}:) r|@R5qVSA10C%E_'^8cR7O;6[eKePGϦX7jb}OTGO^jn*媓7nGMC t,k31Rb (vyܴʭ!iTh8~ZYZp(qsRL ?b}cŨʊGO^!rPJO15MJ[c&~Z`"ѓޔH1C&^|Ш|rʼ,AwĴ?b5)tLU)F| &g٣O]oqSUjy(x<Ϳ3 .FSkoYg2 \_#wj{u'rQ>o;%n|F*O_L"e9umDds?.fuuQbIWz |4\0 sb;OvxOSs; G%T4gFRurj(֍ڑb uԖKDu1MK{1^ q; C=6\8FR艇!%\YÔU| 88m)֓NcLve C6z;o&X x59:q61Z(T7>C?gcļxѐ Z oo-08jہ x,`' ҔOcRlf~`jj".Nv+sM_]Zk g( UOPyεx%pUh2(@il0ݽQXxppx-NS( WO+轾 nFߢ3M<;z)FBZjciu/QoF 7R¥ ZFLF~#ȣߨ^<쩡ݛкvџ))ME>ώx4m#!-m!L;vv#~Y[đKmx9.[,UFS CVkZ +ߟrY٧IZd/ioi$%͝ب_ֶX3ܫhNU ZZgk=]=bbJS[wjU()*I =ώ:}-蹞lUj:1}MWm=̛ _ ¾,8{__m{_PVK^n3esw5ӫh#$-q=A̟> ,^I}P^J$qY~Q[ Xq9{#&T.^GVj__RKpn,b=`żY@^՝;z{paVKkQXj/)y TIc&F;FBG7wg ZZDG!x r_tƢ!}i/V=M/#nB8 XxЫ ^@CR<{䤭YCN)eKOSƟa $&g[i3.C6xrOc8TI;o hH6P&L{@q6[ Gzp^71j(l`J}]e6X☉#͕ ׈$AB1Vjh㭦IRsqFBjwQ_7Xk>y"N=MB0 ,C #o6MRc0|$)ف"1!ixY<B9mx `,tA>)5ػQ?jQ?cn>YZe Tisvh# GMމȇp:ԴVuږ8ɼH]C.5C!UV;F`mbBk LTMvPʍϤj?ԯ/Qr1NB`9s"s TYsz &9S%U԰> {<ؿSMxB|H\3@!U| k']$U+> |HHMLޢ?V9iD!-@x TIî%6Z*9X@HMW#?nN ,oe6?tQwڱ.]-y':mW0#!J82qFjH -`ѓ&M0u Uγmxϵ^-_\])@0Rt.8/?ٰCY]x}=sD3ojަЫNuS%U}ԤwHH>ڗjܷ_3gN q7[q2la*ArǓԖ+p8/RGM ]jacd(JhWko6ڎbj]i5Bj3+3!\j1UZLsLTv8HHmup<>gKMJj0@H%,W΃7R) ">c, xixј^ aܖ>H[i.UIHc U1=yW\=S*GR~)AF=`&2h`DzT󑓶J+?W+}C%P:|0H܆}-<;OC[~o.$~i}~HQ TvXΈr=b}$vizL4:ȰT|4~*!oXQR6Lk+#t/g lԁߖ[Jڶ_N$k*". xsxX7jRVbAAʯKҎU3)zSNN _'s?f)6X!%ssAkʱ>qƷb hg %n ~p1REGMHH=BJiy[<5 ǁJҖgKR*倳e~HUy)Ag,K)`Vw6bRR:qL#\rclK/$sh*$ 6덤 KԖc 3Z9=Ɣ=o>X Ώ"1 )a`SJJ6k(<c e{%kϊP+SL'TcMJWRm ŏ"w)qc ef꒵i?b7b('"2r%~HUS1\<(`1Wx9=8HY9m:X18bgD1u ~|H;K-Uep,, C1 RV.MR5άh,tWO8WC$ XRVsQS]3GJ|12 [vM :k#~tH30Rf-HYݺ-`I9%lIDTm\ S{]9gOڒMNCV\G*2JRŨ;Rҏ^ڽ̱mq1Eu?To3I)y^#jJw^Ńj^vvlB_⋌P4x>0$c>K†Aļ9s_VjTt0l#m>E-,,x,-W)سo&96RE XR.6bXw+)GAEvL)͞K4$p=Ũi_ѱOjb HY/+@θH9޼]Nԥ%n{ &zjT? Ty) s^ULlb,PiTf^<À] 62R^V7)S!nllS6~͝V}-=%* ʻ>G DnK<y&>LPy7'r=Hj 9V`[c"*^8HpcO8bnU`4JȪAƋ#1_\ XϘHPRgik(~G~0DAA_2p|J묭a2\NCr]M_0 ^T%e#vD^%xy-n}-E\3aS%yN!r_{ )sAw ڼp1pEAk~v<:`'ӭ^5 ArXOI驻T (dk)_\ PuA*BY]yB"l\ey hH*tbK)3 IKZ򹞋XjN n *n>k]X_d!ryBH ]*R 0(#'7 %es9??ښFC,ՁQPjARJ\Ρw K#jahgw;2$l*) %Xq5!U᢯6Re] |0[__64ch&_}iL8KEgҎ7 M/\`|.p,~`a=BR?xܐrQ8K XR2M8f ?`sgWS%" Ԉ 7R%$ N}?QL1|-эټwIZ%pvL3Hk>,ImgW7{E xPHx73RA @RS CC !\ȟ5IXR^ZxHл$Q[ŝ40 (>+ _C >BRt<,TrT {O/H+˟Pl6 I B)/VC<6a2~(XwV4gnXR ϱ5ǀHٻ?tw똤Eyxp{#WK qG%5],(0ӈH HZ])ג=K1j&G(FbM@)%I` XRg ʔ KZG(vP,<`[ Kn^ SJRsAʠ5xՅF`0&RbV tx:EaUE/{fi2;.IAwW8/tTxAGOoN?G}l L(n`Zv?pB8K_gI+ܗ #i?ޙ.) p$utc ~DžfՈEo3l/)I-U?aԅ^jxArA ΧX}DmZ@QLےbTXGd.^|xKHR{|ΕW_h] IJ`[G9{).y) 0X YA1]qp?p_k+J*Y@HI>^?gt.06Rn ,` ?);p pSF9ZXLBJPWjgQ|&)7! HjQt<| ؅W5 x W HIzYoVMGP Hjn`+\(dNW)F+IrS[|/a`K|ͻ0Hj{R,Q=\ (F}\WR)AgSG`IsnAR=|8$}G(vC$)s FBJ?]_u XRvύ6z ŨG[36-T9HzpW̞ú Xg큽=7CufzI$)ki^qk-) 0H*N` QZkk]/tnnsI^Gu't=7$ Z;{8^jB% IItRQS7[ϭ3 $_OQJ`7!]W"W,)Iy W AJA;KWG`IY{8k$I$^%9.^(`N|LJ%@$I}ֽp=FB*xN=gI?Q{٥4B)mw $Igc~dZ@G9K X?7)aK%݅K$IZ-`IpC U6$I\0>!9k} Xa IIS0H$I H ?1R.Чj:4~Rw@p$IrA*u}WjWFPJ$I➓/6#! LӾ+ X36x8J |+L;v$Io4301R20M I$-E}@,pS^ޟR[/s¹'0H$IKyfŸfVOπFT*a$I>He~VY/3R/)>d$I>28`Cjw,n@FU*9ttf$I~<;=/4RD~@ X-ѕzἱI$: ԍR a@b X{+Qxuq$IЛzo /~3\8ڒ4BN7$IҀj V]n18H$IYFBj3̵̚ja pp $Is/3R Ӻ-Yj+L;.0ŔI$Av? #!5"aʄj}UKmɽH$IjCYs?h$IDl843.v}m7UiI=&=0Lg0$I4: embe` eQbm0u? $IT!Sƍ'-sv)s#C0:XB2a w I$zbww{."pPzO =Ɔ\[ o($Iaw]`E).Kvi:L*#gР7[$IyGPI=@R 4yR~̮´cg I$I/<tPͽ hDgo 94Z^k盇΄8I56^W$I^0̜N?4*H`237}g+hxoq)SJ@p|` $I%>-hO0eO>\ԣNߌZD6R=K ~n($I$y3D>o4b#px2$yڪtzW~a $I~?x'BwwpH$IZݑnC㧄Pc_9sO gwJ=l1:mKB>Ab<4Lp$Ib o1ZQ@85b̍ S'F,Fe,^I$IjEdù{l4 8Ys_s Z8.x m"+{~?q,Z D!I$ϻ'|XhB)=…']M>5 rgotԎ 獽PH$IjIPhh)n#cÔqA'ug5qwU&rF|1E%I$%]!'3AFD/;Ck_`9 v!ٴtPV;x`'*bQa w I$Ix5 FC3D_~A_#O݆DvV?<qw+I$I{=Z8".#RIYyjǪ=fDl9%M,a8$I$Ywi[7ݍFe$s1ՋBVA?`]#!oz4zjLJo8$I$%@3jAa4(o ;p,,dya=F9ً[LSPH$IJYЉ+3> 5"39aZ<ñh!{TpBGkj}Sp $IlvF.F$I z< '\K*qq.f<2Y!S"-\I$IYwčjF$ w9 \ߪB.1v!Ʊ?+r:^!I$BϹB H"B;L'G[ 4U#5>੐)|#o0aڱ$I>}k&1`U#V?YsV x>{t1[I~D&(I$I/{H0fw"q"y%4 IXyE~M3 8XψL}qE$I[> nD?~sf ]o΁ cT6"?'_Ἣ $I>~.f|'!N?⟩0G KkXZE]ޡ;/&?k OۘH$IRۀwXӨ<7@PnS04aӶp.:@\IWQJ6sS%I$e5ڑv`3:x';wq_vpgHyXZ 3gЂ7{{EuԹn±}$I$8t;b|591nءQ"P6O5i }iR̈́%Q̄p!I䮢]O{H$IRϻ9s֧ a=`- aB\X0"+5"C1Hb?߮3x3&gşggl_hZ^,`5?ߎvĸ%̀M!OZC2#0x LJ0 Gw$I$I}<{Eb+y;iI,`ܚF:5ܛA8-O-|8K7s|#Z8a&><a&/VtbtLʌI$I$I$I$I$I$IRjDD%tEXtdate:create2022-05-31T04:40:26+00:00!Î%tEXtdate:modify2022-05-31T04:40:26+00:00|{2IENDB`Mini Shell

HOME


Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/himsaral-dashboard/
Upload File :
Current File : /home/htlwork.com/www/dev/himsaral-dashboard/add-employee.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Him Saral</title>
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="./images/favicon.png">
    <!-- Daterange picker -->
    <link href="./vendor/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
    <!-- Clockpicker -->
    <link href="./vendor/clockpicker/css/bootstrap-clockpicker.min.css" rel="stylesheet">
    <!-- asColorpicker -->
    <link href="./vendor/jquery-asColorPicker/css/asColorPicker.min.css" rel="stylesheet">
    <!-- Material color picker -->
    <link href="./vendor/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css" rel="stylesheet">
    <!-- Pick date -->
    <link rel="stylesheet" href="./vendor/pickadate/themes/default.css">
    <link rel="stylesheet" href="./vendor/pickadate/themes/default.date.css">
    <!-- Custom Stylesheet -->
    <link href="./css/style.css" rel="stylesheet">

</head>

<body>

    <!--*******************
        Preloader start
    ********************-->
    <div id="preloader">
        <div class="sk-three-bounce">
            <div class="sk-child sk-bounce1"></div>
            <div class="sk-child sk-bounce2"></div>
            <div class="sk-child sk-bounce3"></div>
        </div>
    </div>
    <!--*******************
        Preloader end
    ********************-->


    <!--**********************************
        Main wrapper start
    ***********************************-->
    <div id="main-wrapper">

        <!--**********************************
            Nav header start
        ***********************************-->
        <div class="nav-header">
            <a href="index.html" class="brand-logo">
                <!--img class="logo-abbr" src="./images/logo.png" alt=""-->
                <img class="logo-compact" src="./images/logo-himsaral.png" alt="">
                <img class="brand-title" src="./images/logo-text.png" alt="">
            </a>

            <div class="nav-control">
                <div class="hamburger">
                    <i class="fa fa-angle-double-left" aria-hidden="true"></i>
                </div>
            </div>
        </div>
        <!--**********************************
            Nav header end
        ***********************************-->

        <!--**********************************
            Header start
        ***********************************-->
        <div class="header">
            <div class="header-content">
                <nav class="navbar navbar-expand">
                    <div class="collapse navbar-collapse justify-content-between">
                        <div class="header-left">
						  <div class="session-sec">
						    <form>
							  <label for="Session">Session</label>
							  <select class="form-control" data-val="true" data-val-number="The field Session must be a number." data-val-required="The Session field is required." id="Session" name="Session"><option value="5">2020-2021</option><option value="6">2021-2022</option><option selected="selected" value="7">2022-2023</option></select>
							</form>
						  </div>
			
                            <!--div class="search_bar dropdown">
                                <span class="search_icon p-3 c-pointer" data-toggle="dropdown">
                                    <i class="mdi mdi-magnify"></i>
                                </span>
                                <div class="dropdown-menu p-0 m-0">
                                    <form>
                                        <input class="form-control" type="search" placeholder="Search" aria-label="Search">
                                    </form>
                                </div>
                            </div-->
                        </div>

                        <ul class="navbar-nav header-right">
                            <li class="nav-item">
                                <a class="nav-link" href="#">
                                    <i class="mdi mdi-email-outline"></i>
                                </a>
							  </li>							
							
							<li class="nav-item dropdown notification_dropdown">
                                <a class="nav-link" href="#" role="button" data-toggle="dropdown">
                                    <i class="mdi mdi-bell"></i>
                                    <div class="pulse-css"></div>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <ul class="list-unstyled">
                                        <li class="media dropdown-item">
                                            <span class="success"><i class="ti-user"></i></span>
                                            <div class="media-body">
                                                <a href="#">
                                                    <p><strong>Martin</strong> has added a <strong>customer</strong> Successfully
                                                    </p>
                                                </a>
                                            </div>
                                            <span class="notify-time">3:20 am</span>
                                        </li>
                                        <li class="media dropdown-item">
                                            <span class="primary"><i class="ti-shopping-cart"></i></span>
                                            <div class="media-body">
                                                <a href="#">
                                                    <p><strong>Jennifer</strong> purchased Light Dashboard 2.0.</p>
                                                </a>
                                            </div>
                                            <span class="notify-time">3:20 am</span>
                                        </li>
                                        <li class="media dropdown-item">
                                            <span class="danger"><i class="ti-bookmark"></i></span>
                                            <div class="media-body">
                                                <a href="#">
                                                    <p><strong>Robin</strong> marked a <strong>ticket</strong> as unsolved.
                                                    </p>
                                                </a>
                                            </div>
                                            <span class="notify-time">3:20 am</span>
                                        </li>
                                        <li class="media dropdown-item">
                                            <span class="primary"><i class="ti-heart"></i></span>
                                            <div class="media-body">
                                                <a href="#">
                                                    <p><strong>David</strong> purchased Light Dashboard 1.0.</p>
                                                </a>
                                            </div>
                                            <span class="notify-time">3:20 am</span>
                                        </li>
                                        <li class="media dropdown-item">
                                            <span class="success"><i class="ti-image"></i></span>
                                            <div class="media-body">
                                                <a href="#">
                                                    <p><strong> James.</strong> has added a<strong>customer</strong> Successfully
                                                    </p>
                                                </a>
                                            </div>
                                            <span class="notify-time">3:20 am</span>
                                        </li>
                                    </ul>
                                    <a class="all-notification" href="#">See all notifications <i
                                            class="ti-arrow-right"></i></a>
                                </div>
                            </li>
                            <li class="nav-item dropdown header-profile">
                                <a class="nav-link" href="#" role="button" data-toggle="dropdown">
                                    <i class="mdi mdi-account"></i>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <a href="./app-profile.html" class="dropdown-item">
                                        <i class="icon-user"></i>
                                        <span class="ml-2">Profile </span>
                                    </a>
                                    <a href="./email-inbox.html" class="dropdown-item">
                                        <i class="icon-envelope-open"></i>
                                        <span class="ml-2">Inbox </span>
                                    </a>
                                    <a href="./page-login.html" class="dropdown-item">
                                        <i class="icon-key"></i>
                                        <span class="ml-2">Logout </span>
                                    </a>
                                </div>
                            </li>
							
							<li class="nav-item username-profile">
							  <span class="username">HTL International School Mohali</span>
							  <span class="username-image"><img src="./images/male.jpg" alt=""></span>
							</li>
                        </ul>
                    </div>
                </nav>
            </div>
        </div>
        <!--**********************************
            Header end ti-comment-alt
        ***********************************-->

        <!--**********************************
            Sidebar start
        ***********************************-->
        <div class="quixnav">
            <div class="quixnav-scroll">
                <ul class="metismenu" id="menu">

                    <li><a href="./index.html"><i class="icon icon-single-04"></i><span class="nav-text">Dashboard</span></a></li>
                    
                    <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-layout-25"></i><span class="nav-text">Utility</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-envelope"></i>Sms Activation</a>
							<ul aria-expanded="false">
                              <li><a href="#">Sms Activation</a></li>
                              <li><a href="#">Student Import</a></li>
							</ul>
						  </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-user-plus"></i>User Creation</a>
							<ul aria-expanded="false">
                              <li><a href="./create-user.html">User Master</a></li>
							</ul>
						  </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-cogs"></i>Setting</a>
							<ul aria-expanded="false">
                              <li><a href="#">General Setting</a></li>
                              <li><a href="#">Result Setting</a></li>
							</ul>
						  </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-key"></i>Change Password</a>
							<ul aria-expanded="false">
                              <li><a href="#">Change Password</a></li>
							</ul>
						  </li>
						  
						  <li><a href="./login.html"><i class="fa fa-user"></i>Re-Login</a></li>
                        </ul>
                    </li>

                    <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-users"></i><span class="nav-text">Admission</span></a>
                        <ul aria-expanded="false">
                            <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-files-o"></i> Master</a>
                                <ul aria-expanded="false">
                                    <li><a href="./create-course.html">Course Master</a></li>
                                    <li><a href="#">Class Master</a></li>
                                    <li><a href="./section-list.html">Section Master</a></li>
									<li><a class="has-arrow" href="javascript:void()" aria-expanded="false">Subject Master</a>
									    <ul aria-expanded="false">
										  <li><a href="#">Subjects</a></li>
										  <li><a href="./class-wise-subjects-list.html">Assign Class-wise Subjects</a></li>
										</ul>
									</li>
                                    <li><a class="has-arrow" href="javascript:void()" aria-expanded="false">Student Registration</a>
									    <ul aria-expanded="false">
										  <li><a href="#">Registration Fee</a></li>
										  <li><a href="#">Registration Entry</a></li>
										</ul>
									</li>
                                    <li><a href="./student-admission.html">Student Master</a></li>
                                </ul>
                            </li>
                     
                            <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"> <i class="title fa fa-gavel"></i> Transaction</a>
                                <ul aria-expanded="false">
									<li><a class="has-arrow" href="javascript:void()" aria-expanded="false">Certificates</a>
									    <ul aria-expanded="false">
										  <li><a href="#">Transfer/SLC Cert.</a></li>
										  <li><a href="#">Character Certificate</a></li>
										  <li><a href="#">Birth Certificate</a></li>
										  <li><a href="#">Completion Of Elementry Edu.</a></li>
										</ul>
									</li>
                                    <li><a href="#">Admission Form</a></li>
                                    <li><a href="#">Promote Students</a></li>
                                </ul>
                            </li>
                            <li><a href="./student-search.html"><i class="fa fa-search"></i> Students Search</a></li>

                            <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-dot-circle-o"></i> Reports</a>
                                <ul aria-expanded="false">
									<li><a href="#">Class Wise Strength</a></li>
                                    <li><a href="#">Total Registration</a></li>
                                    <li><a href="#">Student Admitted Through Registration</a></li>
                                    <li><a href="#">List of Confirm Students</a></li>
                                    <li><a href="#">List of Refunded Fee</a></li>
                                    <li><a href="#">List of Total registration Fee</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>

                    <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-id-card"></i><span class="nav-text">Student ID Card</span></a>
                        <ul aria-expanded="false">
                          <li><a href="./print-id-card.html"><i class="fa fa-print" aria-hidden="true"></i> Print ID Card</a></li>
                        </ul>
                    </li>

                    <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-money"></i><span class="nav-text">Fee</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-files-o"></i> Master</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Fee Category</a></li>
                              <li><a href="#">Fee Slot</a></li>
                              <li><a href="#">Fee Amount</a></li>
                              <li><a href="#">Fee Settings</a></li>
                              <li><a href="#">Fee Concession</a></li>
                              <li><a href="#">Fee Amount Individual</a></li>
                              <li><a href="#">Payment Mode</a></li>
                            </ul>
                          </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-gavel"></i> Transaction</a>
                            <ul aria-expanded="false">
                              <li><a href="./fee-collection.html">Fee Collection</a></li>
                            </ul>
                          </li>

                          <li><a href="#"><i class="fa fa-search"></i> Student Search</a></li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-dot-circle-o"></i> Reports</a>
                            <ul aria-expanded="false">
                              <li><a class="has-arrow" href="javascript:void()" aria-expanded="false">Fee Collection</a>
                                <ul aria-expanded="false">
                                  <li><a href="#">Date Wise</a></li>
                                  <li><a href="#">Month Wise</a></li>
                                  <li><a href="#">Receipt Wise</a></li>
                                  <li><a href="#">Deleted Receipts</a></li>
                                </ul>
                              </li>
                              <li><a href="#">Print Receipt</a></li>
                              <li><a href="#">Pending Fee List</a></li>
                              <li><a href="#">Pending Fee Multiple Months</a></li>
                              <li><a href="#">Pending Fee Category Wise</a></li>
                              <li><a href="#">Total Fee Month Wise</a></li>
                              <li><a href="#">Fee Concession Report</a></li>
                              <li><a href="#">Individual Fee Concession Report	</a></li>
                              <li><a href="#">Fee Chart</a></li>
                              <li><a href="#">Fee Amount To Collect</a></li>
                              <li><a href="#">Yearly Fee Report</a></li>
                            </ul>
                          </li>
                        </ul>
                    </li>

                    <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-bus"></i><span class="nav-text">Transport</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-files-o"></i> Master</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Station Master</a></li>
                              <li><a href="#">Route Master</a></li>
                              <li><a href="#">Vechicle Master</a></li>
                              <li><a href="#">Supplier Master</a></li>
                              <li><a href="#">Maintenance Type Master</a></li>
                            </ul>
                          </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-gavel"></i> Transaction</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Vehicle Maintenance Entry</a></li>
                              <li><a href="#">Fuel Consumption Entry</a></li>
                            </ul>
                          </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-dot-circle-o"></i> Reports</a>
                            <ul aria-expanded="false">
                              <li><a href="#">RouteWise Student List</a></li>
                              <li><a href="#">StationWise Student List</a></li>
                              <li><a href="#">Vehicle Maintenance Report</a></li>
                              <li><a href="#">Fuel Consumption Report</a></li>
                            </ul>
                          </li>
                        </ul>
                    </li>

                    <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-graduation-cap"></i><span class="nav-text">Marks Analysis</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-files-o"></i>Master</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Exam Creation</a></li>
                              <li><a href="#">Exam Date Sheet Entry</a></li>
                              <li><a href="#">Exam Date Sheet Entry Customized</a></li>
                              <li><a href="#">Grades Creation</a></li>
                            </ul>
                          </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-gavel"></i>Transaction</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Subject Wise Marks Entry</a></li>
                              <li><a href="#">Subject Wise Marks Entry Customized</a></li>
                            </ul>
                          </li>
 
                          <li><a href="#"><i class="title fa fa-search"></i>Student Search</a></li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-edit"></i>Reports</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Exam Date Sheet</a></li>
                              <li><a href="#">Marks Report</a></li>
                              <li><a href="#">Marks Report Customized</a></li>
                              <li><a href="#">Rank List Preparation</a></li>
                              <li><a href="#">Marks List Consolidated</a></li>
                              <li><a href="#">Compiled Sheet</a></li>
                            </ul>
                          </li>
                        </ul>
                    </li>
					
					<li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-book"></i><span class="nav-text">Home Work</span></a>
                        <ul aria-expanded="false">
                          <li><a href="./assign-home-work.html"><i class="fa fa-edit" aria-hidden="true"></i> Assign Home Work</a></li>
						  <li><a href="#"><i class="fa fa-eye" aria-hidden="true"></i> View Home Work</a></li>
                        </ul>
                    </li>
					
					<li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-hand-paper-o"></i><span class="nav-text">Attendance</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-gavel"></i>Transaction</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Multiple Attendance Entry</a></li>
                              <li><a href="#">Daily Attendance Report</a></li>
                              <li><a href="#">Modify Attendance Register</a></li>
                            </ul>
                          </li>
 
                          <li><a href="#"><i class="title fa fa-search"></i>Student Search</a></li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-edit"></i>Reports</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Full Attendance Report</a></li>
                              <li><a href="#">Attendance Calender</a></li>
                            </ul>
                          </li>
                        </ul>
                    </li>
					
					<li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-envelope-open"></i><span class="nav-text">SMS</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-gavel"></i>Transaction</a>
                            <ul aria-expanded="false">
                              <li><a href="#">SMS Notice</a></li>
                              <li><a href="#">SMS To Absenties</a></li>
                              <li><a href="#">Fee Pending SMS</a></li>
                              <li><a href="#">Bithdays</a></li>
                              <li><a href="#">SMS Report</a></li>
                            </ul>
                          </li>
                        </ul>
                    </li>
					
					<li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-user"></i><span class="nav-text">Employee</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-files-o"></i>Master</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Department Master</a></li>
                              <li><a href="#">Designation Master</a></li>
                              <li><a href="#">Qaulification Master</a></li>
                            </ul>
                          </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-gavel"></i>Transaction</a>
                            <ul aria-expanded="false">
                              <li><a href="./add-employee.html">Employee Master</a></li>
                              <li><a href="#">Assign Subject(s) to Teachers</a></li>
                              <li><a href="#">Experience Certificate</a></li>
                              <li><a href="#">Left Employee Entry</a></li>
                            </ul>
                          </li>
 
                          <li><a href="#"><i class="title fa fa-search"></i>Employee Search</a></li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-edit"></i>Reports</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Employee's Report</a></li>
                            </ul>
                          </li>
                        </ul>
                    </li>
					
					<li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-hand-paper-o"></i><span class="nav-text">Employee Attendance</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-gavel"></i>Transaction</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Attendance Entry</a></li>
                              <li><a href="#">Modify Attendance</a></li>
                            </ul>
                          </li>
 
                          <li><a href="#"><i class="title fa fa-search"></i>Employee Search</a></li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-edit"></i>Reports</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Attendance Report</a></li>
                            </ul>
                          </li>
                        </ul>
                    </li>
					
					<li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-money"></i><span class="nav-text">Payroll</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-files-o"></i>Master</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Salary Description</a></li>
                              <li><a href="#">PF Master</a></li>
                              <li><a href="#">Salary Description</a></li>
                              <li><a href="#">Salary Amount</a></li>
                              <li><a href="#">Salary Amount Individual</a></li>
                            </ul>
                          </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-gavel"></i>Transaction</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Process Attendance For Salary</a></li>
                              <li><a href="#">Advance Salary</a></li>
                              <li><a href="#">Salary Transaction</a></li>
                            </ul>
                          </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-edit"></i>Reports</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Processed Attendance Report</a></li>
                              <li><a href="#">Consolidated Salary Report</a></li>
                            </ul>
                          </li>
                        </ul>
                    </li>
					
					<li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-calculator"></i><span class="nav-text">Account</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-files-o"></i>Master</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Account Master</a></li>
                            </ul>
                          </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-gavel"></i>Transaction</a>
                            <ul aria-expanded="false">
                              <li><a href="#">School Income</a></li>
                              <li><a href="#">School Expenses</a></li>
                              <li><a href="#">Account Details</a></li>
                            </ul>
                          </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-edit"></i>Reports</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Income Report</a></li>
                              <li><a href="#">Expense Report</a></li>
                              <li><a href="#">Cash Book</a></li>
                            </ul>
                          </li>
                        </ul>
                    </li>
					
					<li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-pencil"></i><span class="nav-text">Inventory</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-files-o"></i>Master</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Ledger Entry</a></li>
                              <li><a href="#">Unit Entry</a></li>
                              <li><a href="#">Items Entry</a></li>
                              <li><a href="#">Supplier's Entry</a></li>
                            </ul>
                          </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-gavel"></i>Transaction</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Indent Register Entry</a></li>
                              <li><a href="#">P.O Entry</a></li>
                              <li><a href="#">Approved P.O</a></li>
                              <li><a href="#">GRN Entry</a></li>
                              <li><a href="#">Return Request</a></li>
                              <li><a href="#">Return Invoice</a></li>
                            </ul>
                          </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-edit"></i>Reports</a>
                            <ul aria-expanded="false">
                              <li><a href="#">All P.O's</a></li>
                              <li><a href="#">Indent Status Report</a></li>
                              <li><a href="#">Stock Report</a></li>
                              <li><a href="#">Pending Bills</a></li>
                            </ul>
                          </li>
                        </ul>
                    </li>
					
					<li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-building-o"></i><span class="nav-text">Hostel</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-files-o"></i>Master</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Hostel Detail</a></li>
                              <li><a href="#">Floor Detail</a></li>
                              <li><a href="#">Room Detail</a></li>
                            </ul>
                          </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-gavel"></i>Transaction</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Room Allotment</a></li>
                              <li><a href="#">School Income</a></li>
                            </ul>
                          </li>

                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-edit"></i>Reports</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Hostel Detail Report</a></li>
                              <li><a href="#">Room Allotment Report</a></li>
                              <li><a href="#">Income Report</a></li>
                            </ul>
                          </li>
                        </ul>
                    </li>
					
					<li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-bell"></i><span class="nav-text">Notification</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-gavel"></i>Transaction</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Parent-Teacher Meeting</a></li>
                              <li><a href="#">Notice Board</a></li>
                              <li><a href="#">Time Table</a></li>
                            </ul>
                          </li>
                        </ul>
                    </li>
					
					<li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-envelope"></i><span class="nav-text">Mail Communication</span></a>
                        <ul aria-expanded="false">
                          <li><a href="./email-compose.html">Compose</a></li>
                          <li><a href="./email-inbox.html">Inbox</a></li>
                          <li><a href="./email-read.html">Sent</a></li>
                        </ul>
                    </li>
					
					<li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-calendar"></i><span class="nav-text">Holiday Calender</span></a>
                        <ul aria-expanded="false">
                          <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="fa fa-gavel"></i>Transaction</a>
                            <ul aria-expanded="false">
                              <li><a href="#">Create Holiday</a></li>
                            </ul>
                          </li>
                        </ul>
                    </li>

                    
                </ul>
            </div>


        </div>
        <!--**********************************
            Sidebar end
        ***********************************-->

        <!--**********************************
            Content body start
        ***********************************-->
        <div class="content-body">
            <div class="container-fluid">
                <div class="row page-titles mx-0">
                    <div class="col-sm-6 p-md-0">
                        <div class="welcome-text">
                            <h4>Add Employee</h4>
                        </div>
                    </div>
                    <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
                        <ol class="breadcrumb">
                            <li><a href="./employee-list.html" class="btn bg-blue-soft text-blue"><i class="fa fa-angle-double-left"></i> Back to Admitted Student List</a></li>
                        </ol>
                    </div>
                </div>
                <!-- row -->
				
                <div class="row">
				  <div class="col-xl-12 col-lg-12 col-md-12">
				    <div class="profile-tab">
					  <div class="custom-tab-1">
                        <ul class="nav nav-tabs">
                          <li class="nav-item"><a href="#personal-details" data-toggle="tab" class="nav-link active show">Personal Details</a></li>
						  <li class="nav-item"><a href="#employement-details" data-toggle="tab" class="nav-link">Employement Details</a></li>
						  <li class="nav-item"><a href="#academics-details" data-toggle="tab" class="nav-link">Academics Details</a></li>
						  <li class="nav-item"><a href="#previous-experience" data-toggle="tab" class="nav-link">Previous Experience</a></li>
						</ul>
                        
						<div class="tab-content">
						  <div id="personal-details" class="tab-pane fade active show">
                            <div class="pt-3">
							  <div class="settings-form">
							    <div class="row">
								  <div class="col-xl-4 col-lg-4 col-md-4">
								    <div class="card">
									  <div class="card-header"><h4 class="card-title">Upload Student Photo</h4></div>
									  
									  <div class="card-body text-center account-profile">
									    <img class="img-account-profile rounded-circle mb-2 img-thumbnail" src="./images/male.jpg" alt="">
										<div class="small font-italic text-muted mb-4">JPG or PNG not larger than 100 KB</div>
										<div class="upload-grid">
										  <img src="./images/upload-icon.png" alt="">
										  <input type="file" id="upload" name="myfile" class="btn btn-primary" placeholder="Upload new image">
										  <label for="forDesign">Upload new image</label>
										</div>
									  </div>
									</div><!--/ card -->
								  </div><!--/ col-4 -->
								  
								  <div class="col-xl-8 col-lg-8 col-md-8">
								    <div class="card">
									  <div class="card-body">
									    <div class="basic-form form-own">
										  <form>
										    <div class="form-row">
											  <div class="form-group col-md-6">
											    <label>Employee Name</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-6">
											    <label>Date of Birth</label>
											    <div class="example">
												  <input type="text" class="form-control input-daterange-timepicker" name="daterange" value="10/10/2022 2:00 PM">
												</div>
											  </div>
											  
											  <div class="form-group col-md-6">
											    <label>Gender</label>
											    <div class="form-check settings-form-radio">
											      <input class="form-check-input" type="radio" name="gridRadios" value="option2" checked="">
												  <label class="form-check-label">Male</label>
												  
											      <input class="form-check-input" type="radio" name="gridRadios" value="option2">
												  <label class="form-check-label">Female</label>
											    </div>
											  </div>
											  
											  <div class="form-group col-md-6">
											    <label>Nationality</label>
												<div class="form-check settings-form-radio">
											      <input class="form-check-input" type="radio" name="gridRadios" value="option2" checked="">
												  <label class="form-check-label">Indian</label>
												  
											      <input class="form-check-input" type="radio" name="gridRadios" value="option2">
												  <label class="form-check-label">Non-Indian</label>
											    </div>
											  </div>
											
											  <div class="form-group col-md-6">
											    <label>Caste</label>
											    <select class="form-control" id="caste" name="caste"><option value="">General</option><option>General</option><option>OBC</option><option>SC</option><option>ST</option><option>Other</option></select>
											  </div>
											
											  <div class="form-group col-md-6">
											    <label>Religion</label>
											    <select class="form-control" id="religion" name="religion"><option value="">Hindu</option><option>Hindu</option><option>Muslim</option><option>Sikh</option><option>Christian</option><option>Jain</option><option>Buddh</option></select>
											  </div>
											  
											  <div class="form-group col-md-6">
											    <label>Maritial Status</label>
											    <select class="form-control" id="Maritial_status" name="Maritial_status"><option value="">Un-Married</option><option>Un-Married</option><option>Married</option></select>
											  </div>
											
											  <div class="form-group col-md-6">
											    <label>Mobile No.</label>
											    <input type="number" class="form-control" placeholder="">
											  </div>
											
											  <div class="form-group col-md-6">
											    <label>Email</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											
											  <div class="form-group col-md-6">
											    <label>Father Name/Spouse Name</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											
											  <div class="form-group col-md-6">
											    <label>Mother Name</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-6">
											    <label>Mobile No</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-6">
											    <label>Permanent Address</label>
											    <textarea class="form-control" placeholder=""></textarea>
											  </div>
											  
											  <div class="form-group col-md-6">
											    <label>Temporary Address</label>
											    <textarea class="form-control" placeholder=""></textarea>
											  </div>
											</div><!--/ form-row -->
										  </form>
										</div>
									  </div><!--/ card-body -->
									</div><!--/ card -->
								  </div><!--/ col-8 -->
								</div><!--/ row -->
							  </div><!--/ settings-form -->
                            </div>
                          </div><!--/ tab-pane -->
						  
						  <div id="employement-details" class="tab-pane fade">
						    <div class="pt-3">
							  <div class="settings-form">
							    <div class="row">
								  <div class="col-xl-12 col-lg-12 col-md-12">
								    <div class="card">
									  <div class="card-body">
									    <div class="basic-form form-own">
										  <form>
										    <div class="form-row">											
											  <div class="form-group col-md-4">
											    <label>Employee Code.</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-4">
											    <label>Employee Login Id</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-4">
											    <label>Date of Joining</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											
											  <div class="form-group col-md-4">
											    <label>Department</label>
											    <select class="form-control" id="DeptID" name="DeptID" onchange="FillCity()"><option value="">Select Department</option><option value="26">Teaching</option><option value="27">Non-Teaching</option><option value="31">Computer Depatment</option></select>
											  </div>
											
											  <div class="form-group col-md-4">
											    <label>Designation</label>
											    <select class="form-control" id="DesigId" name="DesigId"><option value="">Select Designation</option></select>
											  </div>
											  
											  <div class="form-group col-md-4">
											    <label>Account No.</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-4">
											    <label>Bank Name</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-4">
											    <label>Branch Name</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-4">
											    <label>PAN No.</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-4">
											    <label>IFSC Code</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-4">
											    <label>Annual Income</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											
											  <div class="form-group col-md-4">
											    <label>Salary Grade</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-4">
											    <label>Salary Grade CBSE</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											
											  <div class="form-group col-md-4">
											    <label>Leaves Permitted</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-4">
											    <label>Aadhar No.</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											</div><!--/ form-row -->
										  </form>
										</div>
									  </div><!--/ card-body -->
									</div><!--/ card -->
								  </div><!--/ col-8 -->
								</div><!--/ row -->
							  </div><!--/ settings-form -->
                            </div>
						  </div><!--/ tab-pane -->
						  
						  <div id="academics-details" class="tab-pane fade">
						    <div class="pt-3">
							  <div class="settings-form">
							    <div class="row">
								  <div class="col-md-12">
								    <div class="card">
									  <div class="card-body">
									    <div class="basic-form form-own">
										  <form>
										    <div class="form-row">
											  <div class="form-group col-md-6">
											    <label>Full/Part Time</label>
											    <select class="form-control" id="Fulltime" name="Fulltime"><option value="">Select Fulltime</option><option>Full-Time</option><option>Part-Time</option></select>
											  </div>
											
											  <div class="form-group col-md-6">
											    <label>Qaulification</label>
											    <select class="form-control" id="Qaulification" name="Qaulification"><option value="">Select Qaulification</option><option value="MA">MA</option><option value=""></option><option value="M.COM">M.COM</option><option value="M.SC">M.SC</option><option value="B.SC">B.SC</option><option value="B.ED">B.ED</option><option value="NTT">NTT</option><option value=""></option><option value="C.P.ED">C.P.ED</option><option value="DGREE IN Librarian">DGREE IN Librarian</option><option value="P.ED">P.ED</option><option value="M.A IN Psychology">M.A IN Psychology</option><option value="Diploma in Art ">Diploma in Art </option><option value="Diploma in Special ">Diploma in Special </option><option value="J.B.T">J.B.T</option><option value=""></option><option value=""></option><option value=""></option><option value="BBA">BBA</option><option value="MBA">MBA</option><option value="BCA">BCA</option><option value="MCA">MCA</option><option value="C TET">C TET</option><option value="B.P.ED">B.P.ED</option><option value="Diploma in Librarian">Diploma in Librarian</option><option value=""></option><option value="M.A">M.A</option></select>
											  </div>
											
											  <div class="form-group col-md-6">
											    <label>University/Board</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											
											  <div class="form-group col-md-6">
											    <label>State</label>
											    <select class="form-control" id="State" name="State"><option value="">Select State</option><option value="Punjab">Punjab</option><option value="H.P">H.P</option><option value="HARYANA">HARYANA</option><option value="J&amp; K">J&amp; K</option><option value="ANDHRA PRADESH">ANDHRA PRADESH</option><option value="ASSAM">ASSAM</option><option value="ARUNACHAL PRADESH">ARUNACHAL PRADESH</option><option value="GUJRAT">GUJRAT</option><option value="BIHAR">BIHAR</option><option value="KARNATAKA">KARNATAKA</option><option value="KERALA">KERALA</option><option value="MADHYA PRADESH">MADHYA PRADESH</option><option value="MAHARASHTRA">MAHARASHTRA</option><option value="MANIPUR">MANIPUR</option><option value="MEGHALAYA">MEGHALAYA</option><option value="MIZORAM">MIZORAM</option><option value="NAGALAND">NAGALAND</option><option value="ORISSA">ORISSA</option><option value="RAJASTHAN">RAJASTHAN</option><option value="SIKKIM">SIKKIM</option><option value="TAMIL NADU">TAMIL NADU</option><option value="TRIPURA">TRIPURA</option><option value="UTTAR PRADESH">UTTAR PRADESH</option><option value="WEST BENGAL">WEST BENGAL</option><option value="DELHI">DELHI</option><option value="GOA">GOA</option><option value="PONDICHERY">PONDICHERY</option><option value="LAKSHDWEEP">LAKSHDWEEP</option><option value="DAMAN &amp; DIU">DAMAN &amp; DIU</option><option value="DADRA &amp; NAGAR">DADRA &amp; NAGAR</option><option value="CHANDIGARH">CHANDIGARH</option><option value="ANDAMAN &amp; NICOBAR">ANDAMAN &amp; NICOBAR</option><option value="UTTARANCHAL">UTTARANCHAL</option><option value="JHARKHAND">JHARKHAND</option><option value="CHATTISGARH">CHATTISGARH</option></select>
											  </div>
											
											  <div class="form-group col-md-6">
											    <label>Passing Year</label>
											    <select class="form-control" id="PassingYear" name="PassingYear"><option value="">Select Year</option><option value="1970">1970</option><option value="1971">1971</option><option value="1972">1972</option><option value="1973">1973</option><option value="1974">1974</option><option value="1975">1975</option><option value="1976">1976</option><option value="1977">1977</option><option value="1978">1978</option><option value="1979">1979</option><option value="1980">1980</option><option value="1981">1981</option><option value="1982">1982</option><option value="1983">1983</option><option value="1984">1984</option><option value="1985">1985</option><option value="1986">1986</option><option value="1987">1987</option><option value="1988">1988</option><option value="1989">1989</option><option value="1990">1990</option><option value="1991">1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option><option value="2001">2001</option><option value="2002">2002</option><option value="2003">2003</option><option value="2004">2004</option><option value="2005">2005</option><option value="2006">2006</option><option value="2007">2007</option><option value="2008">2008</option><option value="2009">2009</option><option value="2010">2010</option><option value="2011">2011</option><option value="2012">2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021</option><option value="2022">2022</option><option value="2023">2023</option><option value="2024">2024</option><option value="2025">2025</option><option value="2026">2026</option><option value="2027">2027</option><option value="2028">2028</option><option value="2029">2029</option><option value="2030">2030</option></select>
											  </div>
											  
											  <div class="form-group col-md-6">
											    <label>Percentage</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											</div><!--/ form-row -->
										  </form>
										</div>
									  </div><!--/ card-body -->
									</div><!--/ card -->
								  </div><!--/ col-8 -->
								</div><!--/ row -->
							  </div><!--/ settings-form -->
                            </div>
						  </div><!--/ tab-pane -->
						  
						  <div id="previous-experience" class="tab-pane fade">
						    <div class="pt-3">
							  <div class="settings-form">
							    <div class="row">
								  <div class="col-md-12">
								    <div class="card">
									  <div class="card-body">
									    <div class="basic-form form-own">
										  <form>
										    <div class="form-row">
											  <div class="form-group col-md-6">
											    <label>Company/Institute Name</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-6">
											    <label>From</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-6">
											    <label>To</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-6">
											    <label>Job Nature</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-6">
											    <label>Designation</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-6">
											    <label>Salary Withdrawn</label>
											    <input type="text" class="form-control" placeholder="">
											  </div>
											  
											  <div class="form-group col-md-12">
											    <label>Leaving Reason</label>
											    <textarea class="form-control" rows="7"></textarea>
											  </div>
											</div><!--/ form-row -->
										  </form>
										</div>
									  </div><!--/ card-body -->
									</div><!--/ card -->
								  </div><!--/ col-8 -->
								</div><!--/ row -->
							  </div><!--/ settings-form -->
                            </div>
						  </div><!--/ tab-pane -->
						  
						  <div class="profile-tab-btn text-right">
						    <input type="submit" class="btn btn-primary" value="Save Details">
						    <input type="submit" class="btn btn-primary" value="Cancel">
						  </div><!--/ tab-content -->
						
						</div><!--/ tab-content -->
					  </div><!--/ custom-tab-1 -->
                    </div><!--/ profile-tab -->
				  </div>
				</div><!--/ row -->
				
            </div>
        </div>
        <!--**********************************
            Content body end
        ***********************************-->


        <!--**********************************
            Footer start
        ***********************************-->
        <div class="footer">
		  <div class="copyright">
		    <div class="row">
			
			  <div class="col-sm-7">
			    <p>Copyright © 2022 <a href="mailto:sandeepkapil.com" target="_top" class="makerCss">H T Logics Pvt. Ltd.</a> All rights reserved.</p>
			  </div>
			  
			  <div class="col-sm-5 text-right">
                <p>Reach Us: <a href="https://www.htlogics.com" target="_blank">www.htlogics.com</a></p>
              </div>
			  
            </div>
          </div>
        </div>
        <!--**********************************
            Footer end
        ***********************************-->

        <!--**********************************
           Support ticket button start
        ***********************************-->

        <!--**********************************
           Support ticket button end
        ***********************************-->

        
    </div>
    <!--**********************************
        Main wrapper end
    ***********************************-->

    <!--**********************************
        Scripts
    ***********************************-->
    <!-- Required vendors -->
    <script src="./vendor/global/global.min.js"></script>
    <script src="./js/quixnav-init.js"></script>
    <script src="./js/custom.min.js"></script>
	
	<!-- -->
	<!-- Daterangepicker -->
    <!-- momment js is must -->
    <script src="./vendor/moment/moment.min.js"></script>
    <script src="./vendor/bootstrap-daterangepicker/daterangepicker.js"></script>
    <!-- clockpicker -->
    <script src="./vendor/clockpicker/js/bootstrap-clockpicker.min.js"></script>
    <!-- asColorPicker -->
    <script src="./vendor/jquery-asColor/jquery-asColor.min.js"></script>
    <script src="./vendor/jquery-asGradient/jquery-asGradient.min.js"></script>
    <script src="./vendor/jquery-asColorPicker/js/jquery-asColorPicker.min.js"></script>
    <!-- Material color picker -->
    <script src="./vendor/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js"></script>
    <!-- pickdate -->
    <script src="./vendor/pickadate/picker.js"></script>
    <script src="./vendor/pickadate/picker.time.js"></script>
    <script src="./vendor/pickadate/picker.date.js"></script>
	
	    <!-- Daterangepicker -->
    <script src="./js/plugins-init/bs-daterange-picker-init.js"></script>
    <!-- Clockpicker init -->
    <script src="./js/plugins-init/clock-picker-init.js"></script>
    <!-- asColorPicker init -->
    <script src="./js/plugins-init/jquery-asColorPicker.init.js"></script>
    <!-- Material color picker init -->
    <script src="./js/plugins-init/material-date-picker-init.js"></script>
    <!-- Pickdate -->
    <script src="./js/plugins-init/pickadate-init.js"></script>
    
</body>

</html>