API tools faq
paste
Advertisement
Guest User

asdf

a guest
Mar 5th, 2015
194
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <title>MIRIADA</title>
  8.     <link rel="icon" href="assets\images\favicon.png">
  9.     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>
  10.     <link href="assets\stylesheets\bootstrap.min.css" rel="stylesheet"/>
  11.     <link href="assets\stylesheets\main.css" rel="stylesheet"/>
  12.     <!--[if lt IE 9]>
  13.    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  14.    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  15.    <![endif]-->
  16.   </head>
  17.   <body>
  18.   <!--NAVBAR-->
  19.     <div class="navbar navbar-default navbar-static-top">
  20.       <div class="container container-fluid">
  21.         <div class="navbar-header">
  22.           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mynavbar-content">
  23.             <span class="icon-bar"></span>
  24.             <span class="icon-bar"></span>
  25.             <span class="icon-bar"></span>
  26.           </button>
  27.         </div>
  28.         <div class="collapse navbar-collapse" id="mynavbar-content">
  29.           <ul class="nav navbar-nav">
  30.             <li><a href="index.html" class="active">STRONA GŁÓWNA</a></li>
  31.             <li><a href="about.html">O NAS</a></li>
  32.             <li><a href="cats.html">KATEGORIE</a></li>
  33.             <a class="navbar-brand" href="index.html"><img src="assets\images\navlogo.png" id="navlogo"/></a>
  34.             <li><a href="signup.html">REJESTRACJA</a></li>
  35.             <li><a href="login.html">LOGOWANIE</a>
  36.             <li><a href="contact.html">KONTAKT</a></li>
  37.           </ul>
  38.         </div>
  39.       </div>
  40.     </div>
  41.     <!--CAROUSEL-->
  42.     <div id="carouselmain" class="carousel slide" data-ride="carousel">
  43.       <!--slide identificators-->
  44.       <ol class="carousel-indicators">
  45.         <li data-target="#carouselmain" data-slide-to="0" class="active"></li>
  46.         <li data-target="#carouselmain" data-slide-to="1"></li>
  47.         <li data-target="#carouselmain" data-slide-to="2"></li>
  48.       </ol>
  49.       <!--wrapper-->
  50.       <div class="carousel-inner" role="listbox">
  51.         <div class="item-active">
  52.           <img src="assets\images\mainjumbo2.png" alt="...">
  53.           <div class="wrapper1 carousel-caption">
  54.             <h1><p class="wyd1header">PROMOWANE WYDARZENIE #1</p>
  55.                 <p class="wyd1date">DATA: 10 KWIETNIA 2015r</p>
  56.                 <p class="wyd1price">CENA BILETU: 250ZŁ</p>
  57.             </h1>
  58.             <button class="btn-moreinfo1">WIĘCEJ INFORMACJI</button>
  59.           </div>
  60.         </div>
  61.         <div class="item">
  62.           <img src="assets\images\mainjumbo1.png" alt="...">
  63.           <div id="event2" class="carousel-caption">
  64.             <h1><p class="wyd2header">PROMOWANE WYDARZENIE #2</p>
  65.                 <p class="wyd2date">DATA: 01 MARCA 2015r</p>
  66.                 <p class="wyd2price">CENA BILETU: 50ZŁ</p>
  67.             </h1>
  68.             <button><div class="btn-moreinfo2">WIĘCEJ INFORMACJI</div></button>
  69.           </div>
  70.         </div>
  71.         <div class="item">
  72.           <img src="assets\images\mainjumbo3.png" alt="...">
  73.           <div id="event3" class="carousel-caption">
  74.             <h1><p class="wyd3header">PROMOWANE WYDARZENIE #3</p>
  75.                 <p class="wyd3date">DATA: 15 MAJA 2015r</p>
  76.                 <p class="wyd3price">CENA BILETU: 125ZŁ</p>
  77.             </h1>
  78.             <button><div class="btn-moreinfo3">WIĘCEJ INFORMACJI</div></button>
  79.           </div>
  80.         </div>
  81.       </div>
  82.       <!--controler-->
  83.         <a class="left carousel-control" href="#carouselmain" role="button" data-slide="prev">
  84.           <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  85.         </a>
  86.         <a class="right carousel-control" href="#carouselmain" role="button" data-slide="next">
  87.          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  88.         </a>
  89.     </div>
  90.     <!--SEARCH BAR-->
  91.     <div class="seekbardiv jumbotron vertical-center">
  92.       <div class="container">
  93.         <h1>
  94.             <p class="seekbar1a">CHCESZ SZYBKO ZNALEŹĆ</p>
  95.             <p class="seekbar1b">INTERESUJĄCE CIĘ WYDARZENIE?</p>
  96.             <div class="form-group">
  97.                 <input type="text" class="seekbar pull-left" placeholder="wpisz szukaną frazę...">
  98.                 <button class="pull-right btn-search"><i class="glyphicon glyphicon-search"></i></button>
  99.             </div>
  100.         </h1>
  101.       </div>
  102.     </div>
  103.     <!--PROMO-->
  104.     <div class="promo jumbotron vertical-center">
  105.       <div class="container">
  106.         <p class="promotext">WIEMY, GDZIE NIE MOŻE CIĘ ZABRAKNĄĆ</p>
  107.         <div class="row">
  108.           <div class="col-md-4 col-sm-12 col-xs-12">
  109.             <div class="circle">
  110.               <img src="assets\images\calendarglyph.png" alt="..."/>
  111.             </div>
  112.             <p class="circle1a">TWÓJ PRYWATNY KALENDARZ</p>
  113.             <p class="circle1b">ZARZĄDZAJ WYDARZENIAMI</p>
  114.             <p class="circle1c">BĄDŹ NA BIEŻĄCO Z KULTURĄ.</p>
  115.           </div>
  116.           <div class="col-md-4 col-sm-12 col-xs-12">
  117.             <div class="circle">
  118.               <img src="assets\images\messageglyph.png" alt="..."/>
  119.             </div>
  120.             <p class="circle2a">SIEĆ SPOŁECZNOŚCIOWA</p>
  121.             <p class="circle2b">RECENZUJ. OCENIAJ. POLECAJ.</p>
  122.             <p class="circle2c">DZIEL SIĘ DOŚWIADCZENIEM.</p>
  123.             <button class="register">ZAŁÓŻ KONTO</button>
  124.           </div>
  125.           <div class="col-md-4 col-sm-12 col-xs-12">
  126.             <div class="circle">
  127.               <img src="assets\images\userglyph.png" alt="..."/>
  128.             </div>
  129.             <p class="circle3a">SPERSONALIZOWANA OFERTA</p>
  130.             <p class="circle3b">NIE MASZ CZASU NA SZUKANIE?</p>
  131.             <p class="circle3c">ZROBIMY TO ZA CIEBIE.</p>
  132.           </div>
  133.         </div>
  134.       </div>
  135.     </div>
  136.     <!--FOOTER-->
  137.     <footer class="footer">
  138.       <p class="joinus">DOŁĄCZ DO NAS</p>
  139.       <div class="container">
  140.         <div id="footercircle1" class="circle-image">
  141.           <a href="facebook.com/miriada"></a>
  142.         </div>
  143.       </div>
  144.     </footer>
  145.   </body>
  146. </html>
  147. <!--JS TO LOAD-->
  148. <script src="main.js"></script>
  149. <script src="bootstrap.min.js"></script>
  150. <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
  151. <script>$(document).ready(){alert("vdslkjgfdsoh");}</script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!