<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title></title>
<meta name="description" content="Opis w Google" />
<meta name="keywords" content="słowa, kluczowe, wypisane, po, porzecinku" />
<link rel="stylesheet" type="text/css" href="main.css"/>
<link rel="stylesheet" type="text/css" href="css/fontello.css"/>
<link href="https://fonts.googleapis.com/css?family=Lato|Roboto:700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat+Alternates:700" rel="stylesheet">
</head>
<body>
<article>
<div class="adressup">
<div class="adress">
<div class="adresselementss">Skontaktuj się z nami ! </div>
<i class="icon-phone"></i><p class="adresselements">:609771033 / 713659871 </p>
<div style="clear:both;"></div>
<i class="icon-location"></i><p class="adresselements">:ul. Reymonta 101a, Gliwice </p>
</div>
</div>
</article>
<nav>
<div class="logo">
<a href="#"><img src="img/logo.png" alt="ailomar" title="ailomar"/></a>
</div>
<ol class="navbarlist">
<li><a href="#">o nas</a></li>
<li><a href="#">oferta</a></li>
<li><a href="#">kontakt</a></li>
</ol>
</nav>
<main>
<article>
<div class="container">
<div class="aboutus">
<div class="imgcontainer">
<img src="img/aboutsus2.png"/></div>
<div class="hcontainer">
<h1> O nas</h1> </div>
<section>
<div class="till1">
<i class="icon-address-card-o"></i>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non mattis sapien, vitae bibendum urna. Integer eu lorem dapibus, aliquet massa vel, scelerisque ante. Proin dignissim, lacus et pulvinar mattis, nisl dolor elementum nisl, quis luctus neque sem viverra nisi. Duis sodales, dolor at pharetra vulputate, lectus augue ullamcorper mauris, a molestie ante eros vel libero. Pellentesque augue ipsum, sagittis eu vehicula sit amet, auctor vitae lacus. Cras fringilla ac nisi eu pulvinar. </p>
</div>
</section>
<section>
<div class="till1">
<i class="icon-doc-text-inv"></i>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non mattis sapien, vitae bibendum urna. Integer eu lorem dapibus, aliquet massa vel, scelerisque ante. Proin dignissim, lacus et pulvinar mattis, nisl dolor elementum nisl, quis luctus neque sem viverra nisi. Duis sodales, dolor at pharetra vulputate, lectus augue ullamcorper mauris, a molestie ante eros vel libero. Pellentesque augue ipsum, sagittis eu vehicula sit amet, auctor vitae lacus. Cras fringilla ac nisi eu pulvinar. </p>
</div>
</section>
<section>
<div class="till2">
<i class="icon-mail"></i>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non mattis sapien, vitae bibendum urna. Integer eu lorem dapibus, aliquet massa vel, scelerisque ante. Proin dignissim, lacus et pulvinar mattis, nisl dolor elementum nisl, quis luctus neque sem viverra nisi. Duis sodales, dolor at pharetra vulputate, lectus augue ullamcorper mauris, a molestie ante eros vel libero. Pellentesque augue ipsum, sagittis eu vehicula sit amet, auctor vitae lacus. Cras fringilla ac nisi eu pulvinar. </p>
</div>
</section>
</div>
</article>
<article>
<div class="offer">
<div class="imgcontainer">
<i class="icon-briefcase"></i></div>
<div class="hcontainer">
<h1>Oferta</h1>
</div>
<section>
<div class="listcontainer">
<p>Biorąc pod uwagę potencjalne potrzeby przedsiębiorstw oraz jednostek gospodarczych działających na rynkach,
krajowym i europejskim firma PPHU „ENERGOTEL” pragnie przedstawić państwu ofertę współpracy.</p>
<strong>Instalacje energo-elektryczne:</strong>
<ol class="offerlist">
<li class="offerli">Projektowanie linii instalacji elektrycznych, kanalizacji teletechnicznej, sieci telekomunikacyjnych i światłowodowych,</li>
<li class="offerli">Remonty instalacji elektrycznych, telekomunikacyjnych i telewizyjnych,</li>
<li class="offerli">Budowa przyłączy energetycznych,</li>
<li class="offerli">Budowa instalacji elektrycznych, telekomunikacyjnych i telewizyjnych w budynkach mieszkalnych i przemysłowych,</li>
<li class="offerli">Budowa, modernizacja i konserwacja sieci telewizji kablowej,</li>
<li class="offerli"> Budowa elektrycznego oświetlenia ulic, placów i parków,</li>
<li class="offerli">Modernizacje instalacji elektrycznych w obiektach budowlanych,</li>
<li class="offerli">Projektowanie i wykonywanie instalacji odgromowych.</li>
</ol>
<strong class="strong">Kompleksowa kontrola stanu technicznego instalacji elektrycznych
i piorunochronnych w obiektach budowlanych, zgodnie z Prawem Budowlanym
z dnia 7 lipca 1994, art. 62, ust. 1, pkt 2 w tym:</strong>
<ol class="offerlist">
<li class="offerli">Projektowanie linii instalacji elektrycznych, kanalizacji teletechnicznej, sieci telekomunikacyjnych i światłowodowych,</li>
<li class="offerli">Remonty instalacji elektrycznych, telekomunikacyjnych i telewizyjnych,</li>
<li class="offerli">Budowa przyłączy energetycznych,</li>
<li class="offerli">Budowa instalacji elektrycznych, telekomunikacyjnych i telewizyjnych w budynkach mieszkalnych i przemysłowych,</li>
<li class="offerli">Budowa, modernizacja i konserwacja sieci telewizji kablowej,</li>
<li class="offerli"> Budowa elektrycznego oświetlenia ulic, placów i parków,</li>
<li class="offerli">Modernizacje instalacji elektrycznych w obiektach budowlanych,</li>
<li class="offerli">Projektowanie i wykonywanie instalacji odgromowych.</li>
</ol>
<strong class="strong">Badania odbiorcze:</strong>
<ol class="offerlist">
<li class="offerli">Badania odbiorcze instalacji elektrycznych,</li>
<li>Badania odbiorcze maszyn i urządzeń,</li>
<li>Wykonywanie protokołów zgodności.</li>
</ol>
</div>
</section>
</div>
</article>
<article>
<div class="contact">
<div class="imgcontainer">
<i class="icon-mail-alt"></i>
</div>
<div class="hcontainer">
<h1>Kontakt</h1>
</div>
<div class="beforeform">Zachęcamy do skontaktowania się poprzez formularz kontaktowy, postaramy się odpowiedzieć tak szybko, jak to możliwe.</div>
<div id="formularz">
<form>
<label>Imię i nazwisko:</label>
<input name="name" placeholder="Imię i nazwisko" onfocus="this.placeholder=''" onblur="this.placeholder='Imię i nazwisko'">
<label>E-mail:</label>
<input name="email" type="email" placeholder="adres@mail.com" onfocus="this.placeholder=''" onblur="this.placeholder='adres@mail.com'">
<label>Wiadomość:</label>
<textarea name="message" placeholder="Napisz tu wiadomość." onfocus="this.placeholder=''" onblur="this.placeholder='Napisz tu wiadomość.'"></textarea>
<input id="submit" name="submit" type="submit" value="Wyślij">
</form>
</div>
<div class="adresscontainer">
<div class="phonenumber">
<i class="icon-phone-1"></i>Telefon: 123456789/781967451
<br/>
</div>
<div style="clear: both;"
<div class="companyadress">
<i class="icon-location-1"></i>Adres: Ul.Reymonta 101a, Gliwice
</div>
<div class="mailadress"><i class="icon-mail-alt-1"></i> Mail: ailomar@wp.pl</div>
</div>
</div>
</article>
<div style="clear:both"></div>
<div class="downmenu">
<br/>
<div class="menuelement margin"><a href="#"><h1> O nas</h1></a></div>
<div class="menuelement2 margin"><a href="#"><h1> Oferta</h1></a></div>
<div class="menuelement3 margin"><h1> Kontakt:</h1></div>
<div style="clear:both;"></div>
<div class="menucontent1 margin"><span>Ailomar</span> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ac dui enim. Fusce placerat fringilla tellus a bibendum. Phasellus sagittis tellus at... <a href="#">Dowiedz się więcej.</a></div>
<div class="menucontent2 margin"><span>Oferujemy</span> między innymi sit amet, consectetur adipiscing elit. Curabitur ac dui enim. Fusce placerat fringilla tellus a bibendum. Phasellus sagittis tellus at... <a href="#">Dowiedz się więcej.</a></div>
<div class="menucontent3 margin">
<div class="downnumber"><i class="icon-phone-2"></i>Telefon :123456789 / <span>753215678</span></div>
<div class="downadress"><i class="icon-location-2"></i>Adres:
Ul.Reymonta 101a, <span>Gliwice, 59-900</span></div>
<div class="downmail"><i class="icon-mail-alt-2"></i>Mail: yoyoyo@wp.pl</div>
</div>
</div>
</div>
</main>
<footer>
Copyright © 2017 PPHU Ilomar - firma świadcząca usługi elektryczne.
</footer>
</body>
</html>
Tu jeszcze html