upravaa

index.html

@@ -76,7 +76,7 @@
         .paramery{
             height: 50vh;
             padding-top: 10px;
-            background-color: sienna;
+            background-color: grey;
             width: 100%;
         
 
@@ -118,6 +118,9 @@
             width: 100%;
 
         }
+        .gallery{
+            width: 90%;
+        }
 
         @media screen and (max-width: 1550px) {
             h3{
@@ -126,12 +129,21 @@
             
         }
 
-        @media screen and (max-width: 1550px) {
+        @media screen and (max-width: 800px) {
             h3{
                 font-size: 1.3rem;
             }
+            h4{
+                font-size: 1.1rem;
+            }
+            .sirka{
+                width: 100%;
+            }
+            .gallery{
+                width: 50%;
+            }
+       }
             
-        }
     
        
 
@@ -144,23 +156,19 @@
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="#">Navbar</a>
+        <a class="navbar-brand" href="#">Nakladatelství</a>
       
         <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
           <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
             <li class="nav-item active">
-              <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+              <a class="nav-link" href="#">Katalog <span class="sr-only">(current)</span></a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="#">Link</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link disabled" href="#">Disabled</a>
+              <a class="nav-link" href="#">O nás</a>
             </li>
           </ul>
           <form class="form-inline my-2 my-lg-0">
-            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
-            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+            
           </form>
         </div>
       </nav>
@@ -260,15 +268,16 @@ Bowman spends months on the ship alone, slowly approaching Iapetus. During his a
             
     
         </div>
-        
         <div class="row as">
             <div class="col-md-12">
                 <div class="leva1">
-                    <h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4>
-                    <h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4>
-                    <h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4>
-                    <h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4>
-                    <h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4>
+                    <h4>2001: A Space Odyssey explores technological advancement: its promise and its danger.
+                        <h4>The book explores the perils related to the atomic age.</h4>
+                        <h4>story follows the growth of human civilization from primitive hominids. Distinctively, Space Odyssey is concerned about not only the evolution that has led to the development of humanity, but also the evolution that humanity might undergo in the future.</h4> 
+                        <h4>Odyssey offers one such vision, offering a glimpse at what space exploration might one day become. Lengthy journeys, such as manned flights to Saturn, and advanced technologies, such as suspended animation, are described in the novel.</h4> 
+                        <h4> book raises questions about consciousness, sentience, and human interactions with machines. Hal's helpful disposition contrasts with his malevolent behaviour.</h4>
+                        <h4>The novel is deliberately written so as to give the reader an almost kinesthetic familiarity with the experience of space travel and the technologies encountered. Large sections of the novel are devoted to detailed descriptions of these.</h4>
+                    
                   
 
                 </div>
@@ -279,6 +288,63 @@ Bowman spends months on the ship alone, slowly approaching Iapetus. During his a
             
             
         </div>
+        <div class="obrazek">
+            <h1>Prolistuj si</h1>
+            
+    
+        </div>
+        <div class="row">
+            <div class="col-md-4">
+                        <div class="leva1">
+                            <div class="gallery">
+                                <a target="_blank" href="24-25.jpg">
+                                  <img src="24-25.jpg">
+                                </a>
+                              </div>
+                          
+        
+                        </div>
+                        
+                        
+                   
+                
+            
+            </div>
+            <div class="col-md-4">
+                <div class="leva1">
+                    <div class="gallery">
+                        <a target="_blank" href="24-25.jpg">
+                          <img src="24-25.jpg">
+                        </a>
+                      </div>
+                  
+
+                </div>
+                  
+                
+            </div>
+            <div class="col-md-4">
+                <div class="leva1">
+                    <div class="gallery">
+                        <a target="_blank" href="24-25.jpg">
+                          <img src="24-25.jpg">
+                        </a>
+                      </div>
+                  
+
+                </div>
+                
+                
+                
+            </div>
+            
+            
+            <div class="col-md-2">
+                
+            </div>
+    </div>
+        
+        
         <div class="obrazek">
             <h1>o autorovi</h1>