<!doctype html>
<html>
<meta charset="utf-8">
<title>File Upload with jQuery and PHP</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.11.3-jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-8">
<h1><a href="#" target="_blank"><img src="latsia.jpg" width="80px"/>ΑΝΕΒΑΣΜΑ ΦΩΤΟΓΡΑΦΙΑΣ ΑΠΟΛΥΤΗΡΙΟΥ</a></h1>
<hr> 

<body>
<div class="container">
<div class="row">
<div class="col-md-8">
<hr> 
<form id="form" action="ajaxupload.php" method="post" enctype="multipart/form-data">
<div class="form-group">
<label for="mitroo">ΜΗΤΡΩΟ</label>
<input type="text" class="form-control" id="mitroo" name="mitroo" size='15' required />
<label for="tmima">ΤΜΗΜΑ</label>
<input type="text" class="form-control" id="tmima" name="tmima" size='15' required />
</div>
<div class="form-group">
<label for="name">ΟΝΟΜΑ</label>
<input type="text" class="form-control" id="name" name="name"  required />
</div>
<div class="form-group">
<label for="namep">ΟΝΟΜΑ ΠΑΤΕΡΑ</label>
<input type="text" class="form-control" id="namep" name="namep"  required />
</div>
<input id="uploadImage" type="file" accept="image/*" name="image" />
<br>
<div id="preview"><img src="dummy.jpg" /></div><br>
<input class="btn btn-success" type="submit" value="Upload">
</form>
<div id="err"></div>
<hr>
</div>
</div>
</div></body></html>