Doména motoservis-republika.cz - miniweb editor - index.html      
<!DOCTYPE html>
<html>                                            
    <head>                                                                                
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">                                                                                
        <title>Motoservis Republika                                                                                 
        </title>                                                                                
        <meta name="viewport" content="width=device-width, initial-scale=1.0">                                                                                
        <!-- Bootstrap -->                                                                                        
        <link href="files/bootstrap.min.css" rel="stylesheet">                                                                                
        <link href="files/fonts.css" rel="stylesheet" type="text/css">                                                                                
        <link href="files/style.css" rel="stylesheet">                                                                           
        <link rel="icon"        type="image/png"        href="files/images/mrlogo.jpg">                                                                             
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->                                                                                        
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->                                                                                        
        <!--[if lt IE 9]>
                                                                                          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
                                                                                          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
                                                                                        <![endif]-->                                                    
    </head>                                            
    <body>                                                                                
        <header class="main__header">                                                                                                                       
            <div class="container">                                                                                                                                                             
                <nav class="navbar navbar-default" role="navigation">                                                                                                                                                                                                     
                    <!-- Brand and toggle get grouped for better mobile display -->                                                                                                                                                                                                               
                    <!-- Collect the nav links, forms, and other content for toggling -->                                                                                                                                                                                                             
                    <div class="navbar-header">                                                                                                                                                                                                                                         
                        <h1 class="navbar-brand" id="logo" style="background-image: url(files/images/mrlogo.jpg); background-size: contain;">                                                                                                                                                                                                                                                                    
                            <a href="http://www.motoservis-republika.cz/">Motoservis Republika</a></h1>                                                                                                                                                                                                                                         
                        <a href="#" class="submenu">Menus</a>                                                                                                                                                                                              
                    </div>                                                                                                                                                                                                   
                    <div class="menuBar">                                                                                                                                                                                                                                         
                        <ul class="menu">                                                                                                                                                                                                                                                                               
                            <li class="active">                                                                                                                                                                                                                                                                                                        
                                <a href="index.html">Úvod</a>                                                                                                                                                                                                                                                                    
                            </li>                                                                                                                                                                                                                                                                               
                            <li>                                                                                                                                                                                                                                                                    
                            <a href="#services">Služby</a>                                                                                                                                                                                                                                                                    
                            </li>                                                                                                                                                                                                                                                                                    
                            <li>                                                                                                                                                                                                                                                                    
                            <a href="#projects">Projekty</a>                                                                                                                                                                                                                                                                    
                            </li>                                                                                                                                                                                                                                                                               
                            <li>                                                                                                                                                                                                                                                                    
                            <a href="#contact">Kontakt</a>                                                                                                                                                                                                                                                                    
                            </li>                                                                                                                                                                                                                                         
                        </ul>                                                                                                                                                                                                   
                    </div>                                                                                                                                                                                                   
                    <!-- /.navbar-collapse -->                                                                                                                                                                        
                </nav>                                                                                                                       
            </div>                                                                                
        </header>                                                                                
        <section class="slider">                                                                                                                       
            <div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel">                                                                                                                                                             
                <div class="carousel-inner">                                                                                                                                                                                                   
                    <div class="item active">                                                                                                                                                                                                                                  
                        <img data-src="files/images/slider/slider.jpg" alt="first slide" src="files/images/slider.jpg">                                                                                                                                                                                                                                         
                        <div class="container">                                                                                                                                                                                                                                                                               
                            <div class="carousel-caption">                                                                                                                                                                                                                                                                               
                            </div>                                                                                                                                                                                                                                         
                        </div>                                                                                                                                                                                                   
                    </div>                                                                                                                                                                                                   
                    <div class="item">                                                                                                                                                                                                                                  
                        <img data-src="files/images/slider/slider2.jpg" alt="second slide" src="files/images/slider2.jpg">                                                                                                                                                                                                                                         
                        <div class="container">                                                                                                                                                                                                                                                                               
                            <div class="carousel-caption">                                                                                                                                                                                                                                                                                            
                            </div>                                                                                                                                                                                                                                         
                        </div>                                                                                                                                                                                                   
                    </div>                                                                                                                                                                                                   
                    <div class="item">                                                                                                                                                                                                                                  
                        <img data-src="files/images/slider/slider3.jpg" alt="third slide" src="files/images/slider3.jpg">                                                                                                                                                                                                                                         
                        <div class="container">                                                                                                                                                                                                                                                                               
                            <div class="carousel-caption">                                                                                                                                                                                                                                                                               
                            </div>                                                                                                                                                                                                                                         
                        </div>                                                                                                                                                                                                   
                    </div>                                                                                                                                                             
                </div>                                                                                                                                                             
                <a class="left carousel-control" href="#myCarousel" data-slide="prev">                                                                                                                                                                                            
                    <span class="glyphicon carousel-control-left">                                                                                                                                                                                            
                    </span></a>                                                                                                                                                          
                <a class="right carousel-control" href="#myCarousel" data-slide="next">                                                                                                                                                                                            
                    <span class="glyphicon carousel-control-right">                                                                                                                                                                                            
                    </span></a>                                                                                                                      
            </div>                                                                                
        </section>                                                                                
        <!--end of slider section-->                                                                                        
        <section class="main__middle__container homepage">                                                                                                                       
            <div class="row text-center headings no-margin nothing">                                                                                                                                                             
                <div class="container">                                                                                                                                                                                                   
                    <h1 class="page_title">Motorky - to je náš koníček, zábava, radost a naplnění.</h1>                                                                                                                                                                                                   
                    <p>Motorky jsou to na čem jsme vyrostli od pionýra až po litrové supersporty.                                                                                                                                                                                                                                  
                        <br>Jak všichni víme, tak aby nám motorky sloužili dobře, musíme jim také dopřát náležitou péči.                                                                                                                                                                                                                                 
                        <br>A proto jsme tu my motorkáři pro motorkáře.                                                                                                                                                                                             
                    </p>                                                                                                                                                             
                </div>                                                                                                                       
            </div>                                                                                                                       
            <div>                                                                                                                                                        
                <a name="services"></a>                                                                                                                    
            </div>                                                                                                                       
            <div class="row three__blocks no_padding no-margin text-center">                                                                                                                                                             
                <div class="container">                                                                                                                                                                                                   
                    <h2 class="page__title text-center">                                                                                                                                                                                                                                
                        <span>Služby                                                                                                                                                                                                                                 
                        </span></h2>                                                                                                                                                                                                   
                    <p class="small-paragraph text-center">Vyberte si s čím Vám můžeme pomoct                                                                                                                                                                                             
                    </p>                                                                                                                                                                                                   
                    <div class="col-md-4">    <h4>                                                                                                                                                                                                                                                                        
                            <a href="#servis">Servis a údržba</a></h4>                                                                                                                                                                                                                                         
                        <img src="files/images/servis.jpg" alt="image" class="img-responsive img-rounded">                                                                                                                                                                                                                                       
                        </p>                                                                                                                                                                                         
                    </div>                                                                                                                                                                                                   
                    <div class="col-md-4 middle">        <h4>                                                                                                                                                                                                                                                                    
                            <a href="#renovace">Lakování</a></h4>                                                                                                                                                                                                                                         
                        <img src="files/images/renovace.jpg" alt="image" class="img-responsive img-rounded">                                                                                                                                                                                                                                       
                        </p>                                                                                                                                                                                            
                    </div>                                                                                                                                                                                                   
                    <div class="col-md-4">        <h4>                                                                                                                                                                                                                                                                    
                            <a href="#konzultace">Příprava a zajištění STK</a></h4>                                                                                                                                                                                                                                         
                        <img src="files/images/konzultace.jpg" alt="image" class="img-responsive img-rounded">                                                                                                                                                                                                                                       
                        </p>                                                                                                                                                                                            
                    </div>                                                                                                        
                    <div class="col-md-4">                                                                                                            
                        <ul>                                                                                                                   
                            <li><h4><h4>                                                                                                                                                                                                                                                                                                    
                                    <a href="#servis">Repase a údržba podvozků</a></h4>                                                                                                                                         
                                </li>                                                                                                   
                        </ul>                                                                                                                                                                                          
                    </div>                                                                                                                                                                                                   
                    <div class="col-md-4 middle">                                                                                                             
                        <ul>                                                                                                                   
                            <li><h4>                                                                                                                                                                                                                                                                                    
                                <a href="#renovace">Výplety kol</a></h4>                                                                                                                          
                            </li>                                                                                                   
                        </ul>                                                                                                                                                                                         
                    </div>                                                                                                                                                                                                   
                    <div class="col-md-4">                                                                                                           
                        <ul>                                                                                                                   
                            <li><h4> <h4>                                                                                                                                                                                                                                                                                                    
                                    <a href="#konzultace">Svařování plastů</a></h4>                                                                                                                                      
                                </li>                                                                                                   
                        </ul>                                                                                                                                                                                           
                    </div>                                                                                                              
                    <div class="col-md-4">                                                                                                            
                        <ul>                                                                                                                   
                            <li><h4><h4>                                                                                                                                                                                                                                                                                                    
                                    <a href="#servis">Repase brzd</a></h4>                                                                                                                                       
                                </li>                                                                                                   
                        </ul>                                                                                                                                                                                           
                    </div>                                                                                                                                                                                                   
                    <div class="col-md-4 middle">                                                                                                            
                        <ul>                                                                                                                   
                            <li><h4><h4>                                                                                                                                                                                                                                                                                                    
                                    <a href="#renovace">Seřízení ventilů</a></h4>                                                                                                                                      
                                </li>                                                                                                   
                        </ul>                                                                                                                                                                                          
                    </div>                                                                                                                                                                                                   
                    <div class="col-md-4">                                                                                                            
                        <ul>                                                                                                                   
                            <li><h4><h4>                                                                                                                                                                                                                                                                                                    
                                    <a href="#konzultace">Kompletní opravy motorů</a></h4>                                                                                                                                       
                                </li>                                                                                                   
                        </ul>                                                                                                                                                                                            
                    </div>                                                                                                           
                    <div class="col-md-4">                                                                                                            
                        <ul>                                                                                                                   
                            <li><h4><h4>                                                                                                                                                                                                                                                                                                    
                                    <a href="#servis">Opravy po nehodě</a></h4>                                                                                                                                          
                                </li>                                                                                                   
                        </ul>                                                                                                                                                                                         
                    </div>                                                                                                                                                                                                   
                    <div class="col-md-4 middle">                                                                                                            
                        <ul>                                                                                                                   
                            <li><h4><h4>                                                                                                                                                                                                                                                                                                    
                                    <a href="#renovace">Renovace veteránů</a></h4>                                                                                                                                     
                                </li>                                                                                                   
                        </ul>                                                                                                                                                                                             
                    </div>                                                                                                                                                                                                   
                    <div class="col-md-4">                                                                                                            
                        <ul>                                                                                                                   
                            <li><h4><h4>                                                                                                                                                                                                                                                                                                    
                                    <a href="#konzultace">Linkování</a></h4>                                                                                                                                       
                                </li>                                                                                                   
                        </ul>                                                                                                                                                                                           
                    </div>                                                                                                                                                     
                </div>                                                                                                                       
            </div>                                                                                                                         
            <div>                                                                                                                                                        
                <a name="projects"></a>                                                                                                                    
            </div>                                                                                                                       
            <div class="row grey-info-block text-center">                                                                                                                                                             
                <div class="container">                                                                                                                                                                                                   
                    <h2 class="page__title">                                                                                                                                                                                                                                
                        <span>Projekty                                                                                                                                                                                                                                 
                        </span></h2>                                                                                                                                                                                                   
                    <p class="small-paragraph">Něco na ukázku                                                                                                                                                                                             
                    </p>                                                                                                                                                                                                      
                    <div class="col-md-6">                        <h3>DKW 350</h3>                                                                                                                                                                                                                                         
                        <p>Kompletní lakýrnické práce od nás.                                                                                                    
                        </p>                                                                          
                        <img src="files/images/pr01.jpg" alt="pic" class="img-rounded img-responsive">                                                                                                                                                                                                  
                    </div>                      
                    <div class="col-md-6">                        <h3>ČZ 350 / 472.5</h3>                                                                                                                                                                                                                                         
                        <p>Restaurování do původního stavu.                                                                                                    
                        </p>                                                                               
                        <img src="files/images/pr02.jpg" alt="pic" class="img-rounded img-responsive">                                                                                                                                                                                              
                    </div>                    
                    <div class="col-md-6">                        <h3>Jawa 350 / 354</h3>                                                                                                                                                                                                                                         
                        <p>Kompletní renovace.                                                                                                    
                        </p>                                                                             
                        <img src="files/images/pr03.jpg" alt="pic" class="img-rounded img-responsive">                                                                                                                                                                                                
                    </div>                       
                    <div class="col-md-6">                        <h3>Jawa 250 / 353</h3>                                                                                                                                                                                                                                         
                        <p>Kompletní renovace.                                                                                                    
                        </p>                                                                                
                        <img src="files/images/pr04.jpg" alt="pic" class="img-rounded img-responsive">                                                                                                                                                                                             
                    </div>                                                                                                                                                                                                                                 
                    <div class="col-md-6">                        <h3>Jawa 250 / 553</h3>                                                                                                                                                                                                                                         
                        <p>Generální oprava motoru                                                                                                    
                        </p>                                                                                      
                        <img src="files/images/pr05.jpg" alt="pic" class="img-rounded img-responsive">                                                                                                                                                                                       
                    </div>                                                                                                                                                                                                   
                    <div class="col-md-6">    <h3>ČZ 250 / 455.5</h3>                                                                                                                                                                                                                                         
                        <p>Generální oprava motoru                                                                                                    
                        </p>                                                                                 
                        <img src="files/images/pr06.jpg" alt="pic" class="img-rounded img-responsive">                                                                                                                                                                                            
                    </div>                                                                                                                                                                                                 
                    <div class="col-md-6">     <h3>Jawa 250 / 559</h3>                                                                                                                                                                                                                                         
                        <p>Kompletní renovace.                                                                                                    
                        </p>                                                                                  
                        <img src="files/images/pr07.jpg" alt="pic" class="img-rounded img-responsive">                                                                                                                                                                                           
                    </div>                                                                                                                                                                                                   
                    <div class="col-md-6">   <h3>ČZ 175 / 502</h3>                                                                                                                                                                                                                                         
                        <p>Kompletní renovace.                                                                                                    
                        </p>                                                                              
                        <img src="files/images/pr08.jpg" alt="pic" class="img-rounded img-responsive">                                                                                                                                                                                               
                    </div>                                                                                                                                                                                                                            
                    <div class="col-md-6">                <h3>&nbsp;</h3>                                                                                                                                                                                                                                         
                        <p>Seřízení karburátoru.                                                                                                    
                        </p>                                                                            
                        <img src="files/images/pr09.jpg" alt="pic" class="img-rounded img-responsive">                                                                                                                                                                                                 
                    </div>                                                                                                                                                                                                                            
                    <div class="col-md-6">                <h3>&nbsp;</h3>                                                                                                                                                                                                                                         
                        <p>Servisní prohlídka.                                                                                                    
                        </p>                                                                            
                        <img src="files/images/pr10.jpg" alt="pic" class="img-rounded img-responsive">                                                                                                                                                                                                 
                    </div>                                                                                                                                                                                                   
                    <div class="col-md-6">          <h3>&nbsp;</h3>                                                                                                                                                                                                                                         
                        <p>Okruhovka s novou fasádou.                                                                                                    
                        </p>                                                                             
                        <img src="files/images/pr11.jpg" alt="pic" class="img-rounded img-responsive">                                                                                                                                                                                                 
                    </div>                                                                                                                                                                                                   
                    <div class="col-md-6"> <h3>&nbsp;</h3>                                                                                                                                                                                                                                         
                        <p>Okruhovka s novou fasádou                                                                                                    
                        </p>                                                                            
                        <img src="files/images/pr12.jpg" alt="pic" class="img-rounded img-responsive">                                                                                                                                                                                                 
                    </div>                                                                                                                                                                         
                </div>                                                                                                                       
            </div>                                                                                                                                                                                                                           
        </section>                                                                                
        <footer>                                                                                                                    
            <div>                                                                                                                                                        
                <a name="contact"></a>                                                                                                                    
            </div>                                                                                                                       
            <div class="container">                                                                                                                                                                       
                <div class="col-md-4" >                                                                                                                                                                    
                </div>                                                                                                                                                               
                <div class="col-md-4 text-center" >             <h3>Kontakt</h3>                                                                                                                                                                                                     
                    <p><strong>Motoservis republika</strong>                                                                                                                                                                                                                                
                        <br>          Měňany 18 (okres Beroun)                                                                                                                                                                                                                                 
                        <br>          Česká republika                                                                                                                                                                                                                                 
                        <br>                                                                                                                                                                                                                                           
                        <br>          Tel: +420 777 408 441                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
                        <br>                                                                                                                                                                                                                                           
                        <br>                                                                                                                                                                                                                                           
                        <div class="social__icons">                                                                                                                                                                                                                                                                    
                            <a href="https://www.facebook.com/Motopaintrenovace" class="socialicon socialicon-facebook"></a>                                                                                                                                                                                                                                
                        </div>                                                                                                                                                                                                     
                    </p>                                                                                                                                                                         
                </div>                                                                                                                                                           
                <div class="col-md-4">                                                                                                                                                                   
                </div>                                                                                                                         
            </div>                                                                                                                       
            </div>                                                                                
        </footer>                                                                                
        <p class="text-center copyright">Motoservis republika 2021                                                                                 
        </p>                                                                                
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->                   
<script type="text/javascript" src="files/jquery.min.js"></script>                                                                                             
        <!-- Include all compiled plugins (below), or include individual files as needed -->                     
<script src="files/bootstrap.min.js"></script>                     
<script type="text/javascript">
$('.carousel').carousel({
  interval: 3500, // in milliseconds
  pause: 'none' // set to 'true' to pause slider on mouse hover
})          
</script>                   
<script type="text/javascript">
$( "a.submenu" ).click(function() {
$( ".menuBar" ).slideToggle( "normal", function() {
// Animation complete.
});
});
$( "ul li.dropdown a" ).click(function() {
$( "ul li.dropdown ul" ).slideToggle( "normal", function() {
// Animation complete.
});
$('ul li.dropdown').toggleClass('current');
});          
</script>                                                       
    </body>
</html>