prettyPhoto and gallery not working

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
	<meta http-equiv="Content-Type" content="text/html"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <!--<link rel="icon" href="../../favicon.ico">-->

    <title></title>

		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/bootstrap-theme.min.css">
		<script src="../../assets/js/ie-emulation-modes-warning.js"></script>
		<script src="[[++site_url]]js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="[[++site_url]]css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
		<script src="[[++site_url]]js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
  </head>

  <body>

      <div class="width: %100;">
        <img src="images\header_panoramic.jpg" class="img-responsive"/>
      </div>
		<div style="width:100%;" class="pageMenu">
			<div class="container">
				[[!pdoMenu? 
				&parents=`0`
				&level=`1`
				&tplOuter=`defaultMenuOuterTpl`
				&tpl=`defaultMenuRowTpl`

			]]
			</div>
		</div>
    <div class="container">
		<div class="page-header">
			<h1>[[*pagetitle]]</h1>
		</div>
		<hr>
		[[pdoCrumbs?

			&to=`[[*id]]`
    		&showCurrent=`0`
			&from=`1`
			&tplWrapper=`@INLINE <ol style="background-color: #EBF5F0;" class="breadcrumb">[[+output]]</ol>`
			&tpl=`@INLINE <li><a href="[[+link]]">[[+menutitle]]</a></li>`
			&tplCurrent=`@INLINE <li class="active"><a href="[[+link]]">[[+menutitle]]</a></li>`
			]]
     
	  <div class="container">
	  		[[!Gallery? &album=`[[*activityAlbumSel]]` &thumbTpl=`activityGallery` &toPlaceholder=`gallery`]]
			[[!GalleryItem]]
			<div class="row">
				<div class="col-md-9 col-md-offset-1 gallery">
					[[+gallery]]
				</div>
			</div>

			<div class="row rowPadding">
				<div class="col-md-9 col-md-offset-1">
					[[*content]]
				</div>
			</div>
	  </div>
      <footer class="align: center;">
        <p>© </p>
      </footer>
    </div> <!-- /container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
	<!-- Latest compiled and minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
	<!-- Gallery code -->




  </body>
</html>

<div>
	<a href="[[+image]]" class="preview" rel="prettyphoto" data-gal="prettyPhoto"><img src="[[+thumbnail]]" width="60" height="60" alt="[[+name]]" /></a>
</div>