Untitled

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>SZYBKI START Z BRACKETS</title>
        <meta name="description" content="Interaktywny poradnik szybkiego startu dla Brackets.">
        <style>
        body {
            background: #edeef0;
                  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

             }
      div#ogolne {
             background: white;
             height: 100%;
             border: 1px solid;
             border-color: #e0e0e0;
             margin: 5px 15% 0 15%;
             }
            header {
                width: 100%;
                height: 150px;
                background: #2c3031;

            }
            div#logo {
                float: left;
                height: 50px;
                width: 30%;
                margin: 0 0 0 15%;
                font-size: 30px;
                padding: 60px;
                color: white;

            }
            img#logo1 { height: 100px;
                        margin: 15px 0 0 0;
            }
            div#menu {float: right;
            height: 150px;
            width: 30%;
            margin: 60px 15% 0 0;
            }

            ul a {text-decoration: none;
            }

            ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                overflow: hidden;
                background-color: #323738 ;
             }

           li {
                float: left;
               }

li a, .dropbtn {
                 display: inline-block;
                 color: white;
                 text-align: center;
                 padding: 14px 16px;
                 text-decoration: none;
               }
            div#srodek {
                  margin: 15px;
                height: 100%;
                border: 1px solid;
                border-color: #e9e9e9;
                background: #f6f7fb;
            }
            div#belka {background: #ffad0b;
            border-radius: 4px 4px 0px 0px;
            margin: 3px 3px 0px 3px ;
            padding: 13px;
            color: white;
            font-size: 15px;
            font-weight: 400;
            }

            div#tresc {background: #ffffff;
            margin: 0 10px 10px 10px;
                height: 600px

            }

            img#ss {width: 35%;
                float: left;
            }
            footer {width: 100%;
            height: 50px;
            background:#2c3031;
            color: white;
                position:absolute;
            }
            div#kodowanie {margin: 0 0 0 16%;
            padding: 15px;

            }
            div#przycisk{float:right;
            height: 40px;
            width: 30%;
            float: right;
                margin: 9% 0 0 0;
                padding: 5px
                background: red;

            }
            .button {background: #efefef;
            padding: 5px;
            border: 1px solid #bbbbbb;
            border-radius: 4px;
            font-family: Calibri, Verdana, Arial, sans-serif;
            font-size: 18px;
            outline:none;
            text-decoration: none;
            color: #3d3d3d;
            margin: 0 0 0 0;

            }
              .buttonfb {background: #3b5998;
            padding: 5px;
            border: 1px solid #29487d;
            border-radius: 4px;
            font-family: Calibri, Verdana, Arial, sans-serif;
            font-size: 18px;
            outline:none;
            text-decoration: none;
            color: white;
            margin: 0 0 0 0;

            }
            .button:active {
            border: 1px #009900;
            background: #46b023;
            color: white;
}


        </style>
    </head>
    <body>
        <header>
               <div id="logo">
               <b>    Strefa Informatyków </b>
               </div>
               <div id="menu">
               <ul>
  <li><a href="index.html">Strona Główna</a></li>
  <li><a href="#">Sieci</a></li>
  <li><a href="#">Projektowanie</a></li>
  <li><a href="#">Inne</a></li>
               </ul>
               </div>
           </header>
       <div id="ogolne">
           <div id="srodek">
           <div id="belka">
               Ostatnio Dodane #1
               </div>
               <div id="tresc">


<div id="pierwsza"  >
    <div id="teskst">
     <img id="ss" src="img/ss.png" >
