Commit 0d4d6718 authored by mdsecurity's avatar mdsecurity

got search bar working

parent a2370ae9
<div class="app-container">
<nav class="navbar navbar-light bg-faded">
<div class="centered">
<div class="centered two-third">
<a class="navbar-brand" href="#">Navbar</a>
<ul class="nav navbar-nav">
<li class="nav-item active">
......@@ -29,8 +29,23 @@
</div>
</nav>
<div class="mountain-backgound">
<!--<img class="mountain-backgound" src="../assets/mountains.png">-->
<nav class="navbar navbar-light bg-faded transparent-nav ">
<div class="centered one-third">
<form class=" form-inline ">
<div class="form-group ">
<label for="exampleSelect1">Example select</label>
<select class="form-control" id="exampleSelect1">
<option>1............................</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<input class="form-control" type="text" placeholder="Search">
</form>
</div>
</nav>
</div>
<!--<img class="mountain-backgound"src="../assets/mountains.png">-->
</div>
......@@ -13,15 +13,21 @@ $card-circle-picture-diameter:7rem;
.centered {
margin-left: auto;
margin-right: auto;
}
.two-third{
width: 66%;
}
.one-third{
width: 39%;
}
.mountain-backgound {
background-image: url("../assets/mountains.png");
background-size: contain;
// background-repeat: no-repeat;
// background-attachment: fixed;
padding-top: 285px;
width:100%;
height:100%;
height: 100%;
}
@mixin transition($transition...) {
......@@ -30,3 +36,6 @@ $card-circle-picture-diameter:7rem;
-webkit-transition: $transition;
transition: $transition;
}
.transparent-nav {
background-color: rgba(247, 247, 249,.5);
}
......@@ -10,6 +10,8 @@ html
}
body {
height: inherit;
background-color: #006633;
}
.nav-whats-open{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment