diff --git a/bootstrap-3.3.7-dist/css/svatweb.css b/bootstrap-3.3.7-dist/css/svatweb.css
index abe67ba..ef69780 100644
--- a/bootstrap-3.3.7-dist/css/svatweb.css
+++ b/bootstrap-3.3.7-dist/css/svatweb.css
@@ -82,4 +82,24 @@ ul.user li a:hover {
 
 .glyphicon-edit{
   font-size: 2em;
+}
+
+.btn-file {
+    position: relative;
+    overflow: hidden;
+}
+.btn-file input[type=file] {
+    position: absolute;
+    top: 0;
+    right: 0;
+    min-width: 100%;
+    min-height: 100%;
+    font-size: 100px;
+    text-align: right;
+    filter: alpha(opacity=0);
+    opacity: 0;
+    outline: none;
+    background: white;
+    cursor: inherit;
+    display: block;
 }
\ No newline at end of file
diff --git a/bootstrap-3.3.7-dist/index.html b/bootstrap-3.3.7-dist/index.html
index c6514b3..55c3c1e 100644
--- a/bootstrap-3.3.7-dist/index.html
+++ b/bootstrap-3.3.7-dist/index.html
@@ -1,6 +1,6 @@
 <!doctype html>
 <html lang="en">
-  <head>
+<head>
     <!-- Required meta tags -->
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@@ -13,65 +13,65 @@
     <link href="css/template.css" rel="stylesheet">
 
     <title>Svatbonet</title>
-  </head>
-  <body>
+</head>
+<body>
   <!-- Sidebar -->
   <nav>
     <ul class="sidebar-nav">
         <li>
         	<a href="#"><span class="glyphicon g1 glyphicon-home"></span>
-            <p>Nástěnka</p></a>
+                <p>Nástěnka</p></a>
         </li>
         <li>
             <a href="#"><span class="glyphicon g1 glyphicon-euro"></span>
-            <p>Rozpočet</p></a>
+                <p>Rozpočet</p></a>
         </li>
         <li>
             <a href="#"><span class="glyphicon g1 glyphicon-user"></span>
-            <p>Hosté</p></a>
+                <p>Hosté</p></a>
         </li>
         <li>
-        	<a href="#"><span class="glyphicon g1 glyphicon-calendar"></span>
-            <p>Události</p></a>
+            <a href="#"><span class="glyphicon g1 glyphicon-calendar"></span>
+                <p>Události</p></a>
         </li>
         <hr>
         <li>
             <a href="#"><span class="glyphicon g1 glyphicon-heart"></span>
-            <p>Svatební web</p></a>
+                <p>Svatební web</p></a>
         </li>
         <li>
-        	<a href="#"><span class="glyphicon g1 glyphicon-info-sign"></span>
+           <a href="#"><span class="glyphicon g1 glyphicon-info-sign"></span>
             <p>Detaily svatby</p></a>
         </li>
         <li>
-        	<a href="#"><span class="glyphicon g1 glyphicon-time"></span>
+           <a href="#"><span class="glyphicon g1 glyphicon-time"></span>
             <p>Program</p></a>
         </li>
         <li>
-        	<a href="#"><span class="glyphicon g1 glyphicon-cog"></span>
+           <a href="#"><span class="glyphicon g1 glyphicon-cog"></span>
             <p>Nastavení webu</p></a>
         </li>
     </ul>
-   </nav>
+  </nav>
 
-	<nav class="top-panel">
-    <ul class="breadcrumb">
-    	<li><a href="#"> Home </a></li>
-    	<li><a href="#"> Nástěnka </a></li>
-    </ul>
-    <div id = "userdiv">
-    <ul class="user">
-    	<li> <span class="glyphicon glyphicon-user"></span> <a href="#"> Adam </a></li>
-    	<li><a href="#"> Odhlásit </a></li>
-    </ul>
-	</div>
-</nav>
+    <nav class="top-panel">
+        <ul class="breadcrumb">
+           <li><a href="#"> Home </a></li>
+           <li><a href="#"> Nástěnka </a></li>
+       </ul>
+       <div id = "userdiv">
+        <ul class="user">
+           <li> <span class="glyphicon glyphicon-user"></span> <a href="#"> Adam </a></li>
+           <li><a href="#"> Odhlásit </a></li>
+       </ul>
+        </div>
+    </nav>
 
-    <!-- Optional JavaScript -->
-    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+           <!-- Optional JavaScript -->
+           <!-- jQuery first, then Popper.js, then Bootstrap JS -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
-  </body>
+</body>
 </html>
diff --git a/bootstrap-3.3.7-dist/svatebni-web.html b/bootstrap-3.3.7-dist/svatebni-web.html
index 0d9a126..2002142 100644
--- a/bootstrap-3.3.7-dist/svatebni-web.html
+++ b/bootstrap-3.3.7-dist/svatebni-web.html
@@ -1,83 +1,83 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<head>
+	<!-- Required meta tags -->
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-    <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="css/bootstrap.min.css">
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-    <script src="js/bootstrap.min.js"></script>
-    <script src="js/template.js"></script>
+	<!-- Bootstrap CSS -->
+	<link rel="stylesheet" href="css/bootstrap.min.css">
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/template.js"></script>
 
-    <link href="css/svatweb.css" rel="stylesheet">
+	<link href="css/svatweb.css" rel="stylesheet">
 
-    <title>Svatební web</title>
-  </head>
-  <body>
-  <!-- Sidebar -->
+	<title>Svatební web</title>
+</head>
+<body>
+	<!-- Sidebar -->
 
-<nav class="top-panel">
-    <div class="nazevwebu">
-    	<h1 id="jmeno"> Adam & Eva </h1>
-    </div>
-    <div class = "userdiv">
-    <ul class="user">
-    	<li><a href="#"> Úvod </a></li>
-    	<li><a href="#"> Fotogalerie </a></li>
-    	<li><a href="#"> Náš příběh </a></li>
-    	<li><a href="#"><span class="glyphicon glyphicon-plus-sign"></span></a></li>
-    </ul>
-    
+	<nav class="top-panel">
+		<div class="nazevwebu">
+			<h1 id="jmeno"> Adam & Eva </h1>
+		</div>
+		<div class = "userdiv">
+			<ul class="user">
+				<li><a href="#"> Úvod </a></li>
+				<li><a href="#"> Fotogalerie </a></li>
+				<li><a href="#"> Náš příběh </a></li>
+				<li><a href="#"><span class="glyphicon glyphicon-plus-sign"></span></a></li>
+			</ul>
+			
+		</div>
+	</nav>
+
+	<div class="profile-pic">
+		<img src="./img/affair-anniversary-beach-1024993.jpg" class="img-fluid" id="uvodni" alt="Krásná úvodní fotografie">
+		<div class="edit"><a href="#"><i class="glyphicon glyphicon-edit" data-toggle="modal" data-target="#exampleModal"></i></a></div>
 	</div>
-</nav>
 
-<div class="profile-pic">
-	<img src="./img/affair-anniversary-beach-1024993.jpg" class="img-fluid" id="uvodni" alt="Krásná úvodní fotografie">
-	<div class="edit"><a href="#"><i class="glyphicon glyphicon-edit" data-toggle="modal" data-target="#exampleModal"></i></a></div>
-</div>
+	<!-- Modal -->
+	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+		<div class="modal-dialog" role="document">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h5 class="modal-title" id="exampleModalLabel">Úvodní fotografie</h5>
+					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+						<span aria-hidden="true">&times;</span>
+					</button>
+				</div>
+				<div class="modal-body">
+					<div class="container">
+						<div class="col-md-6">
+							<div class="form-group">
+								<label>Vybrat obrázek</label>
+								<div class="input-group">
+									<span class="input-group-btn">
+										<span class="btn btn-default btn-file">
+											Procházet<input type="file" id="imgInp">
+										</span>
+									</span>
+								</div>
 
-<!-- Modal -->
-<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
-  <div class="modal-dialog" role="document">
-    <div class="modal-content">
-      <div class="modal-header">
-        <h5 class="modal-title" id="exampleModalLabel">Úvodní fotografie</h5>
-        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-          <span aria-hidden="true">&times;</span>
-        </button>
-      </div>
-      <div class="modal-body">
-       <div class="container">
-	<div class="col-md-6">
-    <div class="form-group">
-        <label>Vybrat obrázek</label>
-        <div class="input-group">
-            <span class="input-group-btn">
-                <span class="btn btn-default btn-file">
-                    Procházet<input type="file" id="imgInp">
-                </span>
-            </span>
-        </div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="modal-footer">
+					<button type="button" class="btn btn-secondary" data-dismiss="modal">Storno</button>
+					<button type="button" class="btn btn-primary" onclick="changeImage()" data-dismiss="modal">Nastavit</button>
+				</div>
+			</div>
+		</div>
+	</div>
 
-    </div>
-</div>
-</div>
-      </div>
-      <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-dismiss="modal">Storno</button>
-        <button type="button" class="btn btn-primary" onclick="changeImage()" data-dismiss="modal">Nastavit</button>
-      </div>
-    </div>
-  </div>
-</div>
-
-    <!-- Optional JavaScript -->
-    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
-  </body>
+	<!-- Optional JavaScript -->
+	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
+	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+</body>
 </html>