Helping Ambaani

In this example below you will see how to do a Helping Ambaani with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by ashoksuthar, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright ashoksuthar ©
  • HTML
  • CSS
  • JavaScript
    <div class="container text-center " style = "margin-top:20px">   
  <nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>         
      </button>
      <a class="navbar-brand" href="#">Elegancy</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">About</a></li>
        <li><a href="#">Projects</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
      </ul>
    </div>
  </div>
</nav>
 
  <div class="row text-header">
    <h3>Join The Force</h3><br>
    <div class="col-sm-2">
    </div>
    
    <div class="col-sm-8 subscribe"> 
      <div class = col-sm-5>
        <input style = "background-color: #f2f2f2" type="text" class="form-control" placeholder="Your Name" aria-label="Username" aria-describedby="sizing-addon1">   
      </div>
      <div class = col-sm-5>
      <input style = "background-color: #f2f2f2" type="text" class="form-control" placeholder="contact@pixelhint.com" aria-label="Username" aria-describedby="sizing-addon1">
      </div>
      <div class = col-sm-2>
      <button type="button" class="btn btn-primary">Subscribe</button>
      </div>
    </div>
    
    <div class="col-sm-2">
    </div>
  </div>
</div><br>




/*Downloaded from https://www.codeseek.co/ashoksuthar/helping-ambaani-RxWLzy */
    /* Remove the navbar's default margin-bottom and rounded borders */ 
body{
  background-color: #d9d9d9;
} 

.navbar {
      margin-bottom: 0;
      border-radius: 0;
      border-color: #d9d9d9;
      background-color: #d9d9d9;
    }

.text-header {
  margin:80px 20px 30px 0px;

}

.subscribe{
  padding: 20px 20px 20px 20px;
  background:#fff;
}
    
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
      padding: 25px;
    }


/*Downloaded from https://www.codeseek.co/ashoksuthar/helping-ambaani-RxWLzy */
    

Comments