Advertisement
Guest User

html

a guest
Jul 24th, 2016
126
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.00 KB | None | 0 0
  1. <html>
  2.  
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  7.     <script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  8.     <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600italic&amp;subset=latin,latin-ext"
  9.    rel="stylesheet" type="text/css">
  10.     <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css"
  11.    rel="stylesheet" type="text/css">
  12.     <link href="style.css" rel="stylesheet" type="text/css">
  13.     <style>
  14.       h1, h2, h3, h4, h5, h6, body
  15.               {
  16.               font-family: 'Open Sans', sans-serif;
  17.               }
  18.     </style>
  19.   </head>
  20.  
  21.   <body>
  22.     <div class="cover">
  23.       <div class="navbar navbar-default">
  24.         <div class="container">
  25.           <div class="navbar-header">
  26.             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-ex-collapse">
  27.               <span class="sr-only">Toggle navigation</span>
  28.               <span class="icon-bar"></span>
  29.               <span class="icon-bar"></span>
  30.               <span class="icon-bar"></span>
  31.             </button>
  32.             <a class="navbar-brand" href="#"><span><img src="logo3.png">   Beskidzkie Centrum Pomp Ciepła</span></a>
  33.           </div>
  34.           <div class="collapse navbar-collapse" id="navbar-ex-collapse">
  35.             <ul class="nav navbar-nav navbar-right">
  36.               <li class="">
  37.                 <a href="#">Pompy ciepła<br></a>
  38.               </li>
  39.               <li class="">
  40.                 <a href="#">Realizacje<br></a>
  41.               </li>
  42.               <li class="active">
  43.                 <a href="#">Kontakt<br></a>
  44.               </li>
  45.             </ul>
  46.           </div>
  47.         </div>
  48.       </div>
  49.       <div class="cover-image" style="background-image : url('IMG_0494.jpg')"></div>
  50.       <div class="container">
  51.         <div class="row">
  52.           <div class="col-md-12 text-center">
  53.             <h1 class="text-center">Beskidzkie Centrum Pomp Ciepła</h1>
  54.             <p>Firma, dla której jakość to priorytet.</p>
  55.             <br>
  56.             <br>
  57.             <a class="btn btn-lg btn-default">O nas<br></a>
  58.           </div>
  59.         </div>
  60.       </div>
  61.     </div>
  62.     <div class="section">
  63.       <div class="container">
  64.         <div class="row">
  65.           <div class="col-md-6">
  66.             <img src="IMG_0501.jpg" class="img-responsive">
  67.           </div>
  68.           <div class="col-md-6">
  69.             <h1>O nas</h1>
  70.             <h3>Beskidzkie Centrum Pomp Ciepła</h3>
  71.             <p>Beskidzkie Centrum Pomp Ciepła powstało w trosce o naturalne środowisko
  72.               Beskidów. Degradacja środowiska naturalnego , rosnący poziom zanieczyszczeń,
  73.               niepokojąco wzrastająca emisja CO2 do atmosfery , ciągła eksploatacja złóż
  74.               węgla, gazu oraz systematyczna wycinka drzew przeznaczonych na opał zmusza
  75.               nas do poszukiwań alternatywnych źródeł energii odnawialnej.</p>
  76.           </div>
  77.         </div>
  78.       </div>
  79.     </div>
  80.     <div class="section">
  81.       <div class="container">
  82.         <div class="row">
  83.           <div class="col-md-6">
  84.             <h1>Pompa ciepła</h1>
  85.             <h3>Co to jest pompa ciepła?</h3>
  86.             <p>Pompa ciepła jest urządzeniem działającym na tej samej zasadzie, jak lodówka
  87.               czy klimatyzator. Jej celem nie jest jednak odebranie ciepła od owoców,
  88.               czy jogurtów schowanych w lodówce, ale dostarczenie ciepła, czyli to, co
  89.               lodówka robi na wymienniku umieszczonym z tyłu obudowy. Pompa ciepła instalowana
  90.               jest w domu, jako urządzenie wielkości niedużego kotła czy lodówki. Do
  91.               niego doprowadzane są rury — obwód wymiennika umieszczonego w gruncie oraz
  92.               obwód grzewczy.</p>
  93.           </div>
  94.           <div class="col-md-6">
  95.             <img src="IMG_0561.jpg" class="img-responsive">
  96.           </div>
  97.         </div>
  98.       </div>
  99.     </div>
  100.     <div class="section">
  101.       <div class="container">
  102.         <div class="row">
  103.           <div class="col-md-6">
  104.             <img src="IMG_0560.jpg" class="img-responsive">
  105.           </div>
  106.           <div class="col-md-6">
  107.             <h1>Realizacje</h1>
  108.             <h3>Zadowolenie klientów to dla nas priorytet!</h3>
  109.             <p>Jesteśmy wiodącym liderem na Podbeskidziu jeżeli chodzi o montaż pomp
  110.               ciepła. Zrealizowaliśmy szereg projektów które świetnie funkcjonują. Dzięki
  111.               najnowszym technologiom zastosowanych w pompach ciepła Vaillant mamy możliwość
  112.               internetowego podglądu pracy każdego urządzenia oraz ewentualnej szybkiej
  113.               korekcji parametrów.</p>
  114.           </div>
  115.         </div>
  116.       </div>
  117.     </div>
  118.   </body>
  119.  
  120. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement