app/templates/parts/sell_info_form.html (65 lines of code) (raw):
<section class="section is-paddingless">
<div class="container">
<div class="level">
<div class="level-left">
<div class="level-item">
<div><span class="icon is-medium has-text-danger"><i class="fas fa-lg fa-envelope-open-text"></i></span></div>
</div>
<div class="level-item">
<div>
<p class="subtitle">But we still cannot live without words.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<br>
<section class="section is-paddingless">
<div class="container">
<div class="columns">
<div class="column">
<div class="field">
<p class="control has-icons-left">
<input class="input is-large is-gray-light" id="name-input" type="text" placeholder="Give it a title.">
<span class="icon is-large is-left"><i class="fas fa-font"></i></span>
</p>
</div>
<div class="field">
<p class="control has-icons-left">
<textarea class="textarea is-large is-shadowless" id="description-input" rows=5 placeholder="Tell everyone more about it." ></textarea>
</p>
</div>
<div class="field">
<p class="control has-icons-left">
<input class="input is-large is-gray-light" id="price-input" type="text" placeholder="It's not free, right?">
<span class="icon is-large is-left"><i class="fas fa-money-bill-alt"></i></span>
</p>
</div>
</div>
</div>
</div>
</section>
<br>
<section class="section is-paddingless">
<div class="container">
<div class="level">
<div class="level-left">
<div class="level-item">
<div><span class="icon is-medium has-text-danger"><i class="fas fa-lg fa-check"></i></span></div>
</div>
<div class="level-item">
<div>
<p class="subtitle">And we are ready to go.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<br>
<section class="section is-paddingless">
<div class="container">
<button class="button is-fullwidth is-medium is-danger" onclick="submitSellForm()">Submit</button>
</div>
</section>