<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/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 ----------> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Submission</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="title">Title</label> <div class="col-md-4"> <input id="title" name="title" placeholder="Laser ablasion of high tungsten steels" class="form-control input-md" required="" type="text"> <span class="help-block">Please add the title for the data set.</span> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="doi">DOI</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon">Unassigned</span> <input id="doi" name="doi" class="form-control" placeholder="doi:10.1594/NIMS.726855" type="text"> </div> <p class="help-block">Automatically assigned on pulication</p> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="correspondend">Corresponding Person</label> <div class="col-md-4"> <input id="correspondend" name="correspondend" placeholder="Nakamoto Satoshi" class="form-control input-md" type="text"> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="colaborators">Colaborators</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon">Select</span> <input id="colaborators" name="colaborators" class="form-control" placeholder="Naito Makiko" type="text"> </div> <p class="help-block">Select one or more collaborators</p> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="save"></label> <div class="col-md-8"> <button id="save" name="save" class="btn btn-success">Save</button> <button id="continue" name="continue" class="btn btn-primary">Save and Continue</button> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="method-category">Method Category</label> <div class="col-md-4"> <input id="method-category" name="method-category" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="analysis-field">Analysis Field</label> <div class="col-md-4"> <input id="analysis-field" name="analysis-field" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="purpose">Purpose</label> <div class="col-md-4"> <textarea class="form-control" id="purpose" name="purpose">Describe the reason for the experiment</textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="measurement-environment">Measurement Environment</label> <div class="col-md-4"> <input id="measurement-environment" name="measurement-environment" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="key-interest">Key Interest</label> <div class="col-md-4"> <textarea class="form-control" id="key-interest" name="key-interest">Energy Level Transition Structure etc. of interst</textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="measurement-date">Measurement Date</label> <div class="col-md-4"> <input id="measurement-date" name="measurement-date" placeholder="2017-10-02" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="standardized-procedure">Standardized Procedure</label> <div class="col-md-4"> <input id="standardized-procedure" name="standardized-procedure" placeholder="" class="form-control input-md" type="text"> <span class="help-block">Procedure number</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="instrument-site">Instrument Location</label> <div class="col-md-4"> <input id="instrument-site" name="instrument-site" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="reference">Reference</label> <div class="col-md-4"> <textarea class="form-control" id="reference" name="reference">Reference</textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="synthesis-date">Date and Time</label> <div class="col-md-4"> <input id="synthesis-date" name="synthesis-date" placeholder="2017-01-01 12:34:56" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="process-technique">Process Technique</label> <div class="col-md-4"> <input id="process-technique" name="process-technique" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="process-environment">Process Environment</label> <div class="col-md-4"> <input id="process-environment" name="process-environment" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="key-temperature">Key Temperature</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon">°C</span> <input id="key-temperature" name="key-temperature" class="form-control" placeholder="" type="text"> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="process-instrument-site">Instrument Site</label> <div class="col-md-4"> <input id="process-instrument-site" name="process-instrument-site" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="process-standardized-procedure">Standardized Procedure</label> <div class="col-md-4"> <input id="process-standardized-procedure" name="process-standardized-procedure" placeholder="12-N0458395-73" class="form-control input-md" type="text"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="process-description">Description</label> <div class="col-md-4"> <textarea class="form-control" id="process-description" name="process-description">Please describe the processing done.</textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="calculation-method">Calculation Method</label> <div class="col-md-4"> <input id="calculation-method" name="calculation-method" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="hardware-type">Calculation Hardware</label> <div class="col-md-4"> <input id="hardware-type" name="hardware-type" placeholder="HAL-9000" class="form-control input-md" type="text"> <span class="help-block">Server, PC, Other</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="os">Operating System</label> <div class="col-md-4"> <input id="os" name="os" placeholder="Linux (CentOS 7.2)" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="software">Software Name</label> <div class="col-md-4"> <input id="software" name="software" placeholder="Visicalc" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="software-version">Version</label> <div class="col-md-4"> <input id="software-version" name="software-version" placeholder="0.1.2.3" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="software-reference">Software Reference</label> <div class="col-md-4"> <input id="software-reference" name="software-reference" placeholder="http://github.com/takakazu-sekei/fermat-solver" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="operator">Operator</label> <div class="col-md-4"> <input id="operator" name="operator" placeholder="Itō Kiyoshi" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="calculation-date">Calculation Date</label> <div class="col-md-4"> <input id="calculation-date" name="calculation-date" placeholder="2017-08-09" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="material-name">Material Name</label> <div class="col-md-4"> <input id="material-name" name="material-name" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="key-object">Key Object</label> <div class="col-md-4"> <input id="key-object" name="key-object" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="calculation-description">Calculation Description</label> <div class="col-md-4"> <textarea class="form-control" id="calculation-description" name="calculation-description">Describe the calculations</textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="abstract">Abstract</label> <div class="col-md-4"> <textarea class="form-control" id="abstract" name="abstract">Brief description of the data.</textarea> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="submissiondate">Submission Date</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon">Not Set</span> <input id="submissiondate" name="submissiondate" class="form-control" placeholder="" type="text"> </div> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="publicationdate">Publication Date</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon">Not Set</span> <input id="publicationdate" name="publicationdate" class="form-control" placeholder="" type="text"> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="material">Material</label> <div class="col-md-4"> <input id="material" name="material" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="specimen">Specimen</label> <div class="col-md-4"> <input id="specimen" name="specimen" placeholder="Specimen description or ID" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="cas-no">CAS Number</label> <div class="col-md-4"> <input id="cas-no" name="cas-no" placeholder="CAS No. or Equivalent" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="purchase-date">Purchase Date</label> <div class="col-md-4"> <input id="purchase-date" name="purchase-date" placeholder="2017-02-01" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="supplier">Supplier</label> <div class="col-md-4"> <input id="supplier" name="supplier" placeholder="Hitachi Chemical" class="form-control input-md" type="text"> <span class="help-block">Supplier Name</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="lot-number">Lot/Product No.</label> <div class="col-md-4"> <input id="lot-number" name="lot-number" placeholder="12-N0458395-73" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="property">Properties</label> <div class="col-md-4"> <input id="property" name="property" placeholder="Materials data properties" class="form-control input-md" type="text"> <span class="help-block">Select Multiple</span> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="files">Files</label> <div class="col-md-4"> <input id="files" name="files" class="input-file" type="file"> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="links">Links to Open Data Files</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon">Link</span> <input id="links" name="links" class="form-control" placeholder="doi:10.1594/NIMS.726855" type="text"> </div> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="references">References</label> <div class="col-md-4"> <textarea class="form-control" id="references" name="references">BibTex, Endnote, Zotero, Datacite and other formats accepted.</textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="acknowledgements">Acknowledgements</label> <div class="col-md-4"> <textarea class="form-control" id="acknowledgements" name="acknowledgements"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="funding">Funding</label> <div class="col-md-4"> <textarea class="form-control" id="funding" name="funding">Funding, grant, support information</textarea> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="save"></label> <div class="col-md-8"> <button id="save" name="save" class="btn btn-success">Save</button> <button id="submit" name="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> </form> </div> </div>