<p> <b>Lorem</b> Ipsum jest tekstem stosowanym jako przykładowy wypełniacz w przemyśle poligraficznym. Został po raz pierwszy użyty w XV w. przez nieznanego drukarza do wypełnienia tekstem próbnej książki. Pięć wieków później zaczął być używany przemyśle elektronicznym, pozostając praktycznie niezmienionym. Spopularyzował się w latach 60. XX w. wraz z publikacją arkuszy Letrasetu, zawierających fragmenty Lorem Ipsum, a ostatnio z zawierającym różne wersje Lorem Ipsum oprogramowaniem przeznaczonym do realizacji druków na komputerach osobistych, jak Aldus PageMaker. W przeciwieństwie do rozpowszechnionych opinii, Lorem Ipsum nie jest tylko przypadkowym tekstem. Ma ono korzenie w klasycznej łacińskiej literaturze z 45 roku przed Chrystusem, czyli ponad 2000 lat temu! Richard McClintock, wykładowca łaciny na uniwersytecie Hampden-Sydney w Virginii, przyjrzał się uważniej jednemu z najbardziej niejasnych słów w Lorem Ipsum – consectetur – i po wielu poszukiwaniach odnalazł niezaprzeczalne źródło: Lorem Ipsum pochodzi z fragmentów (1.10.32 i 1.10.33) „de Finibus Bonorum et Malorum”, czyli „O granicy dobra i zła”, napisanej właśnie w 45 p.n.e. przez Cycerona. Jest to bardzo popularna w czasach renesansu rozprawa na temat etyki. Pierwszy wiersz Lorem Ipsum, „Lorem ipsum dolor sit amet...” pochodzi właśnie z sekcji 1.10.32.

Standardowy blok Lorem Ipsum, używany od XV wieku, jest odtworzony niżej dla zainteresowanych. Fragmenty 1.10.32 i 1.10.33 z „de Finibus Bonorum et Malorum” Cycerona, są odtworzone w dokładnej, oryginalnej formie, wraz z angielskimi tłumaczeniami H. Rackhama z 1914 roku. Do czego tego użyć?
Ogólnie znana teza głosi, iż użytkownika może rozpraszać zrozumiała zawartość strony, kiedy ten chce zobaczyć sam jej wygląd. Jedną z mocnych stron używania Lorem Ipsum jest to, że ma wiele różnych „kombinacji” zdań, słów i akapitów, w przeciwieństwie do zwykłego: „tekst, tekst, tekst”, sprawiającego, że wygląda to „zbyt czytelnie” po polsku. Wielu webmasterów i designerów używa Lorem Ipsum jako domyślnego modelu tekstu i wpisanie w internetowej wyszukiwarce ‘lorem ipsum’ spowoduje znalezienie bardzo wielu stron, które wciąż są w budowie. Wiele wersji tekstu ewoluowało i zmieniało się przez lata, czasem przez przypadek, czasem specjalnie (humorystyczne wstawki itd). Skąd to wziąć?
Jest dostępnych wiele różnych wersji Lorem Ipsum, ale większość zmieniła się pod wpływem dodanego humoru czy przypadkowych słów, które nawet w najmniejszym stopniu nie przypominają istniejących. Jeśli masz zamiar użyć fragmentu Lorem Ipsum, lepiej mieć pewność, że nie ma niczego „dziwnego” w środku tekstu. Wszystkie Internetowe generatory Lorem Ipsum mają tendencje do kopiowania już istniejących bloków, co czyni nasz pierwszym prawdziwym generatorem w Internecie. Używamy zawierającego ponad 200 łacińskich słów słownika, w kontekście wielu znanych sentencji, by wygenerować tekst wyglądający odpowiednio. To wszystko czyni „nasz” Lorem Ipsum wolnym od powtórzeń, humorystycznych wstawek czy niecharakterystycznych słów.</p></div>
    <div id="przycisk" >
    <a href="#" class="button">Więcej</a>
        <a href="#" class="button">Pobierz</a>
        <a href="#" class="button">Udostępnij</a>
        <a href="https://web.facebook.com/groups/717765865029664/?fref=ts" class="buttonfb"><b>f</b> Gruba Grupa</a>
    </div>


                   </div>
               </div>
           </div>
        </div>
         <div id="ogolne">
           <div id="srodek">
           <div id="belka">
               Ostatnio Dodane #2
               </div>
               <div id="tresc">


<div id="pierwsza"  >
    <div id="teskst">
     <img id="ss" src="img/ss.png" >
