"Transaction Details"
Bootstrap 4.1.1 Snippet by acarnab

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <title> SAVE2LIVE </title><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="text/javascript" src="App_Themes/default/js/jquery-1.12.4.js"></script> <script type="text/javascript" src="App_Themes/default/js/bootstrap.min.js"></script> <script type="text/javascript" src="App_Themes/default/js/bootstrap-datepicker.min.js"></script> <script type="text/javascript" src="App_Themes/default/js/main.js"></script> <script type="text/javascript" src="App_Themes/default/js/Calculation.js"></script> <link rel="icon" href="App_Themes/default/images/final-logo-PNG1.png" type="image/x-icon" /><link type="text/css" href="App_Themes/default/css/datepicker.min.css" rel="stylesheet" /><link type="text/css" href="App_Themes/default/css/bootstrap.min.css" rel="stylesheet" /><link type="text/css" href="App_Themes/default/css/font-awesome.css" rel="stylesheet" /><link type="text/css" href="App_Themes/default/css/main.css" rel="stylesheet" /> <body> <form method="post" action="" id="form1"> <div class="aspNetHidden"> <!--header begins--> <div class="row-fluid header-line"></div> <div class="divHeader"></div> <div class="row-fluid"> <div class="container-fluid" style="background-color:#fff;"> <div class="col-md-3 logo"> <a href="Default.aspx"><img alt="Save2Live Logo" src="App_Themes/default/images/final-logo-JPG.jpg" /></a> </div> <div class="col-md-6 quote"> <h5>"Whoever said money can't buy happiness didn't know where to shop." <span>– Gertrude Stein</span></h5><div class="div"></div> </div> <div class="col-md-3 quickContact"> <span><i class="glyphicon glyphicon-envelope"></i> info@save2live.com</span><br /> <!--<span><i class="glyphicon glyphicon-phone-alt"></i> 000 000 000</span><br /> --> <span><i class="fa fa-whatsapp fa-lg" style="color: #8cbd01;"></i> 8902797143</span><br /> </div> </div> </div> <!--header end--> <div class="sub_banner"> <div class="pag_titl_sec"> <h1 class="pag_titl">Transaction Details Entry</h1> <h4 class="sub_titl">Save 2 Live Always With You </h4> </div> </div> <div class="container-fluid"> <div class="container"> <div class="row"> <fieldset> <div class="row form-group"> <div class="col-md-6"> <label class="control-label red" for="textinput">Transaction ID</label> </div> <div class="col-md-6"> <div class="col-xs-6 myText"> <input name="Transaction ID" type="text" id="tran_id" class="" placeholder=""/> </div> </div> </div> <div class="row form-group"> <div class="col-md-6"> <label class="control-label red" for="textinput">Client ID</label> </div> <div class="col-md-6"> <div class="col-xs-6 myText"> <input name="Client ID" type="text" id="client_id" class="" placeholder=""/> </div> </div> </div> <div class="row form-group"> <div class="col-md-6"> <label class="control-label red" for="textinput">Symbol</label> </div> <div class="col-md-6"> <div class="col-xs-6 myText"> <input name="Symbol" type="text" id="symbol" class="" placeholder=""/> <i class="fa fa-search"></i> </div> </div> </div> <div class="row form-group"> <div class="col-md-6"> <label class="control-label red" for="textinput">Market</label> </div> <div class="col-md-6"> <div class="col-xs-6 myText"> <label class="radio-inline" for="nse"> <input type="radio" name="nse" id="radios-0" value="1" checked="checked"> NSE </label> <label class="radio-inline" for="bse"> <input type="radio" name="bse" id="radios-1" value="2"> BSE </label> </div> </div> </div> <div class="row form-group"> <div class="col-md-6"> <label class="control-label red" for="textinput">Quantity</label> </div> <div class="col-md-6"> <div class="col-xs-6 myText"> <input name="quantity" type="number" id="quantity" class="" placeholder=""/> </div> </div> </div> </fieldset> </div> </div> </div> </div> </form>

Related: See More

Material Kit React
Artists Details Listing
Product list with details in modal pop-up
Address Details Modal Form

Questions / Comments: