first yamm for onesearch
This commit is contained in:
@@ -27,15 +27,13 @@ body {
|
||||
|
||||
/* style jumbotron */
|
||||
|
||||
.jumbotron {
|
||||
#onesearch-header {
|
||||
color: #003466;
|
||||
border-radius: 0px !important;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.zero-margin {
|
||||
margin-left: -4px;
|
||||
margin-right: -4px;
|
||||
margin-left: -2px;
|
||||
margin-right: -2px;
|
||||
}
|
||||
|
||||
#dropdownMenu1 {
|
||||
@@ -179,7 +177,7 @@ img {
|
||||
max-width: 675px;
|
||||
}
|
||||
|
||||
.yamm3 {
|
||||
.yamm3, .yamm4 {
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
|
||||
@@ -178,36 +178,57 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
|
||||
<form class="form-inline" style="text-align: center;">
|
||||
<form class="form-inline yamm" style="text-align: center;">
|
||||
<h1 id="onesearch-header">OneSearch</h1>
|
||||
<div class="form-group">
|
||||
|
||||
<div class="dropdown input-group zero-margin">
|
||||
<div class="dropdown input-group zero-margin">
|
||||
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
|
||||
Dropdown
|
||||
<span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
<li>
|
||||
<div class="yamm-content yamm4">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<span class="glyphicon glyphicon-music"></span>
|
||||
<strong>Faculty & Staff</strong>
|
||||
<p class="faux-card">Meet the Kingsborough Library</p>
|
||||
</div>
|
||||
<div class="col-xs-12">
|
||||
<span class="glyphicon glyphicon-off"></span>
|
||||
<strong>Subject Liaisons</strong>
|
||||
<p class="faux-card">Find your library liaison</p>
|
||||
</div>
|
||||
<div class="col-xs-12">
|
||||
<span class="glyphicon glyphicon-time"></span>
|
||||
<strong>Library Departments</strong>
|
||||
<p class="faux-card">Explore the library's functions</p>
|
||||
</div>
|
||||
<div class="col-xs-12">
|
||||
<span class="glyphicon glyphicon-time"></span>
|
||||
<strong>Campus Map</strong>
|
||||
<p class="faux-card">How to find us</p>
|
||||
</div>
|
||||
<div class="col-xs-12">
|
||||
<span class="glyphicon glyphicon-time"></span>
|
||||
<strong>Hours</strong>
|
||||
<p class="faux-card">See the library's opening hours</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<label class="sr-only" for="searchterms">Search terms</label>
|
||||
<div class="input-group zero-margin">
|
||||
<input type="text" class="form-control" id="searchterms" placeholder="Search terms">
|
||||
</div>
|
||||
|
||||
<div class="input-group zero-margin">
|
||||
<button type="submit" class="btn btn-default form-control">Search</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="nav-by-jumbotron">
|
||||
|
||||
Reference in New Issue
Block a user