"google search design"
Bootstrap 3.3.0 Snippet by Rajnesh Prajapati

<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 ----------> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css"> <div class="container"> <div class="col-xs-12 " style="margin-bottom:20px;"> <a href="https://www.youtube.com/channel/UCvVxmf4ijQtm4D1eXterSBg"> <span class="search-title"> You Tube</span></a><br> <span class="search-link">https://www.youtube.com/ <div class="btn-group"> <i class="fa fa-caret-down dropdown-toggle " data-toggle="dropdown" aria-hidden="true"></i> <ul class="dropdown-menu" role="menu"> <li><a href="#">Cached</a></li> <li><a href="#">Similar</a></li> </ul> </div> </span> <ul class="dropdown-menu" role="menu"> <li><a href="#">Cached</a></li> <li><a href="#">Another action</a></li> </ul> <span class="search-para">Enjoy the videos and music you love, upload original content, and share it all with friends, family, <br> and the world on YouTube.</span> </div> <div class="col-xs-12 " style="margin-bottom:20px;"> <a href="https://www.youtube.com/channel/UCvVxmf4ijQtm4D1eXterSBg"> <span class="search-title"> Search</span></a><br> <span class="search-link">https://www.youtube.com/ <div class="btn-group"> <i class="fa fa-caret-down dropdown-toggle " data-toggle="dropdown" aria-hidden="true"></i> <ul class="dropdown-menu" role="menu"> <li><a href="#">Cached</a></li> </ul> </div> </span> <span class="search-para">A web search engine is a software system that is designed to search for information on the World <br> Wide Web. The search results are generally presented in a line ...</span> </div> </div> </div>
.search-title{ font-weight:normal; color:#1a0dab; font-size:18px; } .search-link{ color:#008443; } .search-link a{ color:#008443; text-decoration:none } .search-para{ display:block; color:#6a6a6a; } .btn-group i{ cursor:pointer; text-decoration:none}

Related: See More


Questions / Comments: