API tools faq
paste
Advertisement
sajgonpro

userpanel.html

sajgonpro
Nov 24th, 2014
148
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 4.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  6.     <head>
  7.         <meta charset="utf-8">
  8.         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9.         <title>HALOBAZA</title>
  10.         <meta name="description" content="">
  11.         <link rel="stylesheet" href="css/main.css">
  12.         <link rel="stylesheet" href="css/normalize.css">
  13.  
  14.         <!-- jQuery -->
  15.         <script type="text/javascript" src="js/jquery/jquery.min.js"></script>
  16.         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
  17.    
  18.         <style>
  19.  
  20.         </style>
  21.  
  22.     </head>
  23.     <body>
  24.  
  25.         <!-- top bar when logged in -->
  26.         <div class="top_panel_content">
  27.             <div id="logo"></div>
  28.             <ul>
  29.                 <li><a href="#" class="menu_item bordered" id="addOfferBtn">Dodaj ofertę</a></li>
  30.                 <li><a href="#" class="menu_item" id="learnMoreBtn">Jak to działa?</a></li>
  31.                 <li><a href="#" class="menu_item" id="registerBtn">Zarejestruj się</a></li>
  32.                 <li><a href="#" class="menu_item" id="loginBtn">Zaloguj się</a></li>
  33.             </ul>
  34.         </div>
  35.  
  36.         <div class="mid_menu">
  37.             <ul>
  38.                 <li><a href="#">Edycja profilu</a></li>
  39.                 <li><a href="#">Ustawienia powiadomień</a></li>
  40.                 <li><a href="#">Moje oferty</a></li>
  41.                 <li><a href="#">Wiadomości</a></li>
  42.                 <li><a href="#">Ulubione</a></li>
  43.             </ul>  
  44.         </div>
  45.  
  46.         <div class="content_wrap">
  47.             <div class="personal_content_wrap">
  48.                 <div class="header">
  49.                     <h1>Dane osobowe</h1>
  50.                 </div>
  51.                 <div class="content_form">
  52.                     <div class="content_body">
  53.                         <div class="row">
  54.                             <label class="row_label">Imię</label><input type="text" class="row_input">
  55.                         </div>
  56.                         <div class="row">
  57.                             <label class="row_label">Nazwisko</label><input type="text" class="row_input">
  58.                         </div>
  59.                         <div class="row">
  60.                             <label class="row_label">Adres e-mail</label><input type="text" class="row_input">
  61.                         </div>
  62.                         <button class="logreg_buttons change_button">Zmień dane</button>
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.  
  67.             <div class="password_content_wrap">
  68.                 <div class="header">
  69.                     <h1>Zmiana hasła</h1>
  70.                 </div>
  71.                 <div class="content_form">
  72.                     <div class="content_body">
  73.                         <div class="row">
  74.                             <label class="row_label">Stare hasło</label><input type="text" class="row_input">
  75.                         </div>
  76.                         <div class="row">
  77.                             <label class="row_label">Nowe hasło</label><input type="text" class="row_input">
  78.                         </div>
  79.                         <div class="row">
  80.                             <label class="row_label">Potwierdź hasło</label><input type="text" class="row_input">
  81.                         </div>
  82.                         <button class="logreg_buttons change_button">Zmień hasło</button>
  83.                     </div>
  84.                 </div>
  85.             </div>
  86.         </div>
  87.  
  88.         <!-- login -->
  89.         <div id="login_wrap" class="common logreg">
  90.             <button class="close"></button>
  91.             <button class="logreg_buttons" id="fb_btn" type="submit">Zaloguj się za pomocą Facebook</button>
  92.             <div class="lub"></div>
  93.             <input type="text" placeholder="Adres e-mail" name="login">
  94.             <input type="password" placeholder="Hasło" name="password" id="input_password">
  95.             <button class="logreg_buttons" id="login_btn" type="submit">Zaloguj się</button>
  96.         </div>
  97.  
  98.         <!-- register -->
  99.         <div id="register_wrap" class="common logreg">
  100.             <button class="close"></button>
  101.             <button class="logreg_buttons" id="fb_btn" type="submit">Zarejestruj się przez Facebook</button>
  102.             <div class="lub"></div>
  103.             <input type="text" placeholder="Imię" name="imie">
  104.             <input type="text" placeholder="Nazwisko" name="nazwisko">
  105.             <input type="text" placeholder="Adres e-mail" name="email">
  106.             <input type="password" placeholder="Hasło" name="password">
  107.             <input type="password" placeholder="Powtórz hasło" name="repassword">
  108.             <button class="logreg_buttons" id="login_btn" type="submit">Zarejestruj się</button>
  109.         </div>
  110.  
  111.         <!-- screen fader -->
  112.         <div id="fader"></div>
  113.  
  114.         <script type="text/javascript">
  115.  
  116.             $("#loginBtn").click(function() {
  117.                 $("#fader").fadeIn(200);
  118.                 $("#login_wrap").show( "drop", { direction: "up" }, 200 );
  119.             });
  120.  
  121.             $("#registerBtn").click(function() {
  122.                 $("#fader").fadeIn(200);
  123.                 $("#register_wrap").show( "drop", { direction: "up" }, 200 );
  124.             });
  125.  
  126.             $("#userBtn").hover(function() {
  127.                 $(".user_menu").show();
  128.             }, function() {
  129.                 $(".user_menu").hide();
  130.             });
  131.  
  132.             $(".close").click(function() {
  133.                 $("#fader").fadeOut(200);
  134.                 $(".logreg").hide( "drop", { direction: "up" }, 200 );
  135.             });
  136.  
  137.         </script>
  138.  
  139.     </body>
  140. </html>
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!