Merge pull request #238 from vdvibhu20/scale-down

Scale down,
New css god in town

Author: witty123

examples/components/nav-bar.hbs

@@ -17,22 +17,32 @@
                 <input type="text" placeholder="Search here">
                 <img src="images/searchicon.png" alt="search">
                 <div class="search-box display-none">
-                    <div class="row search-content">
+                    <div class="row search-content align-items-center">
                     <div class="img-container col-md-3">
-                        <img src="images/c" alt="online-logo" class="nav-logo pointer">
+                        <img src="images/c++" alt="online-logo" class="nav-logo pointer">
                     </div>
                     <div class="heading-container col-md-9">
-                            <p>Web Development</p>
-                            <p>NOV-DEC 2017</p>
+                            <div>Web Development</div>
+                            <div class="red font-sm">NOV-DEC 2017</div>
                     </div>
                     </div>
-                    <div class="row search-content">
+                    <div class="row search-content align-items-center">
                         <div class="img-container col-md-3">
-                            <img src="images/c" alt="online-logo" class="nav-logo pointer">
+                            <img src="images/c++" alt="online-logo" class="nav-logo pointer">
                         </div>
                         <div class="heading-container col-md-9">
-                            <p>Web Development</p>
-                            <p>NOV-DEC 2017</p>
+                            <div>Web Development</div>
+                            <div class="red font-sm">NOV-DEC 2017</div>
+                        </div>
+                    </div>
+
+                    <div class="row search-content align-items-center">
+                        <div class="img-container col-md-3">
+                            <img src="images/c++" alt="online-logo" class="nav-logo pointer">
+                        </div>
+                        <div class="heading-container col-md-9">
+                            <div>Web Development</div>
+                            <div class="red font-sm">NOV-DEC 2017</div>
                         </div>
                     </div>
                 </div>
@@ -52,7 +62,7 @@
                 <li class="nav-items">
                     <div class="notify-icon">
                         <span class="notify-dot new"></span>
-                        <img src="images/notif-icon.png" alt="">
+                        <i class="fas fa-bell"></i>
                     </div>
                     <div class="dropdown-ul o-notification display-none">
                         <div class="dropdown-li row no-gutters">
@@ -107,7 +117,7 @@
             </ul>
 
             <div class="round-img">
-                <img src="/images/code-red.svg" alt="">
+                <img src="/images/c++ode-red.svg" alt="">
             </div>
 
             <div class="card">