Fixed searchbar look. Need positioning

1 files changed, 21 insertions, 2 deletions

diff --git a/index.html b/index.html
index 1da603d..dce1e1f 100644
--- a/index.html
+++ b/index.html
@@ -80,7 +80,26 @@
 					<strong>The solutions to all your problems</strong>
 				</p>
 				<hr>
-				<div class="search">
+
+
+
+				<div class="search col-md-12 col-lg-12">
+					<div class="input-group">
+						<div class="input-group-btn">
+							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Courses <span class="caret"></span></button>
+						
+							<ul class="dropdown-menu">
+								<li><a href="#">Courses</a></li>
+								<li><a href="#">Users</a> </li>
+							</ul>
+						</div>
+
+						<input type="text" class="form-control" aria-label="..." name="search" placeholder="Enter course name">
+					</div>
+
+				</div>
+
+				<!--<div class="search">
 					<div class="search-select">
 						<select>
 							<option value="courses">Courses</option>
@@ -88,7 +107,7 @@
 						</select>
 					</div>
 				<input type="text" name="search" placeholder="Enter course name">
-				</div>
+				</div> -->
 			</div>
 		</div>
 	</header>