1<!DOCTYPE html>
2<html>
3<head>
4<style>
5.searchbar{
6 margin-top:25px;
7 margin-left:283px;
8 width:100%;
9}
10.bar{
11 border-radius:0;
12 -webkit-box-shadow: 2px 3px 0px -2px #ccc;
13 padding:10px;
14 border:0px;
15 outline: none;
16 border-top: 1px solid #ccc;
17 border-left: 1px solid #ccc;
18 border-right: 1px solid #ccc;
19 border-bottom: 1px solid #CCC;
20}
21.bar:hover{
22 -webkit-box-shadow: 3px 6px 7px -3px #ccc;
23}
24</style>
25</head>
26<body>
27 <div class="container">
28 <div class="row">
29 <div class="col-md-12 col-xs-12">
30 <div class="searchbar">
31 <div class="form-group ">
32 <input type="text" class="bar" style="width:588px; height:44px; outline:none;" class="form-control" >
33 <a href="#"><i style="margin-left:559px; top:-30px; "class="glyphicon glyphicon-search"></i></a>
34 </div>
35 </div>
36 </div>
37 </div>
38 </div>
39</body>
40</html>
41
1<form action="https://www.google.com/search" method="get" target="_blank" id="search-form">
2 <input name="q" type="text" placeholder="search..." autocomplete="off" autofocus>
3
4 </form>