BASIC CSS USE
1.For background Color :
body {
background-color: coral;
}
2.For background Image:
body {
background-image: url("paper.gif");
3.Font
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica, sans-serif;
}
4.Card Form
<div class='row'>
<div class='order_form col-md-9'>
<div class='row'>
<div class='col-md-12'>
<div class="panel panel-default">
<center> <div class="panel-heading"><strong>New Product</strong></div></center>
<div class="panel-body">
<div class="card">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding select-room">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 no-padding">
<p>Name</p>
<ul class="selectors input-text">
<li><%= f.text_field :name, class: "form-control" %</li>
</ul> </div></div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding select-room">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 no-padding">
<p>Price</p>
<ul class="selectors input-text">
<li> <%= f.text_field :price, class: "form-control", min: 0 %></li>
</ul>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding select-room">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 no-padding">
<p>Full Price</p>
<ul class="selectors input-text">
<li><%= f.text_field :full_price, class: "form-control", min: 0 %>
</li>
</ul>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding select-room">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 no-padding">
<p>Description</p>
<ul class="selectors input-text">
<li><%= f.text_area :description, class: "form-control", min: 0 %>
</li>
</ul>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding select-room">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 no-padding">
<p>Category</p>
<ul class="selectors input-text">
<li><%= f.collection_select :category_id, Category.order(:name), :id, :name, include_blank: true,class: "form-control", min: 0%></li>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding select-room">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 no-padding">
<p>Upload Your Product</p>
<ul class="selectors input-text">
<li><%=f.file_field :image, class: "form-control", min: 0 %></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="action">
<%= f.submit "Create",class: "btn-hover color-signup" %>
</div>
</div>
<%end%>
Comments
Post a Comment