"User Profile Sidebar"
Bootstrap 3.3.0 Snippet by Rammohan222222

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- User Profile Sidebar by @keenthemes A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme Licensed under MIT --> <div class="container"> <div class="row profile"> <div class="col-md-3"> <div class="profile-sidebar"> <!-- SIDEBAR USERPIC --> <div class="profile-userpic"> <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxMTEhUTEhMWFRUVFRgVGBcXGBcXFxcXFRcWFhUVFRgYHSggGBolHRYVITEhJSkrLi4uGCAzODMsNygtLisBCgoKDg0OGxAQGy0iICUtLS0tLS8vLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLf/AABEIAKgBLAMBIgACEQEDEQH/xAAbAAABBQEBAAAAAAAAAAAAAAADAAIEBQYBB//EAEIQAAIBAgMFBgMFBQcDBQAAAAECAwARBBIhBTFBUWEGEyJxgZEyQqEUI7HB8AdSYpLRFTNDcoLh8VOishYkY4OT/8QAGgEAAgMBAQAAAAAAAAAAAAAAAQIAAwQFBv/EAC8RAAICAQMDAgUDBAMAAAAAAAABAhEDEiExBBNBIoEUUWGRoTKx8ELB4fEFUlP/2gAMAwEAAhEDEQA/AL2DDk7jVhHgyRvFRI4RwOtSo8w3/jWzJll4Zrx4o+UdGAYammJGL61LhxR5E0yfFgjVD9KEM2S6asM8MKtbDT6WpluVD7wHdcUeAX61f3KKHitgo2e9To5K7GFG8ipCRg8aV50FYGcWUVy9660FLubVO4iPExWpldYGkiWplMRwJEK8zTnAtQO8oM0pocsA91HCiog5UGCMHjUtE61JOgpNkeSIcqdGOtHtXSoqvWWaQASxvXGoxhpdwOdMpoVxAmHrStbdR+6FOCUdZNAFKJaiAU12pdVjaRrLQzYUnmobOaKAJpaGZL08qTyp6JRtESACOnd1UgCmPQ1DUAMVMyijsaGalgoZemmumhu9qgROaA8lDmnFQ5MTTxixHJBZZajlqG0pptzViVFTdj7t196JHKeB96qElbgTUmGU8TQljpDQypvyXUUicQVPMUWeNmHhkv0J1qJhJ141YKEPKufN6JHRgtUSNBNl3pf1qfBOp0y/QflXBHGeNjR0Q8DcVTkzRfjf3HjBryBOHv09DTkUjdY1IVOFt9EWK3Cl+JrZkeNDFOnEV3JT+786IKPxC8AcEBRKKEFPArtOs6ZW8YIxjnQXiBo7HpTCxq5ZSt4gSxkbqMkx4ihljTkUcb0dd8g0UHVqkKaiqyg8aKCOtI2GghNNZPSuG3M0whaikHSEIFcLAUNugAptjTWChzS0F9eNPtSoqVAcQDITXBGakZrVxpKbWLoBDSnZxXM3SmGpqDpHNLQy9IrTTU1ImlnGkoTy0Rheo8yiipIDixkktQppjRXWgOtWporaZGamlakZaWWn7gnbI4SiLEaKI6kJDpuqqeUsjiM5kNHRGG8aU5YDwoqQmmlnQI4GPiUGpkRI46VFWE0ZVNZsmRPyascGiakvP61LgxBG4gVXxE0co3ACsmSUeGaowZbpiAd9SFlFUSSMPlqRHJ0NYcmNVyN27LfvKetjVYstETEHnWWUdvSxXifgsCgpjx0JMR1oneUIZZx8lVSQFoiN1DMpHWpJagNGDXRxdQ2vUNVgftJ5V3vL76eMIDxoi4HrV/xGNciOIoiOFSAvWhJhbUXLaq31MXwyUjhBHGmPJak8g51AxGNUcauxtyI1S3DPKfL2pv2i29qqJcdfdTVZjrWxY9tzM5/Is3mPChGdudRlU0WJCKmyJTYfO3KiqedD700w4ik1WOo0HaSud9UYyXpB+lS0GmH740NpfOuZb8KcI6VzigqLYIymmm9SRBT1w5pXmihu0yC0dDMBNW32cca6VUUnxHyD2kVS4SiJh6mtIooD4gVO7Jh0JDVw1EEQHKo74mgtieopGpvyN6UVMUvWpcUoqlV6KslXzxWJDLRd3FESSqVJzzqVFiOtZMmF0aoZEy3Djl9KejA7qiRSjmPejLMOYrmZNUeLNVEhVogiPOo64miriKw5Z5l4EakSFhakIyN9DWbrXe+HGsbzZb3K6kTYsnEU+RF4XqEjpe9rHmKKDmICm5/Ac6rjrlNKLZTKLTsY0bE+GvINg9o54NsTjEYjJE0riQPcoFBOTKPlI0AIr2jELlFraX9/P+leYdvuzOGxEpxIcqHAu6WazciNxB38La16Tpskca0z3M+XXkScfBsZO12GBASZJidwiuzeq8PW1NHapz8OGltzYFfpXjsPYiYm6SJIvNWUN/KzAg1vuz2AxWHhkM8ue3hXvJEYKvEkk7tep/Cmy9r+nf6biw1v9exom7WtYt3dlBsWZlt52BJt1tQ07VhtbFhvugLA/Ssz9jYWLuqBT4SArSE7vulcZY72tYIL89KrcO2MxDFMPhZO6BuZMS8jEjfdvEAt+Sg76rxtJ2or7lnH+jbvt+CRc3eBbaG+hHne1qHGQ+qtmHMEH8KyE/dLIM20IDKDZUAXIpbTLoc1tedR9m4qYyMrSqJI2ta5W4BtfQG4sRaw4661th1jxrjb3/utxXDXz/PyeiYbZ9zuuTwrFdve0UuGxEUULIApDPlIcsb6o1twsfr0FR9rPLiFVGxbRANlbcYja1j3kVhv0yvlPIGoD9gGjcSNOjxjUZQbsdbAg7he2tX/ABcGtTl7FE4yvTFUeoR4i6ghd4B966mIa+qkU7ZUJESA78o/CpwiHOs/xkEtzb2/qRwpNd+zGpQIFd7wVU+t+QdBHGHp4hove1wydarfVSYdP0GCGniOm56FJIeFL3pS8jKLJFqaWFVzyOOdDMz8voatSfzG0k2acDjVfNiuQJrjO3EUxmblWiDSEcGBec8qC8jUVy3ShshrTGSKXBkdmNCJqQ9hvNqC0sf7wq5SvwUyjXkqVkookpiuOdPzDpVjd+AKFeQitRAaFGy8acWHAD3/ANqR7li28kmNqOkhqMFNtBr6n8qk4ZWPxACsuVxSs144vgKuJPECjLihypjC24XoYlPGM+1ZGoS8fk0bx5f4Ji4paf3oO41Xu4I0jYHyoaI37p9jVfwMJb7r3A81fUuFY1aSYlcLDnbV3NlUbyeQ6DU3oWxNjtdS+8m9uQGpJ+g9aptpY4YnHyRC/dxoYFsLWOYZzfjdkIuOCiqMfTKLcrtIxdT1Cm1CPuMx0+IxKGSQmLDpf7tdGkIOmZzY257qgR7TBhEcGDlkBuDlCKoPmSB0qN2/nMmJjwSk5bAsBuPEsbchf1IrX7FwyqqIgCoiiwG4f1pJtara9gR2jsYPtH2OeBO9V1jV1XMNLqfiykk6gG4031RYaSbFYhIlLLGpzNY/KN5Y/vGwr0jtXIJImsSO7BNxbRrix/W+sL2DjDJjIgTmzm8mY38Q0I5W19qvlvFuK4K4unTKnae0hg9poCV7sWzMbuwDbz/CdLacK9sw0+Elg7mV4xHOpNjIELqbXsbgkbt1eE9jIpMQJhMe9iUZAZLM2Y3sQx10GvrVh2Z2izYd4sTg4cUIYQ0YY2l7tTY93cG9hZiF1AG7Wr8cEsleVsynI24X4Z6JtHZGGnSMYEwYfCiRoS0eGjkmklDlGClxZUBB8Wt/a+X/AGhdm4YmZIwMyCNyclmYO2UEFLDeN9raVF2X2j7gxoEjijaVTGUcmNS8bAEZwP3hrzHIVM7RYqdsY8ktgcqr4d+UaoAbbtW3/vNzqzPJJahcEW5UUWysZC7ZJIu5ZbqZRbMSBYh7EEjTd61pdr4Bou5ljvkmIR0Ul1zG2R10GUEHjax51XY7CfEwuCRcWGum/Md2oFrXpYnbcckOFw88nc2y53ZSwCNm7oPyuATqeCnhWbEo5LRoytwqR6EmIsoBOoABppxZrLYfalgq95mBuFbWxtvAY7/xsamGdue/9aVdi6SD8o1d+NbIuzizTTjetUuc8W+lES3Fj9a0Po4Ln9gLM3wv2LX7Z50jihyJqEjLzonfKPmHvWacIx4i/wAmqKtbtEj7Z/CfrQ22gw+T60AzJzHvS+1rzFJpX/m39yOK/wCyX2Df2i/JR6k1HbFTN81vIC311rpxScSKb9ujHH8aeCr9OL8X+4ksUfM/yD7mU/O/v/U1DlwMpO4nzI/rU1tqJz+hqPLtQVtxS6i9oV7GbLj6et5/kjrhZx8v1X+tOWOXiAPMg/gaFJjr0BsR1rYo5Hyl9v8AJibxR4bfv/glPhzxYe1AbDfxUAzUwy1YozXkqlLG/H5OHLwv6j/elemgV2lURtY5Xp3engSPU0OlRpE1slJi3HH866+IY7zeot6QNL24p3Q/em1TbJIntRV2gw41BJrlCWKEv1JMizTXDLD+0X51peySF7u1zbde/HS/0PtWa2Lst8RJlXQDVm5D+teibMwQhVlUWChLdQLkk+paud1rxxXbglZZHLN7tlzgEG/ed3tv/XSvIeyTCPbDxm/jjkuDe4kSZhJoeZ8XrXrOHns7ryYH0ZQb++b2ry79pmFOEx0WMXdnEynU6iy4mOw4FArgcw3WqoRThpMttSsg9msFJJNisZLf+8eFQTr4HIbX8BW22apVJA1xbT3/AHfSomBlj1RT93MTPG1tG7w5mAPAgk6cmFE7V7SEcYyg6qFzdQN+pF9OF6ydTjS3+xqwzbdGe2tMFw84RgWCHfqBctkPLSzH09SP9lWwz9laR9O9LsTxawZFGvPU+3Ohyxk4LEIV8UpHVlDZRa/RRr1NWGB7UiDZ0fdQkSK4w0cfDvRoM5G5fqa1YI+ikVZX6yr/AGbbLQYKG+95JM/Q3aO27eLCsi+CfDSS4ckq+HmvGwbK2RrtGw4k7xpWnwHY7aWGYvh8WoaRyzoY7xhzdmIuTprbQVZYbBzyzsNoTCPFNGBHFCR3c0fi8YVlLBwQQTwHK9WSxp21yLGdVfBhcbAkkIBhRZs2fvVAGYG4ZXUDKb33gbxVtsyLLGqyMWsNBcnQWtc8gNKlYvBEsVUArGbFt92IzEgjTKAVHqabiCVUZdToNeAtvH0qjJO1pZfCKXqRFx2LEhyWIA4g33cwPWgTYjuEDqc7nMigqMqjJlVi1szFQzWW3Aa76kpIoXUXPl/X0pkrRkDS436m+vH86kbg7RJVNblh2SijGHkR/vIlyX3kjwi7jje99RrpV0+BdUDxPdPkmUhhbgJ0+GReGffz51D2An3kzKRZ0iYg3AJZCcwHyg3GnXpUrYLNh5WlQ5sMXyYhDbvMO77pGUaZb28S2BBuRpeklB62kRTqNslbMxCS4UzuuUpm7zu93gNjYA361PTZt0EkcjFHUMpFrEEX+YetU21sPledY4gjBhG4jFlnjxBBhIF7ByQyXHM1t+zWyngw0WE0eSKMd4+vdozXIQcWtfQaaAXtcXbszbeh0RdTpSsx2zo5JJ5oibrGFOcC3ibXIwPzW10qNi5SHlRTnMNi+gAF+F76kca27xCBGhwiGaZb5juQSSeIvO50B1vlFzYjTdVCOzTRQmLVmlbPNLY+Msbvl5chypnky4XdjRzdzayjmVx8S+u8e4qMZq1HfRrfVQqDKdRoBa16p5sKZ2LpGI4gPjY5c38QHK1a8H/Jq6yRr6oryYZPeMitMlMMlOkwzAKwBKsCwNiNAbXty3e4qOTXXxZMeRXB2YJ64upDy9NL0Mmm3q2kV6gmeuF6GWppapQLCF6aWoddvUoFkylSpVlNoqVKlUIKlSpVCCq+2B2cM9ndssfT4m/oKrdk4IzSrGOJ16KNSa9MweFFgNyjT24Cuf13VPElGHLLIRvdhdhbFjhzd2xytY5SAbECxs1rm+m8npUueO0oHyyIVJ5Eaj6FvajwlFF9w5ms52020qQ542u0RWUcNFNz7i4t1rNjgprVLkqlJ3sTjLlyknxK3cP57439dP56r+32xTjMGyJbvYyJI/8AMoN1PRhmU+dUmJ7RRPPFMrfdYtBCwGuSZSWgfpvYei1pcLjsyhjox0YciPy/KrlChNR5T+z/AGoWjbCnRoiXhzDULcgxnkVN1Ivxr07a2CWaBVZbsV0NtF4lzy4da80/aBhVwmKTHQiwL/ej5Sx0zDTS4Fj6V6Vsba6zwqwDLcDRlKk303HqarzQuJZCVMxeEmvDKEW5iMgXmzKAozdby36elZz9l2PJafDTgMjXfUa511LA7w1tx4VrY7YZmKEPI7Hu0JKr954bnzIzHpflWD2lgJYMTN3ZJBcZmU5T4rOrjlbT3FCDpUNJXuep7IxmeUMJs8RGVVZQCri/xHfm4EVHh7MRF8+KnkknfvI3lVjF4H/wLDctiNRrfW9ZjsXt2R8QIpkySABr6ZnCnVmFrcRr131oO2+LkWZBG7ZXW4ULmOb5vG33a6D4STfU20N7IiSIvarDDDqscSL3SKbG6qGbMAFXMQCTf4ieBrNzxM7KjhkUhgGsrJmKEJYppbNz61Ln2k8xMU0sgGihUKmxNyqyxvYHhpYNZToACaeuxiCtpXAAUaRwoq/KLFZB+6RvvaTQ1RLC3K0XRy1GmefvtieFzDNhyzLobMwJyjV1y6EW11uB0q+ixS5lQRmZmZVRLZfEbZgWA0UXua0XajGxGDLiGBAUWZrK2bUeDKx14b6uf2f7MWKBTHZpGUuZGBkJLAXAI+Eb9AD1rToTZWsjUXZU7EdhJiUJuUZIwRqAIgF0HLrVh2pwkkKjHQEhkXJOAARJCdCWU3DFb38r05dnkSSs2rixBW4vlUZlsdRx376sMRtWKSELmBzR3ZG0urXH5EVmUfXqHlL00UeyO1KMIy62kgkjEg4WUv3bqP3fvgddwHSt7sHFM0OGjU2edWxEz8VDEM+XqWcKOQB5CvBYsUI8UVb5EMbA/C6I1kDdCjhb1vuzG02wsqXctFICkRO9RJZgh8in/ca2qjLJG32htOV3fCbNyJ3RtNNlziJm8WRE3PKb3JbQX11qBjtlpEobGSFy1tcTimUsRwWGEZB5C9ZvsH2qXDRRwsPvZJ8TJiGOhzK7MxPMkZbdKB2EwQ2vip8djGLRZ8scZJAKrqqm3ygW0G8k3oSimFOi9fFQN4Yu5y3vaHK5vzKNlN/Q1WtHNLLaRZu5B3ZAtwOJFWmK/aDEZfsezMGuKK3Wy2SLTQ5bLbKP3jYVZWxhT7zCCDS4MUgnUH91ksCP9PvWHN0zXqia8XUeGVW3mIjR1UrlOXUaqGFh9bVB2lFEwYPZZEsCRu8Xwnop+lN2pjcYLr3QkVhb4NNd4N3uPUV3CYWNkfQgyLkcE3KkX011069Kzxcsbu6f0NDqSoz2IhKsRyNj040AtU92LQuW+KA5W45lXeD5eK3lUOdMp6EAjyNd/o+seV6J8/uc7qMGhao8A71yka4K6JkFSrtNNQhPvSpUqyG4VKlSqEFSpU+GJnYKouzEADmTuqENj2CwAs05OpvGByGhPqdK0j4ggnjy5CouFgXDYdEOpUa24sdSfeoePxjZLoulrkg7vevL9Zm7mVtM14obDcTJI8ihmFr3AuLnXdvtVR+0vDL9kklUZTkKsOY5+d9/nU58L3i95qStiNdefluIPpWe2ntcOrYdluBdWU8Uca6etxVvTOSfImWKo8x2c00sZghV3bQqFFyCpup6a8TpXtWxFn7lDibJJkGZQQxBtrcjS9eb9k9uLCTGAFF+Atf8/wAK1WI2yAp8R15gsSf8o3+ZtXTWxlcbL2XFKNUXNxzEXGnG50qBBtn70WN+JIufb9cKyWN20SSCL9Wa/wBFsB5G9QMTtpioW9hyAsPYWB86WUvAyRebexUbY5cQCCUF8m9RZbW05kcedQcY7yzd5GyEsoUkNpYIwuw5Wc7t5AtwrPTYoHebdf8Aam7Nwkk8qYbDgiSdwl+S3uSbblAux6KOVI4h4NRg9nyzsFjUMEyqzE5Y1A0zzEfGQL2AvyF/FW9xDwphsmcTHi5sMx6DgN/63HxGxI8Nh0w0Wbu4x4ifid/mZjxJ9hu4WrPY5gbKoy5Ta3QD/ndWLJ1EtWlF+PFFq2Y/+ze8bMSDvUDQJGugKxqNADuuLG+puBetFsjsg6K0gluWU6qp3Zr2AFxp6nfVHj48pAVSQVubc7nfbh/SrPZ+3ZsMFQi6nhrp8w1+lX4+ovaQk8Fboit2ILyM0pLsdAW8Wptfy1B05VoMNsyTARqise7kCuBexTKRmQcbXO8WtU7ZmJkkAfuyBe/mdRu9f1amfbXlxGaQ3AuqrwAuOHPfT5OojCP1EhhlJ/Q5tfG91hXxK3v3YItYke++1zXmmK2wx+zvcXZJEOlh4mzCw4DpWn25jrbNZM2uV19mavOHl8MA5U8UkI2TcQwkkhc/4itG49CKudm7TCI+DkclVGaJuIBN7X6Gsxhj44RwDufarDGNeVZBpYkHnT3WwKs7tLaBY98Ld4BaS2gawyZvUaeg5VpOzfaMYbY0ixtZwrjqGdiB/wCV6xu0hcllPmOftVbFiSgZPlfeOvAjrUTI0e2dgJI8Fg1USLASmeaaylyW1UXbQADQCxpo7V4LOXM+0ZQf8QzKgP8AlQMuUHyFYLBbRGIbDJIborZpF4MVGgtyOprfbE7Y4iafuMNBDYEhmcG0aqxUM5G9iQbKPemTtUwNU7LB9vYbEgokjykj+7f7ue3/AMTqbORb4Sb9apnhMMiyIxeKSwJJZrjgfFcqy66dD5Vu22HPIC0rwSX1yiBgPRjISPMVnu0OxGSKTLfVHOTeM4FwwJ1vcDzIHGseWFOjTinsZqFrStEx/vhJGT/GlyPdXvXXgP2aNm+JPAfQ5CPcChAXxqqflImY8ABEUJPrarXERhsNYHK00zd2NxI+O9v9BNLicoTjNeKf89h8lOLiZ+9ImrKTY7CNSDdrDMOvMVW2r0WHPDKvS/Y5c8cocnL0q7SvV4hQHtqP+mPc01e2lz/dj61kVnt8qfy1Kw+0GBuLewrj9yXzNlmwTtWttUN/WpWF7TQtoVsejX/LSs1g9sS7+8a51Ov05W6VMl2jMxHxnyF73pHmkMkaLEdoMOpACub79bAepXWtJ2FnjnxSGMN92Gc31sALDULbeRxrK7H7J7RxBBWIRpp45gkYtztYsePCvU+xnZMYZixlMkhjKGyhYwpZGYDiT4Rr03ChLJNxaDtZdYs3TxDXXT8NRVY+IXuUsN46aa2PrVsgBjOW9/Ffh8zaVkdvYtguGCaKSAw/hGUelr3rldh2aFlVEzbeISGAMq3BW9wNRcE623f815JtHa8iyCVvivltzB1UH6j1rabT2qGwbxobtGSlr3IQHw3vv8P4GvK9vbR7yyW+E6nyFq1wxU7RU52mmLNaU5eLXHrrVz9oYLvOu9tSfK++oGxEUkFtd1bbCBLAZB6/jatDKk6Mipve53cOFQnxVzlUEkcP9hXp2HwcP/Rjud5ygfQA6VPjlVN2RR0FvoN/0qKIdR5TDsvFSfBh5T/oYA+rACvU/wBkHZqTDvLiMRHlkK5IwSrFQfiYlSbXsBz31IXG30Ww4XNz9P61p+yjZ2Y5vCq3N+ZuB6WB30Wq4A3sB27inawVDYsASbAWJsSb8uNZvb8WRh+r9fxPpWl2vtRZPAmua9j/AAKPE3lqBfmwrOYhjIwUroHAJJ3KAW58bAVyp46e73NuOdorMOochmG61T0wcRZWc3RfESTuABJN+mvtQseoUHKNWYKo4akany3+lVvbzHfZcCVX45fuAeQZSZG88oI8yKmOGqSDklSMbtrtjPiZm7tmjhF0jVGZfBc2LWO87z7VM2FnjFviZ/FmJJYZSdLnXmax+ANmBrV4HGrcBvIctbb/ANca6yaMI3tViisRTgbnyJOo+v4Vk2ksyfwrWw7Y4Zmw2bfkZTcDgTkIv/Kaw5a7fT040GqIS8HJ41/hj+rH+lTp5xb0qrwslrtz/LdToCZCTw3UrVsKCSTetTNnbDMpQvIsKSMQrPc3tvOVRoL8WIFDwXd5srC4Gp1tuF7D6e9WO2dpYcgFEOawAGYgC27cbWqb8IO3k2GH/ZzBAqyHGEm91FkCk24Hju51O7JbNxMEzyRxo8cxBzNmQi19MlsxFybEX9KynZlzh1+1yOXzWEafKoJILkG9xpYX6nlWs7PduIpdJ3Ics+thZVzHuxpp8NvWler+kmy/UemYPaNrBntbQqFtrpxJ/KoO3sE2IZcmKMKD41VFzt0D8AfI1ge0XaOTBYlTlV4JCHLAneQAcrX3dDUjbHbRCsE8JupOV1sRfNbS/PfpVclla3DHQt0Wu29lRwIzASSZwEYAB3ddwQGwsLm5/EVF2JgZJZHkZQ0iRkJCpFoVO4E7i7fl72TbYj0V3AJFxf8AOg7L7QJh51CyI8Uz2ZQqhlZrBXDL8Q3XBv56ajFb2Y035RlcTtd4ZCsqNGb7mH6vWaG1+/x9lYKjkA33GwtevWu1mFhmJhmF1cXVh8Sk7iprwjE4M4bEyRsQTE5W4423HpcWq2Fwba2Yrakb7FYB06jfcai3XlUaqnZfasx3J1AHE7+dUL9ppiSRlAJJAsNL8BXQw9Y2vWjPkwpP0lEI+WtS9nYJ5WCRxu7H5VH4ngOpq+2PsCK4MrFxyXwjyJGp9xW62dtGHDqFijROgH/kTrfqTWTctpETs1+zYOA+KkZNxyRkE/6nIsPIA+dehYDY2Ew9u7RQ379yz+jG59qzMO22deZ4gaa3+lNTau/xXNtQNd2653CoQ2cm0UAOS1xx3/W+lQ5NuCKxBu2U+I7tRy3W8qyc+0CE0PiPztYAXPA7r+WtVUrXGdmvcnU34Hm1qAaNX2e7YouFkjkdRiA0llJsWuzMgUceO6sn/wCoVeJo89pYnfJfTOjNnt1OpFUm28PHJrc5hx/D/kCs3Pgze9y3U3/Oke7Io0SNo7XbOchIa+pG433gjiKqnYsxY7zRxh6LHDwqJpBabJ+xGt51p8PiSOXlpWZwcNjVtBOF4/rrQ1E0l4MS+4nfwH/NFjnA+ZR66+1UL4q3Xz3XoiYwWy7/ACH40HKyaS+TGjdf9e1vrVhhtoouHxAllyhlUZRbxWJO4b+F+GtZV8RdeXmfy50N8YqC97tbdw59TSp7h0I9H2PGYcOMRiBZpAAEvbJHY92oHMtqeZPIAVF79S5djZI2YD+JyMrE9AGt5uf3aze3O2YmgwwN88a3c2+cXVT1019aZDtpFjRGsR3Sf6ml8UjAnjct6/USivBItrk0pb/3AIuQI8wA4l2t9FT61jv2vYi32eAcmnbzbwKPo59aNsztQIp5WbxKEW3Pw6Wv7+4rH7ex74iZpZN7aKOSj4V9BRjBRaaGbb2KvDrarmKQWtb2quij3edWGGw8rN4I2Yk2FgbepOg9TRciaS2faAkw8qEgHumGp/hNtP1vrBBGsfCdeletbK7MRqgMq53ItqSVAOttLC+7Xp7lxHZeM7oQv+v/AHq3WI4nj92tuPsaPDPlW1ejT9mSLZQlhvDMdfUHSomK2OV/wgf8r7/5jUsGmjCYWfRhcXYG59QfyoEpPE6VsptnixzQvr+7lP11/CqV9lyKxyQEi+ma1/a9BS3JWweHameGOO9gid2evEH8vWqtpyPh0tcegPH9caLioZfmQrfhpQBg3PC3maKIyadrSMuRnZl/dv8Ahyp8GOGVVe9lYPZbWuL6XN7b+XKg4fZh/wCqgP8AqJ+gqwwWxYmPjxAHOwF/+5gfpRAWCbSikN5RKbCwvILetlUj3qYm0cKGUrG11sR94zXKkFdbi2o41F/s7Ara2IdzyKnL5eEX+tSfteAQWEQJ52d7/wD6kge1EJbSdsc2UvGGKCyjNwvcXAOpFVCy4aeRmmgUszFmKDEFjfymsOFNg29CreCBCeA7pb+gVdatYtt499FVYl5sqoOmhufpQ5JwRxszZ5a0iMEJ8AVJ0kA0tc52Dedr1Yw9j9nEX7uT+aU/hXYJMW2smMC9FLEewC/jTzh5TqcdJr5D6F6lEswWGxpG7T9e9So8UW3km3Pd7cfWu0qLITYcZofEf8o5bvL01qYm1MosNPx8hfpy+lKlUIcl20195/E+RJubVExG0Gbdp+P8x1+tKlVchlsQ2ksddfrTJJr3Hl/vodaVKlCRXtwrhH6NKlUCO707gaSSnzt0/OlSopCibaHM8eJFPXayhgdDbnXaVPpTF1An2mDxt5DWhNtFeRNdpVNCJrZHfaLHcAPrTftTHjSpUdKRLZzMx4/WnZnU31PrelSoNERKixErarEx9rUPE4vEkglXGXcADYc91dpVXpit6LNTe1hcJt6dLg5z0LOtWC9tZNAY7jcbO9yOGvSuUqsSEZw9rWJ+BuliRcddN9OXbcr7opD72/ClSogJeEkxLb4yB0Kkjzu2lSMVs6dh4SwHW1h56i5pUqgLK3E9mZm1M8YG/wAWYfUAioh7KzHdJA3/ANtve6ilSo1sSyTH2RxHAxEWvpIp/Kn/APp91+OSNB/nJ9gKVKpQNQJsNELZp2YcQgANv8xb8qf9uwyfDECebsT/ANvw39KVKhY9HX7R2FkUJ0Xd9AKjtjMRJawc8jaw9zSpUU2yUPjwGJY6ppzZhYeZvoKlSbMlG+aIabg5sPYWpUqlAbP/2Q==" class="img-responsive" alt=""> </div> <!-- END SIDEBAR USERPIC --> <!-- SIDEBAR USER TITLE --> <div class="profile-usertitle"> <div class="profile-usertitle-name"> Marcus Doe </div> <div class="profile-usertitle-job"> Developer </div> </div> <!-- END SIDEBAR USER TITLE --> <!-- SIDEBAR BUTTONS --> <div class="profile-userbuttons"> <button type="button" class="btn btn-success btn-sm">Follow</button> <button type="button" class="btn btn-danger btn-sm">Message</button> </div> <!-- END SIDEBAR BUTTONS --> <!-- SIDEBAR MENU --> <div class="profile-usermenu"> <ul class="nav"> <li class="active"> <a href="#"> <i class="glyphicon glyphicon-home"></i> Overview </a> </li> <li> <a href="#"> <i class="glyphicon glyphicon-user"></i> Account Settings </a> </li> <li> <a href="#" target="_blank"> <i class="glyphicon glyphicon-ok"></i> Tasks </a> </li> <li> <a href="#"> <i class="glyphicon glyphicon-flag"></i> Help </a> </li> </ul> </div> <!-- END MENU --> </div> </div> <div class="col-md-9"> <div class="profile-content"> Some user related content goes here... </div> </div> </div> </div> <center> <strong>Powered by <a href="http://j.mp/metronictheme" target="_blank">KeenThemes</a></strong> </center> <br> <br>
/*** User Profile Sidebar by @keenthemes A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme Licensed under MIT ***/ body { background: #F1F3FA; } /* Profile container */ .profile { margin: 20px 0; } /* Profile sidebar */ .profile-sidebar { padding: 20px 0 10px 0; background: #fff; } .profile-userpic img { float: none; margin: 0 auto; width: 50%; height: 50%; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .profile-usertitle { text-align: center; margin-top: 20px; } .profile-usertitle-name { color: #5a7391; font-size: 16px; font-weight: 600; margin-bottom: 7px; } .profile-usertitle-job { text-transform: uppercase; color: #5b9bd1; font-size: 12px; font-weight: 600; margin-bottom: 15px; } .profile-userbuttons { text-align: center; margin-top: 10px; } .profile-userbuttons .btn { text-transform: uppercase; font-size: 11px; font-weight: 600; padding: 6px 15px; margin-right: 5px; } .profile-userbuttons .btn:last-child { margin-right: 0px; } .profile-usermenu { margin-top: 30px; } .profile-usermenu ul li { border-bottom: 1px solid #f0f4f7; } .profile-usermenu ul li:last-child { border-bottom: none; } .profile-usermenu ul li a { color: #93a3b5; font-size: 14px; font-weight: 400; } .profile-usermenu ul li a i { margin-right: 8px; font-size: 14px; } .profile-usermenu ul li a:hover { background-color: #fafcfd; color: #5b9bd1; } .profile-usermenu ul li.active { border-bottom: none; } .profile-usermenu ul li.active a { color: #5b9bd1; background-color: #f6f9fb; border-left: 2px solid #5b9bd1; margin-left: -2px; } /* Profile Content */ .profile-content { padding: 20px; background: #fff; min-height: 460px; }

Related: See More


Questions / Comments: