Untitled

<%@ page pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
	<head>
		<title>SupMarket</title>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" type="text/css" href="style/supmarket.css">
	</head>
	<body>

		<!-- TOP MENU -->
		<nav class="navbar navbar-default">
		  <div class="container-fluid">
		      <div class="navbar-header">
		        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		          <span class="sr-only">Toggle navigation</span>
		          <span class="icon-bar"></span>
		          <span class="icon-bar"></span>
		          <span class="icon-bar"></span>
		        </button>
		        <a class="navbar-brand" href="index_logged">SupMarket</a>
		      </div>
		      <ul class="nav navbar-nav navbar-right">
		        <li><a href="profile.html">Profile</a></li>
		        <li><a href="#">Sign out</a></li>
		      </ul>

		    </div><!-- /.navbar-collapse -->
		</nav>


		<!-- Page Content -->
		<div class="container">

		    <div class="row">


		        <div class="container">

		            <h1>Edit Profile</h1>
		            <hr>
		            <div class="row">
		              <!-- left column -->
		              <div class="col-md-3">
		                <div class="text-center">
		                  <img src="//placehold.it/100" class="avatar img-circle" alt="avatar">
		                  <h6>Upload a different photo...</h6>

		                  <input type="file" class="form-control">
		                </div>
		              </div>

		              <!-- edit form column -->
		              <div class="col-md-9 personal-info">
		                <div class="alert alert-info alert-dismissable">
		                  <a class="panel-close close" data-dismiss="alert">×</a>
		                  <i class="fa fa-coffee"></i>
		                  This is an <strong>.alert</strong>. Use this to show important messages to the user.
		                </div>
		                <h3>Personal info</h3>
		   					<form class="form-horizontal" role="form"  method="post" action="profil">
			                  <div class="form-group">
			                    <label class="col-md-3 control-label">Username:</label>
			                    <div class="col-md-8">
			                        <input type="text" id="nom" name="nom" class="form-control" data-required="false" placeholder="Entrer votre nom" size="20" maxlength="20" value=${sessionScope.sessionUtilisateur.nom}>
			                    </div>
			                  </div>
			                  <div class="form-group">
			                    <label class="col-lg-3 control-label">Email:</label>
			                    <div class="col-lg-8">
			                    <input type="email" id="email" name="email" class="form-control" data-required="false"  size="20" maxlength="40" value=${sessionScope.sessionUtilisateur.email}>
			                    </div>
			                  </div>
			                  <div class="form-group">
			                    <label class="col-md-3 control-label">Password:</label>
			                    <div class="col-md-8">
			                      <input type="password" id="password" name="password" class="form-control" data-required="false"  size="20" maxlength="40" value=${sessionScope.sessionUtilisateur.motDePasse}>
			                    </div>
			                  </div>
			                  <div class="form-group">
			                    <label class="col-md-3 control-label">Confirm password:</label>
			                    <div class="col-md-8">
			                      <input class="form-control" type="password" value=${sessionScope.sessionUtilisateur.motDePasse}>
			                    </div>
			                  </div>
			                  <button type="submit" class="btn btn-primary">Save Changes</button>
			                </form>
		              </div>
		          </div>
		        </div>
		        <hr>


		        <div class="col-lg-12">
		            <h1 class="page-header">My Ads</h1>
		        </div>

		        <div class="col-lg-3 col-md-4 col-xs-6 thumb">
		            <a class="thumbnail" href="#">
		                <img id="myImg" class="img-responsive" src="http://placehold.it/400x300" alt="TEST MOTHERFUCKAAA">
		                    <div id="myModal" class="modal">
		                       <span class="close" onclick="document.getElementById('myModal').style.display='none'">&times;</span>
		                       <img class="modal-content" id="img01">
		                       <div id="caption"></div>
		                    </div>
		            </a>
		        </div>

		        <div class="col-lg-2"><a href="add_product" class="btn btn-default">Add</a></div>
		    </div>
		</div>

		<!-- Footer -->
		<div class="navbar navbar-default navbar-fixed-bottom">
		    <div class="container">
		      <p class="navbar-text pull-left">© 2017 - Caille & Co </p>
		    </div>


		</div>


		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
		<script src="scripts/supmarket.js"></script>
		</body>
</html>