<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>PIS-FEL1 basedata</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Project name">Project name</label> <div class="col-md-4"> <input name="Project name" class="form-control input-md" id="Project name" type="text" placeholder=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="IMO ID">IMO ID</label> <div class="col-md-4"> <input name="IMO ID" class="form-control input-md" id="IMO ID" type="text" placeholder=""> </div> </div> <!-- Search input--> <div class="form-group"> <label class="col-md-4 control-label" for="Project Development Manager (PDM)">Project Development Manager (PDM)</label> <div class="col-md-4"> <input name="Project Development Manager (PDM)" class="form-control input-md" id="Project Development Manager (PDM)" type="search" placeholder="person or group"> </div> </div> <!-- Search input--> <div class="form-group"> <label class="col-md-4 control-label" for="Project owner">Project owner</label> <div class="col-md-4"> <input name="Project owner" class="form-control input-md" id="Project owner" type="search" placeholder="person or group"> </div> </div> <!-- Search input--> <div class="form-group"> <label class="col-md-4 control-label" for="Portfolio responsible">Portfolio responsible</label> <div class="col-md-4"> <input name="Portfolio responsible" class="form-control input-md" id="Portfolio responsible" type="search" placeholder="person or group"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Project type">Project type</label> <div class="col-md-4"> <input name="Project type" class="form-control input-md" id="Project type" type="text" placeholder=""> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Strategy object">Strategy object</label> <div class="col-md-4"> <select name="Strategy object" class="form-control" id="Strategy object"> <option value="Select">Select</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Project category">Project category</label> <div class="col-md-4"> <input name="Project category" class="form-control input-md" id="Project category" type="text" placeholder=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Project taxonomy">Project taxonomy</label> <div class="col-md-4"> <input name="Project taxonomy" class="form-control input-md" id="Project taxonomy" type="text" placeholder=""> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Proposer organisation">Proposer organisation</label> <div class="col-md-4"> <select name="Proposer organisation" class="form-control" id="Proposer organisation"> <option value="Select">Select</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Related unit/area">Related unit/area</label> <div class="col-md-4"> <select name="Related unit/area" class="form-control" id="Related unit/area"> <option value="Select">Select</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Goal of the project">Goal of the project</label> <div class="col-md-4"> <textarea name="Goal of the project" class="form-control" id="Goal of the project"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Project scope">Project scope</label> <div class="col-md-4"> <textarea name="Project scope" class="form-control" id="Project scope"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Project risk">Project risk</label> <div class="col-md-4"> <textarea name="Project risk" class="form-control" id="Project risk"></textarea> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Select Basic</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Other relevancy">Other relevancy</label> <div class="col-md-4"> <select name="Other relevancy" class="form-control" id="Other relevancy"> <option value="Select">Select</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Energy consumption relevance">Energy consumption relevance</label> <div class="col-md-4"> <select name="Energy consumption relevance" class="form-control" id="Energy consumption relevance"> <option value="Select">Select</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Timetable/Start date">Timetable/Start date</label> <div class="col-md-4"> <input name="Timetable/Start date" class="form-control input-md" id="Timetable/Start date" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Timetable/Completion date">Timetable/Completion date</label> <div class="col-md-4"> <input name="Timetable/Completion date" class="form-control input-md" id="Timetable/Completion date" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="CAPEX current year planned">CAPEX current year planned</label> <div class="col-md-4"> <input name="CAPEX current year planned" class="form-control input-md" id="CAPEX current year planned" type="text" placeholder="number"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="CAPEX current year +1 planned">CAPEX current year +1 planned</label> <div class="col-md-4"> <input name="CAPEX current year +1 planned" class="form-control input-md" id="CAPEX current year +1 planned" type="text" placeholder="number"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="CAPEX current year +2 planned">CAPEX current year +2 planned</label> <div class="col-md-4"> <input name="CAPEX current year +2 planned" class="form-control input-md" id="CAPEX current year +2 planned" type="text" placeholder="number"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="CAPEX current year +3 planned">CAPEX current year +3 planned</label> <div class="col-md-4"> <input name="CAPEX current year +3 planned" class="form-control input-md" id="CAPEX current year +3 planned" type="text" placeholder="number"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Relation to other projects">Relation to other projects</label> <div class="col-md-4"> <select name="Relation to other projects" class="form-control" id="Relation to other projects"> <option value="Select">Select</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="CAPEX current year +5 planned">CAPEX current year +5 planned</label> <div class="col-md-4"> <input name="CAPEX current year +5 planned" class="form-control input-md" id="CAPEX current year +5 planned" type="text" placeholder="number"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="OPEX current year planned">OPEX current year planned</label> <div class="col-md-4"> <input name="OPEX current year planned" class="form-control input-md" id="OPEX current year planned" type="text" placeholder="number"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="OPEX current year+1 planned">OPEX current year+1 planned</label> <div class="col-md-4"> <input name="OPEX current year+1 planned" class="form-control input-md" id="OPEX current year+1 planned" type="text" placeholder="number"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="OPEX current year+2 planned">OPEX current year+2 planned</label> <div class="col-md-4"> <input name="OPEX current year+2 planned" class="form-control input-md" id="OPEX current year+2 planned" type="text" placeholder="number"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="OPEX current year+3 planned">OPEX current year+3 planned</label> <div class="col-md-4"> <input name="OPEX current year+3 planned" class="form-control input-md" id="OPEX current year+3 planned" type="text" placeholder="number"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="OPEX current year+4 planned">OPEX current year+4 planned</label> <div class="col-md-4"> <input name="OPEX current year+4 planned" class="form-control input-md" id="OPEX current year+4 planned" type="text" placeholder="number"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="OPEX current year+5 planned">OPEX current year+5 planned</label> <div class="col-md-4"> <input name="OPEX current year+5 planned" class="form-control input-md" id="OPEX current year+5 planned" type="text" placeholder="number"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="NPV">NPV</label> <div class="col-md-4"> <input name="NPV" class="form-control input-md" id="NPV" type="text" placeholder="number"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="CAPEX current year +4 planned">CAPEX current year +4 planned</label> <div class="col-md-4"> <input name="CAPEX current year +4 planned" class="form-control input-md" id="CAPEX current year +4 planned" type="text" placeholder="number"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Organisations to be involved">Organisations to be involved</label> <div class="col-md-4"> <select name="Organisations to be involved" class="form-control" id="Organisations to be involved"> <option value="Select">Select</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Affect to other area">Affect to other area</label> <div class="col-md-4"> <textarea name="Affect to other area" class="form-control" id="Affect to other area"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Estimated result">Estimated result</label> <div class="col-md-4"> <textarea name="Estimated result" class="form-control" id="Estimated result"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Estimated cost">Estimated cost</label> <div class="col-md-4"> <textarea name="Estimated cost" class="form-control" id="Estimated cost"></textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="PIS preparation team">PIS preparation team</label> <div class="col-md-4"> <input name="PIS preparation team" class="form-control input-md" id="PIS preparation team" type="text" placeholder="person or group"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="PIS completed">PIS completed</label> <div class="col-md-4"> <input name="PIS completed" class="form-control input-md" id="PIS completed" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="PIS approved fact">PIS approved fact</label> <div class="col-md-4"> <input name="PIS approved fact" class="form-control input-md" id="PIS approved fact" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Complexity">Complexity</label> <div class="col-md-4"> <input name="Complexity" class="form-control input-md" id="Complexity" type="text" placeholder="number"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Risk">Risk</label> <div class="col-md-4"> <select name="Risk" class="form-control" id="Risk"> <option value="Select">Select</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Priority of FEL1">Priority of FEL1</label> <div class="col-md-4"> <select name="Priority of FEL1" class="form-control" id="Priority of FEL1"> <option value="Select">Select</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Financing">Financing</label> <div class="col-md-4"> <select name="Financing" class="form-control" id="Financing"> <option value="Select">Select</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Required authority permisson if any">Required authority permisson if any</label> <div class="col-md-4"> <textarea name="Required authority permisson if any" class="form-control" id="Required authority permisson if any"></textarea> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="Roll out">Roll out</label> <div class="col-md-4"> <div class="radio"> <label for="Roll out-0"> <input name="Roll out" id="Roll out-0" type="radio" value="Yes"> Yes </label> </div> <div class="radio"> <label for="Roll out-1"> <input name="Roll out" id="Roll out-1" type="radio" value="No"> No </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Kick off planned">Kick off planned</label> <div class="col-md-4"> <input name="Kick off planned" class="form-control input-md" id="Kick off planned" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Base data">Base data</label> <div class="col-md-4"> <select name="Base data" class="form-control" id="Base data"> <option value="Select">Select</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Business Case planned">Business Case planned</label> <div class="col-md-4"> <input name="Business Case planned" class="form-control input-md" id="Business Case planned" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Base data planned">Base data planned</label> <div class="col-md-4"> <input name="Base data planned" class="form-control input-md" id="Base data planned" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Project scope planned">Project scope planned</label> <div class="col-md-4"> <input name="Project scope planned" class="form-control input-md" id="Project scope planned" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Unit test planned">Unit test planned</label> <div class="col-md-4"> <input name="Unit test planned" class="form-control input-md" id="Unit test planned" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Simulation planned">Simulation planned</label> <div class="col-md-4"> <input name="Simulation planned" class="form-control input-md" id="Simulation planned" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="FS delivery planned">FS delivery planned</label> <div class="col-md-4"> <input name="FS delivery planned" class="form-control input-md" id="FS delivery planned" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="PIMS run planned">PIMS run planned</label> <div class="col-md-4"> <input name="PIMS run planned" class="form-control input-md" id="PIMS run planned" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Laboratory test planned">Laboratory test planned</label> <div class="col-md-4"> <input name="Laboratory test planned" class="form-control input-md" id="Laboratory test planned" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="FEL1 approval planned">FEL1 approval planned</label> <div class="col-md-4"> <input name="FEL1 approval planned" class="form-control input-md" id="FEL1 approval planned" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="1.IPP approval planned">1.IPP approval planned</label> <div class="col-md-4"> <input name="1.IPP approval planned" class="form-control input-md" id="1.IPP approval planned" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="2.IPP approval planned">2.IPP approval planned</label> <div class="col-md-4"> <input name="2.IPP approval planned" class="form-control input-md" id="2.IPP approval planned" type="text" placeholder="DD/MM/YYYY"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="FS cost current year planned">FS cost current year planned</label> <div class="col-md-4"> <input name="FS cost current year planned" class="form-control input-md" id="FS cost current year planned" type="text" placeholder="number"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="FS cost current year+1 planned">FS cost current year+1 planned</label> <div class="col-md-4"> <input name="FS cost current year+1 planned" class="form-control input-md" id="FS cost current year+1 planned" type="text" placeholder="number"> </div> </div> </fieldset> </form>