/
index.html
1 lines (1 loc) · 5.49 KB
/
index.html
1
<!doctype html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="pl"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="pl"> <![endif]--><!--[if IE 8]> <html class="no-js lt-ie9" lang="pl"> <![endif]--><!--[if gt IE 8]><!--><html class="no-js" lang="pl"><!--<![endif]--><head><meta charset="utf-8"><meta content="IE=edge" http-equiv="X-UA-Compatible"><title>strona</title><meta content="" name="description"><meta content="width=device-width,initial-scale=1" name="viewport"><link href="https://fonts.googleapis.com/css?family=Lato:4<strong>00</strong>,700|Roboto:300,400" rel="stylesheet"><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"><link href="css/bootstrap.min.css" rel="stylesheet"><link href="css/style.css" rel="stylesheet"><script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script></head><body><nav class="navbar navbar-default navbar-fixed-top"><div class="wrapper"><div class="navbar-header"><button class="navbar-toggle" data-target="#navbar" data-toggle="collapse" type="button"><span class="sr-only">Włącz nawigację</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a href="index.html" class="navbar-brand"><h1 class="logo-brand"><img alt="School of Talents" src="img/logo-text.png"></h1></a></div><!-- Collect the nav links, forms, and other content for toggling --><div class="collapse navbar-collapse" id="navbar"><ul class="nav navbar-nav navbar-right"><li class="active"><a href="#">Sklep</a></li><li><a href="#">Prezentacje</a></li><li><a href="blog.html">Blog</a></li><li><a href="#">Opinie</a></li><li><a href="#">Metoda</a></li><li><a href="#">Kontakt</a></li></ul></div><!-- /.navbar-collapse --></div><!-- /.container-fluid --></nav><section class="welcome-section"><img alt=" " src="img/logo.png" class="img-responsive page-logo"><h2 class="welcome-text">Postaw na rozwój naturalnych zdolności dziecka!</h2></section><article class="about-us"><div class="wrapper"><h2 class="heading-title">Czym jest Szkoła Talentów?</h2><p>Szkoła Talentów powstała z połączenia <strong>pasji</strong> wielu osób, które poszukiwały <strong>skutecznych</strong> metod rozwijania potencjału własnych dzieci. Są wśród nas <strong>nauczyciele</strong>, <strong>logopedzi</strong>, <strong>psycholodzy</strong> i <strong>artyści</strong>.</p></div></article><hr><article class="info"><div class="wrapper"><h2 class="visuallyhidden">Więcej informacji o nas</h2><ul class="nav nav-tabs"><li role="presentation"><a href="#tab01" data-toggle="tab" title=""><span class="fa fa-file-text-o" aria-hidden="true" title="Nagroda 01"></span><strong>O metodzie</strong></a></li><li role="presentation"><a href="#tab02" data-toggle="tab" title=""><span class="fa fa-user-circle" aria-hidden="true" title="Nagroda 02"></span><strong>Dla kogo</strong></a></li><li role="presentation"><a href="#tab03" data-toggle="tab" title=""><span class="fa fa-commenting-o" aria-hidden="true" title="Nagroda 03"></span><strong>Opinie</strong></a></li></ul><div class="tab-content"><section class="active tab-pane fade in"><h2 class="tab-title">Czego chcesz się dowiedzieć?</h2><p class="tab-description">Kliknij w jeden z bloków, aby dowiedzieć się więcej.</p></section><section class="tab-pane fade" id="tab01"><h3 class="tab-title">Tytuł I</h3><p class="tab-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel esse quos quas autem iusto itaque ut, quidem at repudiandae dolorum.</p></section><section class="tab-pane fade" id="tab02"><h3 class="tab-title">Tytuł II</h3><p class="tab-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic aperiam vel ea eos nemo itaque magnam atque corrupti aut rerum.</p></section><section class="tab-pane fade" id="tab03"><h3 class="tab-title">Tytuł III</h3><p class="tab-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil facere, temporibus ratione assumenda laboriosam, sapiente ab provident totam maiores maxime!</p></section></div></div></article><section class="contact-us"><div class="wrapper"><h2 class="heading-title">Masz jakieś pytania?</h2><p class="heading-desc">Postaramy się na nie odpowiedzieć!</p><form action="" method="POST" class="form"><div><label class="visuallyhidden" for="imie">Imię i nazwisko:</label><input type="text" class="form-input" name="imie" placeholder="Wpisz swoje imię" required id="imie"></div><div><label class="visuallyhidden" for="email">Mail:</label><input type="email" class="form-input" name="email" placeholder="Wpisz swój email" required id="email"></div><div><label class="visuallyhidden" for="wiadomosc">Wiadomość:</label><textarea class="form-message" name="wiadomosc" placeholder="Wpisz swoją wiadomość..." required id="wiadomosc"></textarea></div><div><button class="form-button" type="submit">Wyślij</button></div></form></div></section><footer class="footer"><div class="wrapper"><p class="col-xs-6 footer-text"><img alt="" src="img/logo-text.png"></p><ul class="col-xs-6 social-icons"><li class="social-icon"><a href="http://www.codepen.io/radek024/" class="fa fa-facebook-square"></a></li><li class="social-icon"><a href="http://www.codepen.io/radek024/" class="fa fa-instagram"></a></li><li class="social-icon"><a href="http://www.github.com/radek024" class="fa fa-twitter"></a></li></ul></div></footer><script src="js/vendor/jquery-1.11.2.min.js"></script><script src="js/vendor/bootstrap.min.js"></script><script src="js/main.js"></script></body></html>