API tools faq
paste
Advertisement
metalni

[szdnki] 1. kol HTML

metalni
Dec 5th, 2020 (edited)
1,008
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <link rel="stylesheet" type="text/css" href="jquery-ui.css">
  7.     <link rel="stylesheet" type="text/css" href="style.css">
  8.     <script src="jquery.js"></script>
  9.     <script src="jquery-ui.js"></script>
  10.     <script src="script.js"></script>
  11. </head>
  12. <body>
  13.  
  14.     <div id="high-level">
  15.         <ul>
  16.             <li><a class="click" title="0">Babolat</a></li>
  17.             <li><a class="click" title="1">Head</a></li>
  18.             <li><a class="click" title="2">Wilson</a></li>
  19.         </ul>
  20.     </div>
  21.  
  22.     <div id="low-level">
  23.         <div>
  24.             <input id="prev" value="prev" type="button">
  25.             <input id="top" value="top" type="button">
  26.             <input id="next" value="next" type="button">
  27.         </div>
  28.  
  29.         <div id="0">
  30.             <div class="boxes">
  31.                 <h1>Babolat</h1>
  32.                 <div class="box">
  33.                     <div style="background: url('./images/Babolat/Game Pulsion 102.png') center no-repeat; background-size: 300px 250px">
  34.                         <h2>Game Pulsion 102</h2>
  35.                         <button class="modal"  title="0">rate</button>
  36.                         <div id="data-0" class="content"></div>
  37.  
  38.                         <div id="dialog">
  39.                             <p>Enter your rating:</p>
  40.                             <input id="input-data" type="text">
  41.                         </div>
  42.                     </div>
  43.                     <div style="background: url('./images/Babolat/Junior Game JR26.png') center no-repeat; background-size: 300px 250px">
  44.                         <h2>Junior Game JR26</h2>
  45.                         <button class="modal"  title="1">rate</button>
  46.                         <div id="data-1" class="content"></div>
  47.                     </div>
  48.                     <div style="background: url('./images/Babolat/Junior Game PRO.png') center no-repeat; background-size: 300px 250px">
  49.                         <h2>Junior Game PRO</h2>
  50.                         <button class="modal"  title="2">rate</button>
  51.                         <div id="data-2" class="content"></div>
  52.                     </div>
  53.                     <div style="background: url('./images/Babolat/Kids BFLY17.png') center no-repeat; background-size: 300px 250px">
  54.                         <h2>Kids BFLY17</h2>
  55.                         <button class="modal"  title="3">rate</button>
  56.                         <div id="data-3" class="content"></div>
  57.                     </div>
  58.                 </div>
  59.                 <div class="box">
  60.                     <div style="background: url('./images/Babolat/Pure Aero Team.png') center no-repeat; background-size: 300px 250px">
  61.                         <h2>Pure Aero Team</h2>
  62.                         <button class="modal"  title="4">rate</button>
  63.                         <div id="data-4" class="content"></div>
  64.                     </div>
  65.                     <div style="background: url('./images/Babolat/Pure Drive 110.png') center no-repeat; background-size: 300px 250px">
  66.                         <h2>Pure Drive 110</h2>
  67.                         <button class="modal"  title="5">rate</button>
  68.                         <div id="data-5" class="content"></div>
  69.                     </div>
  70.                     <div style="background: url('./images/Babolat/Pure Drive Lite.png') center no-repeat; background-size: 300px 250px">
  71.                         <h2>Pure Drive Lite</h2>
  72.                         <button class="modal"  title="6">rate</button>
  73.                         <div id="data-6" class="content"></div>
  74.                     </div>
  75.                     <div style="background: url('./images/Babolat/Pure Strike Tour.png') center no-repeat; background-size: 300px 250px">
  76.                         <h2>Pure Strike Tour</h2>
  77.                         <button class="modal"  title="7">rate</button>
  78.                         <div id="data-7" class="content"></div>
  79.                     </div>
  80.                 </div>
  81.             </div>
  82.         </div>
  83.         <div id="1">
  84.             <div class="boxes">
  85.                 <h1>Head</h1>
  86.                 <div class="box">
  87.                     <div style="background: url('./images/Head/Gravity Pro.jpg') center no-repeat; background-size: 300px 250px">
  88.                         <h2>Gravity Pro</h2>
  89.                         <button class="modal"  title="8">rate</button>
  90.                         <div id="data-8" class="content"></div>
  91.                     </div>
  92.                     <div style="background: url('./images/Head/Gravity Tour.jpg') center no-repeat; background-size: 300px 250px">
  93.                         <h2>Gravity Tour</h2>
  94.                         <button class="modal"  title="9">rate</button>
  95.                         <div id="data-9" class="content"></div>
  96.                     </div>
  97.                     <div style="background: url('./images/Head/Prestige Pro.jpg') center no-repeat; background-size: 300px 250px">
  98.                         <h2>Prestige Pro</h2>
  99.                         <button class="modal"  title="10">rate</button>
  100.                         <div id="data-10" class="content"></div>
  101.                     </div>
  102.                     <div style="background: url('./images/Head/Prestige S.jpg') center no-repeat; background-size: 300px 250px">
  103.                         <h2>Prestige S</h2>
  104.                         <button class="modal"  title="11">rate</button>
  105.                         <div id="data-11" class="content"></div>
  106.                     </div>
  107.                 </div>
  108.                 <div class="box">
  109.                     <div style="background: url('./images/Head/Prestige Tour.jpg') center no-repeat; background-size: 300px 250px">
  110.                         <h2>Prestige Tour</h2>
  111.                         <button class="modal"  title="12">rate</button>
  112.                         <div id="data-12" class="content"></div>
  113.                     </div>
  114.                     <div style="background: url('./images/Head/Speed mp-lite.jpg') center no-repeat; background-size: 300px 250px">
  115.                         <h2>Speed mp-lite</h2>
  116.                         <button class="modal"  title="13">rate</button>
  117.                         <div id="data-13" class="content"></div>
  118.                     </div>
  119.                     <div style="background: url('./images/Head/Speed Pro.jpg') center no-repeat; background-size: 300px 250px">
  120.                         <h2>Speed Pro</h2>
  121.                         <button class="modal"  title="14">rate</button>
  122.                         <div id="data-14" class="content"></div>
  123.                     </div>
  124.                     <div style="background: url('./images/Head/Speed Pwr.jpg') center no-repeat; background-size: 300px 250px">
  125.                         <h2>Speed Pwr</h2>
  126.                         <button class="modal"  title="15">rate</button>
  127.                         <div id="data-15" class="content"></div>
  128.                     </div>
  129.                 </div>
  130.             </div>
  131.         </div>
  132.         <div id="2">
  133.             <div class="boxes">
  134.                 <h1>Wilson</h1>
  135.                 <div class="box">
  136.                     <div style="background: url('./images/Wilson/Burn_100_BL.jpg') center no-repeat; background-size: 300px 250px">
  137.                         <h2>Burn_100_BL</h2>
  138.                         <button class="modal"  title="16">rate</button>
  139.                         <div id="data-16" class="content"></div>
  140.                     </div>
  141.                     <div style="background: url('./images/Wilson/Burn_100S.jpg') center no-repeat; background-size: 300px 250px">
  142.                         <h2>Burn_100S</h2>
  143.                         <button class="modal"  title="17">rate</button>
  144.                         <div id="data-17" class="content"></div>
  145.                     </div>
  146.                     <div style="background: url('./images/Wilson/CLASH 100_RG.jpg') center no-repeat; background-size: 300px 250px">
  147.                         <h2>CLASH 100_RG</h2>
  148.                         <button class="modal"  title="18">rate</button>
  149.                         <div id="data-18" class="content"></div>
  150.                     </div>
  151.                 </div>
  152.                 <div class="box">
  153.                     <div style="background: url('./images/Wilson/Clash_100UL.jpg') center no-repeat; background-size: 300px 250px">
  154.                         <h2>Clash_100UL</h2>
  155.                         <button class="modal"  title="19">rate</button>
  156.                         <div id="data-19" class="content"></div>
  157.                     </div>
  158.                     <div style="background: url('./images/Wilson/ULTRA_100_UL.jpg') center no-repeat; background-size: 300px 250px">
  159.                         <h2>ULTRA_100_UL</h2>
  160.                         <button class="modal"  title="20">rate</button>
  161.                         <div id="data-20" class="content"></div>
  162.                     </div>
  163.                     <div style="background: url('./images/Wilson/ULTRA_108.jpg') center no-repeat; background-size: 300px 250px">
  164.                         <h2>ULTRA_108</h2>
  165.                         <button class="modal"  title="21">rate</button>
  166.                         <div id="data-21" class="content"></div>
  167.                     </div>
  168.                 </div>
  169.             </div>
  170.         </div>
  171.     </div>
  172. </body>
  173. </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!