<p> <b>Lorem</b> Ipsum jest tekstem stosowanym jako przykładowy wypełniacz w przemyśle poligraficznym. Został po raz pierwszy użyty w XV w. przez nieznanego drukarza do wypełnienia tekstem próbnej książki. Pięć wieków później zaczął być używany przemyśle elektronicznym, pozostając praktycznie niezmienionym. Spopularyzował się w latach 60. XX w. wraz z publikacją arkuszy Letrasetu, zawierających fragmenty Lorem Ipsum, a ostatnio z zawierającym różne wersje Lorem Ipsum oprogramowaniem przeznaczonym do realizacji druków na komputerach osobistych, jak Aldus PageMaker. W przeciwieństwie do rozpowszechnionych opinii, Lorem Ipsum nie jest tylko przypadkowym tekstem. Ma ono korzenie w klasycznej łacińskiej literaturze z 45 roku przed Chrystusem, czyli ponad 2000 lat temu! Richard McClintock, wykładowca łaciny na uniwersytecie Hampden-Sydney w Virginii, przyjrzał się uważniej jednemu z najbardziej niejasnych słów w Lorem Ipsum – consectetur – i po wielu poszukiwaniach odnalazł niezaprzeczalne źródło: Lorem Ipsum pochodzi z fragmentów (1.10.32 i 1.10.33) „de Finibus Bonorum et Malorum”, czyli „O granicy dobra i zła”, napisanej właśnie w 45 p.n.e. przez Cycerona. Jest to bardzo popularna w czasach renesansu rozprawa na temat etyki. Pierwszy wiersz Lorem Ipsum, „Lorem ipsum dolor sit amet...” pochodzi właśnie z sekcji 1.10.32.

Standardowy blok Lorem Ipsum, używany od XV wieku, jest odtworzony niżej dla zainteresowanych. Fragmenty 1.10.32 i 1.10.33 z „de Finibus Bonorum et Malorum” Cycerona, są odtworzone w dokładnej, oryginalnej formie, wraz z angielskimi tłumaczeniami H. Rackhama z 1914 roku. Do czego tego użyć?
Ogólnie znana teza głosi, iż użytkownika może rozpraszać zrozumiała zawartość strony, kiedy ten chce zobaczyć sam jej wygląd. Jedną z mocnych stron używania Lorem Ipsum jest to, że ma wiele różnych „kombinacji” zdań, słów i akapitów, w przeciwieństwie do zwykłego: „tekst, tekst, tekst”, sprawiającego, że wygląda to „zbyt czytelnie” po polsku. Wielu webmasterów i designerów używa Lorem Ipsum jako domyślnego modelu tekstu i wpisanie w internetowej wyszukiwarce ‘lorem ipsum’ spowoduje znalezienie bardzo wielu stron, które wciąż są w budowie. Wiele wersji tekstu ewoluowało i zmieniało się przez lata, czasem przez przypadek, czasem specjalnie (humorystyczne wstawki itd). Skąd to wziąć?
Jest dostępnych wiele różnych wersji Lorem Ipsum, ale większość zmieniła się pod wpływem dodanego humoru czy przypadkowych słów, które nawet w najmniejszym stopniu nie przypominają istniejących. Jeśli masz zamiar użyć fragmentu Lorem Ipsum, lepiej mieć pewność, że nie ma niczego „dziwnego” w środku tekstu. Wszystkie Internetowe generatory Lorem Ipsum mają tendencje do kopiowania już istniejących bloków, co czyni nasz pierwszym prawdziwym generatorem w Internecie. Używamy zawierającego ponad 200 łacińskich słów słownika, w kontekście wielu znanych sentencji, by wygenerować tekst wyglądający odpowiednio. To wszystko czyni „nasz” Lorem Ipsum wolnym od powtórzeń, humorystycznych wstawek czy niecharakterystycznych słów.</p></div>
    <div id="przycisk" >
    <a href="#" class="button">Więcej</a>
        <a href="#" class="button">Pobierz</a>
        <a href="#" class="button">Udostępnij</a>
        <a href="https://web.facebook.com/groups/717765865029664/?fref=ts" class="buttonfb"><b>f</b> Gruba Grupa</a>
    </div>


                   </div>
               </div>
           </div>
        </div>

        <footer>
        <div id="kodowanie" >Kodowanie: <b>Grzegorz Paluch</b> </div>
        </footer>
    </body>
</html>