M\á:l‹°;ZfbJôØè,Mð6œ—èj=aâ¬YH]Œ#Ïþ¿¯[ß]6 ŠR$H[n"ü+”Ê‰ë’¥®ëŽ¸q.´u¡Ô#'ÙÐßÜ.d$ÎzÞ0‹4öè•©Óg¸Š¡BYŽÙî!L‡0d€ä¶¸¾soç-ÌÊè+¡>¥m>%V)Hÿ7&>E´z~¼ãdÞy1ŒL5pƒÖñRßu¶6›9!¨ã‡ænÐ³=RÊ?×¾…;ÂÚµ¡Í J·£ÀÕŽö,c¼ò;->D-Ÿ£ŽWŽ¿{áL}Z‘ßW0Pn«ô>$ž1b$²FÊÙÿÊMÊ,. ÓßZèò²æ´R ø/¼¹ôÛþ¹*´´7W,\e”~|;d¤"{ªÑm¬(ìNœD­ÎsÒ_•9~°è{.eŸ"±ø†6jž•y ¥*èlœ‚:bõlÎÎ´ë)×Š	û1–QE·vÎ™÷ˆ(±™QÊgGDºÓÅ vzˆ¬mz@©ü+¥ë»\c3ëk¤úÙ×Ø9Ï?dçEÜ‚µj\Ý	(—I‡Z€–É#ŽñýÊújb3dA·²‰ÇÀ,„¯,ÓÁZlÇ²áSë¶ -‹AæÔï¯ÌÚËæT2¦ÒQ–Æ°‡1‘`—w	nGùõmÕJÂm)U¹Oç0[|´¹×¥/Š‘Š³¬Ô½ÇgRb¦äl‰?åla?[Û¹ÂwŸ'‡e™¸ÌŽíwÊ¬ÿ[äjÊÁ±1ÞYñ*y5{Î‘}äÞäì‚é8ãÅSÝ{Mb@zö„qà9C'$hïÅˆ(îjû3äôÔr|_Î§!M¡B+B‚Q°¹ Ó\J…äLÅÙ… õ;-G°°IZŸPÑ*1êvòî(@Þ©	èQëÌ´âµ‰æÿÍ¶¾« ëâ®’MTÌÇ/öÓC‘ÎnÓesüžxõì÷mFz;iƒ’yüªIõ“»˜^p.„“v°ÎúF‡…IVP‡—·"·S²!×zÈ,š+#œsbUËÍGž‘@¬B°HkŽÉœâmk¢¸b%«ÆMùI5v¯?Êx+B'ÄO)];²Âèa_¶€B¶Ž¢ÀvÞjO#ù«ºË\æë á[Îã*ñ‡yñt¯¶.*zñ–+˜‡Ð»Äu"Wô¶û…›»ÿ§JhŠÐr!‰QÞPòÖu^&•¨ÅÇ‡
‹cå™‘x@¯p.d|~ÎõÀNÓìÒçÿ ª”Žb‘­o»n5©œj‰p¼glÁ!ºÞö§Áe‡”\œ—•¬dA±õÐÝƒ¬7:¬xèn5ÊœV¹Øó:iQ‘>ÒsÚû.=I.â71vÆåÁg|Neì./²ÈPl:Ä”ÐXž5Óœ&å¶AšžìZhùyEµéOVxŠK:´X”®"a
—E	Šê¦Ào€8˜®%l6ÊüˆÎ%YU÷ƒlÕ9¢³—¥˜”¸Úx~_‘›yZ_‹Ó–K¬.v«¿¶Ì!TP˜9(`ù¹týíuób…Á6]ËÊõÒ™4ã« úÉˆŠT´Ëç$rdË¯DMþ×ÁGÑvÒòƒLµÂÓ%vvr×>ô‰õ%E9Zn9°¹N~ç)Á˜2Ôaþ©µ õÆ
'\k×=fâ}“scÂ·*{úÿxÜ“Ê¬Œ×:¹· D<¬ sšå§±Gv«wJ•8ƒ/[7’­¬Y¶ÊºãM{&Jf7ÈÓÙ®ºK1Ïô•/¦^° Ä”}É¯›9yø™”~F^}T–Vk
5|L¶E9~FÁ<>rZãKþ’Xè­<›Ÿ~@|ƒ×Is„`öÀNòMË“o]¸‹ªi°VÃqÈbÑ½³¡ R ŠÃ°<×5ôq}Ù/;0ü¹Ä¿³þä –ŽÔš¿Óˆr„°5|›ËgãCfØÜ°+!Y¬7pÞ&*­©
TS’E'gLö?9Žx_K9õÝ¨ÝgÇ÷üÊçõ‘0	¾˜‘2o°qêÍl0¨Ö&ï?“˜aÕ{»Ç£ùÚQ+È8èœ¦E#çB°]kYÞLÃ{}„[ü—>\ˆ¾ä}#ÌDJuõ)oÌß%"´`-’ï´€SØ1Ó/¾cêÉ¥f©Þ¼vö³NÒ“ùuxa¼-åÉ‘àë«¾ú°bÖÛÀvyqL¶[¬N—ÒúuÃv)˜n]êËºqØ¿†3¦p™§TN]!ŒÚÓ"„Ñ^¯#~{‰ùöÞy5ËZ`,8GwYçD£¿ÂN æ{Lõâ
uzEC¤”¦´À¨vúæîBœ¬¬`rðÅÑ)ÿsK»©Þt0Î§]æ›S ‚kƒ­p–i²;""</×Ö³dÊÕÝ~,cäÕ^æ)Ÿ$ö`lº€ Ò÷•—Z%‰Â0B{ˆxuï×Ü+âêQ„­WK8¸Z`,8GwYçD£¿ÂN æ{Lõâ
uzEC¤”¦´À¨vúæîBœ¬¬`rðÅÑ)ÿsK»©Þt0Î§]ædÊ¢º_•òYzG¶“m{ŠÑ[0	ÏðF;m:Ä¯Ó?ðÆs÷"N˜*·J½YütÖÚæâi .EÉ8R‡“ÿûÆV:äqµòü/³ƒI÷›%ÜË§•MEJ•/š’óË„›E3þ¾2ót¹¡˜UzŸ%q	XåŠæšLDwzñÒçò~¡Vš~ZÒ/ÊÖ¼˜EÃwrËœÓÿ¼cÏOI™ßqÁýãÇÄëc´0I®†·†Ï”é¡Ðo¤Ê£ Qõ†+¢û™’É¥Úþí¹yí"ÕkÓW¯ãs Þ„èà¶§Æ[\NŽµÒ€!
ÀÑ¹ètmþY~ÜZBª+¨´†à E´‰ç,Ë´>Gâ8t5Su
Ñ@Z—F¥NX“y„ÉùHÈÔËc3L= n%w+ìÅœ$é¡$¬ Å!øç|Íà4oQà£©3S¢•=+e¦€ÄÊ-!I»K%ŒÞ»R æÝ¸Ë>ñ´ÑëQ{[s’Â “rwãDv¢cœ¹v3ýêï$hïÅˆ(îjû3äôÔ¸ª: åk®_IØÀsð\H,‡X*L´£écÄÕBû“°arb)°Ä"˜o¶}†9˜ì=|ÈQø8™EÉ<@£ºL#œ.xé’/iY’(Æ,v9€‹×NŽmW´Râ~S©ÙÍ½\n*|,W>”7q|”©úþvÁ×ª\ÇSd c·IAÑÏVÆ9˜ì=|ÈQø8™EÉ<@£ºL#œ.xé’/iY’(Æ,v9€‹×NŽmW´Râ~S©ÙÍ½\n*|,‚5Ï¹¹—´ZÏ,¢ôZ`,8GwYçD£¿ÂN æ{Lõâ
uzEC¤”¦´À¨vúæîBœ¬¬`rðÅÑ)ÿsK»©Þt0Î§]æ›S ‚kƒ­p–i²;""</×Ö³dÊÕÝ~,cäÕ^æ)Ÿ$ö`lº€ î?€•´÷å]ºÂ!ÒçV!~%24‚;ñf@S®Œ/ZÊ}Jmrärºx‘xF& _³]­&Z§nèxsTRFRÀî‚g»´Ì­wÛB¨	¥Ý8`½¡Ág}|@žsbˆ5OŒ”ÓE5U?˜$ûsü’µø^ó€Î¥?66z?Ã{“ §ÌK“¾'ÌÐ:>–rÇu8Æ½pÊªmœÔËØlth›¥~{ÅUÉWkˆ#G‡×sÏyƒ8F®”Û¿ðˆ·ú÷!+»ËË}õ Øù1*±xT¡ØkX¸âßÜõóQ«35+cLê?òfllƒn+f `n{´ø±XŸ¿16÷vøÝahžøñü†\£Åe®L'Xe÷ÐBÌ	¨…„y¸oÐ ç¥#h…uãQ·hvg' ÊÆålUg†¶´_ÿª2Ï©ÎHi]™ÌIÑüØ)°–|8‡mu—HŒÂ³…8Ë·ÜE–?‘Ü§öæâk2åýøÓJˆÒf"( ˜T]=˜õ"~y½¿½.”j%»	ãEëOª|È{,HŒXšˆ&i;xt{ŠW`=b^¿=I5ÛL×	‹qœröJjÚn—¾u€ø‹ÛM¼¡30q¢kt=Ä¤ÑxÜ–¾ëîÈ´8ìÂÕ"3¶×&Ñ@ð,ožÔèŽ58+ø3Öi¦KR¬ÊñÈ¿XÏ£p)™'š¬Ä®ã0JBZ:hØ¹YAàl
´&¦Ë$MißnyÔeÊc«”G…©ÏCî3ŠÕºåÑ;N y†‡L•Fj¬u{\TaaU*aIßöè‹š8”i_ÎÞ“BVÔT?÷XTŒê¥‚‰b]é½xù§S¸™T#v€0S€‚;cxÐ¥º%),‹WüÕX_Þ‡T´?ýÉÔ*_ÊôjZ^’†ì‰åF§ÑfO`?­Z–)…Ó™a2±TqhÕ”F ¼„ÑK¢WßØqÚ€v‹!Žº¦4Ï¸[»>ˆÂíÈÜ¢`!³}O/Q–…"¶=?×!–P½Å2°2Áøt‡Éfh¢—¾_6eM‹Ê^’†ì‰åF§ÑfO`?­Z–)…Ó™a2±TqhÕ”F ¼„ÑK¢WßØqÚ€v‹!Žº¦4Ï¸[»>ˆÂíÈÜ¢`!³}O/QV¹é®­ÙŒÉ"ž/ËUt²=Š5†ž¸þüzV%M¦y
.TüToÒÝ,8â¢àÂã^’†ì‰åF§ÑfO`?­Z–)…Ó™a2±TqhÕ”F ¼„ÑK¢WßØqÚ€v‹!Žº¦4Ï¸[»>ˆÂíÈÜ¢`!³}O/Quc¦tÖDW9öý Q_³E.ìÍˆF½4³{†ÆÓÿ9È<±e’á¦|üR§xôŽ_ºÞ
À¨Ë¤lË—¾â0O-¡ÁRÂÝUSQƒU pŽdñOÏŒvNOìóú!mBß¦„–’ƒå{ièâ_~«@Se_I±¾›äÒ‡¥T”‚Ï?$ë@°ykf~Ç_×Óþ¼Y^˜ªÔþi®d®”F³O§mà€VðlIâÖºàö”Ýå—$Ò8¢o{<ºàö”Ýå—$Ò8¢o{<®5ß4uëªŒKå8··êÝN–ðd@Ž4x¼>ÇïAé~·ÂëD<Xó*ßÒÊŸ>.Äo½:‰	Ô¿·Í0«—¤óxŠë“–ÛõÆŸúU¾(#ãš&á-É@t#“y’
ú×x„Õ;Výß­ºJ+·l4¯Aë„šM­Ëví~T•Î	<}.c©/üáÃ^Õ¥ø>Yk,A?%…¹Ê/:`ä—rZ4é=PnB-B šóS éjš¹åa)}uCðõ              <img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="d-block ui-w-80">
                <div class="media-body ml-4">
                  <label class="btn btn-outline-primary">
                    Upload new photo
                    <input type="file" class="account-settings-fileinput">
                  </label> &nbsp;
                  <button type="button" class="btn btn-default md-btn-flat">Reset</button>

                  <div class="text-light small mt-1">Allowed JPG, GIF or PNG. Max size of 800K</div>
                </div>
              </div>
              <hr class="border-light m-0">

              <div class="card-body">
                <div class="form-group">
                  <label class="form-label">Username</label>
                  <input type="text" class="form-control mb-1" value="nmaxwell">
                </div>
                <div class="form-group">
                  <label class="form-label">Name</label>
                  <input type="text" class="form-control" value="Nelle Maxwell">
                </div>
                <div class="form-group">
                  <label class="form-label">E-mail</label>
                  <input type="text" class="form-control mb-1" value="nmaxwell@mail.com">
                  <div class="alert alert-warning mt-3">
                    Your email is not confirmed. Please check your inbox.<br>
                    <a href="javascript:void(0)">Resend confirmation</a>
                  </div>
                </div>
                <div class="form-group">
                  <label class="form-label">Company</label>
                  <input type="text" class="form-control" value="Company Ltd.">
                </div>
              </div>

            </div>
            <div class="tab-pane fade" id="account-change-password">
              <div class="card-body pb-2">

                <div class="form-group">
                  <label class="form-label">Current password</label>
                  <input type="password" class="form-control">
                </div>

                <div class="form-group">
                  <label class="form-label">New password</label>
                  <input type="password" class="form-control">
                </div>

                <div class="form-group">
                  <label class="form-label">Repeat new password</label>
                  <input type="password" class="form-control">
                </div>

              </div>
            </div>
            <div class="tab-pane fade" id="account-info">
              <div class="card-body pb-2">

                <div class="form-group">
                  <label class="form-label">Bio</label>
                  <textarea class="form-control" rows="5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nunc arcu, dignissim sit amet sollicitudin iaculis, vehicula id urna. Sed luctus urna nunc. Donec fermentum, magna sit amet rutrum pretium, turpis dolor molestie diam, ut lacinia diam risus eleifend sapien. Curabitur ac nibh nulla. Maecenas nec augue placerat, viverra tellus non, pulvinar risus.</textarea>
                </div>
                <div class="form-group">
                  <label class="form-label">Birthday</label>
                  <input type="text" class="form-control" value="May 3, 1995">
                </div>
                <div class="form-group">
                  <label class="form-label">Country</label>
                  <select class="custom-select">
                    <option>USA</option>
                    <option selected="">Canada</option>
                    <option>UK</option>
                    <option>Germany</option>
                    <option>France</option>
                  </select>
                </div>


              </div>
              <hr class="border-light m-0">
              <div class="card-body pb-2">

                <h6 class="mb-4">Contacts</h6>
                <div class="form-group">
                  <label class="form-label">Phone</label>
                  <input type="text" class="form-control" value="+0 (123) 456 7891">
                </div>
                <div class="form-group">
                  <label class="form-label">Website</label>
                  <input type="text" class="form-control" value="">
                </div>

              </div>
      
            </div>
            <div class="tab-pane fade" id="account-social-links">
              <div class="card-body pb-2">

                <div class="form-group">
                  <label class="form-label">Twitter</label>
                  <input type="text" class="form-control" value="https://twitter.com/user">
                </div>
                <div class="form-group">
                  <label class="form-label">Facebook</label>
                  <input type="text" class="form-control" value="https://www.facebook.com/user">
                </div>
                <div class="form-group">
                  <label class="form-label">Google+</label>
                  <input type="text" class="form-control" value="">
                </div>
                <div class="form-group">
                  <label class="form-label">LinkedIn</label>
                  <input type="text" class="form-control" value="">
                </div>
                <div class="form-group">
                  <label class="form-label">Instagram</label>
                  <input type="text" class="form-control" value="https://www.instagram.com/user">
                </div>

              </div>
            </div>
            <div class="tab-pane fade" id="account-connections">
              <div class="card-body">
                <button type="button" class="btn btn-twitter">Connect to <strong>Twitter</strong></button>
              </div>
              <hr class="border-light m-0">
              <div class="card-body">
                <h5 class="mb-2">
                  <a href="javascript:void(0)" class="float-right text-muted text-tiny"><i class="ion ion-md-close"></i> Remove</a>
                  <i class="ion ion-logo-google text-google"></i>
                  You are connected to Google:
                </h5>
                nmaxwell@mail.com
              </div>
              <hr class="border-light m-0">
              <div class="card-body">
                <button type="button" class="btn btn-facebook">Connect to <strong>Facebook</strong></button>
              </div>
              <hr class="border-light m-0">
              <div class="card-body">
                <button type="button" class="btn btn-instagram">Connect to <strong>Instagram</strong></button>
              </div>
            </div>
            <div class="tab-pane fade" id="account-notifications">
              <div class="card-body pb-2">

                <h6 class="mb-4">Activity</h6>

                <div class="form-group">
                  <label class="switcher">
                    <input type="checkbox" class="switcher-input" checked="">
                    <span class="switcher-indicator">
                      <span class="switcher-yes"></span>
                      <span class="switcher-no"></span>
                    </span>
                    <span class="switcher-label">Email me when someone comments on my article</span>
                  </label>
                </div>
                <div class="form-group">
                  <label class="switcher">
                    <input type="checkbox" class="switcher-input" checked="">
                    <span class="switcher-indicator">
                      <span class="switcher-yes"></span>
                      <span class="switcher-no"></span>
                    </span>
                    <span class="switcher-label">Email me when someone answers on my forum thread</span>
                  </label>
                </div>
                <div class="form-group">
                  <label class="switcher">
                    <input type="checkbox" class="switcher-input">
                    <span class="switcher-indicator">
                      <span class="switcher-yes"></span>
                      <span class="switcher-no"></span>
                    </span>
                    <span class="switcher-label">Email me when someone follows me</span>
                  </label>
                </div>
              </div>
              <hr class="border-light m-0">
              <div class="card-body pb-2">

                <h6 class="mb-4">Application</h6>

                <div class="form-group">
                  <label class="switcher">
                    <input type="checkbox" class="switcher-input" checked="">
                    <span class="switcher-indicator">
                      <span class="switcher-yes"></span>
                      <span class="switcher-no"></span>
                    </span>
                    <span class="switcher-label">News and announcements</span>
                  </label>
                </div>
                <div class="form-group">
                  <label class="switcher">
                    <input type="checkbox" class="switcher-input">
                    <span class="switcher-indicator">
                      <span class="switcher-yes"></span>
                      <span class="switcher-no"></span>
                    </span>
                    <span class="switcher-label">Weekly product updates</span>
                  </label>
                </div>
                <div class="form-group">
                  <label class="switcher">
                    <input type="checkbox" class="switcher-input" checked="">
                    <span class="switcher-indicator">
                      <span class="switcher-yes"></span>
                      <span class="switcher-no"></span>
                    </span>
                    <span class="switcher-label">Weekly blog digest</span>
                  </label>
                </div>

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="text-right mt-3">
      <button type="button" class="btn btn-primary">Save changes</button>&nbsp;
      <button type="button" class="btn btn-default">Cancel</button>
    </div>

  </div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<script type="text/javascript">
	
</script>
</body>
</html>