JSFiddle - React, Tailwind, and code Playground
HTML
<div>Compare these 2 files:</div>
<ul>
<li>Master: <a href="https://dl.dropboxusercontent.com/u/101928943/futurama.docx">futurama.docx</a></li>
<li>Source: <a href="https://dl.dropboxusercontent.com/u/101928943/futurama%20modified.docx">futurama modified.docx</a></li>
</ul>
<form action="api/compare" target="_blank" method="post" enctype="multipart/form-data">
<div>Master <input type="file" name="original" /></div>
<div>Source <input type="file" name="modified" /></div>
<input type="submit" value="Submit">
</form>
<div>Convert file:</div>
<ul>
<li>Master: <a href="https://dl.dropboxusercontent.com/u/101928943/futurama.docx">futurama.docx</a></li>
</ul>
<form action="api/convert" target="_blank" method="post" enctype="multipart/form-data">
<div>file <input type="file" name="file" /></div>
<select name="Accept">
<option value="html">Html</option>
<option value="docx">Docx</option>
<option value="pdf">Pdf</option>
</select>
<input type="submit" value="Submit">
</form>
CSS
form {
border: 1px solid #888;
margin-top: 20px;
padding: 15px;
}
form div {
margin-bottom: 10px;
}
JavaScript
<div>Compare these 2 files:</div>
<ul>
<li>Master: <a href="https://dl.dropboxusercontent.com/u/101928943/futurama.docx">futurama.docx</a></li>
<li>Source: <a href="https://dl.dropboxusercontent.com/u/101928943/futurama%20modified.docx">futurama modified.docx</a></li>
</ul>
<form action="http://185.31.160.150/api/compare" target="_blank" method="post" enctype="multipart/form-data">
<div>Master <input type="file" name="original" /></div>
<div>Source <input type="file" name="modified" /></div>
<input type="submit" value="Submit">
</form>
<div>Convert file:</div>
<ul>
<li>Master: <a href="https://dl.dropboxusercontent.com/u/101928943/futurama.docx">futurama.docx</a></li>
</ul>
<form action="http://185.31.160.150/api/convert" target="_blank" method="post" enctype="multipart/form-data">
<div>file <input type="file" name="file" /></div>
<select name="Accept">
<option value="html">Html</option>
<option value="docx">Docx</option>
<option value="pdf">Pdf</option>
</select>
<input type="submit" value="Submit">
</form>