user nav

src/components/HomePage.js

@@ -37,7 +37,7 @@ export default function  HomePage(){
        
       <Row>
         
-        <Col lg6>
+        <Col lg="6">
           <h1 className="big-sdf
           heading">Adapt to a new place easy peasy.</h1>
           <button type="button" onClick={() => {
@@ -48,7 +48,7 @@ export default function  HomePage(){
 
         </Col>
         
-        <Col lg6>
+        <Col lg="6">
           <img className="title-image" src="/locaft.png" alt="locaft-mockup" />
         </Col>
         

src/components/NavBar.js

@@ -32,7 +32,35 @@ export default function NavBar() {
           <li><a href="/#features">Services</a></li>
           <li><a href="/#footer">Contact us</a></li>
           {userData.user ? (
+            <React.Fragment>
             <li><Link onClick={logout}>{userData.user.username}</Link></li>
+            <li class="nr_li dd_main">
+					<img src="https://i.imgur.com/2QKIaJ5.png" alt="profile_img" />
+					
+					<div class="dd_menu">
+						<div class="dd_left">
+							<ul>
+								
+								<li><i class="fas fa-cog"></i></li>
+								<li><i class="fas fa-sign-out-alt"></i></li>
+							</ul>
+						</div>
+						<div class="dd_right">
+							<ul>
+								
+								<li>Settings</li>
+								<li>Logout</li>
+							</ul>
+						</div>
+					</div>
+				</li>
+				<li class="nr_li">
+					<i class="fas fa-envelope-open-text"></i>
+				</li>
+            </React.Fragment>
+
+           
+            
           ) : (
               <React.Fragment>
               <li><Link to="/user/register">Register</Link></li>