DawidKubiak

HTML + JS

Apr 11th, 2021
434
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE HTML>
  2. <html>
  3.     <head>
  4.         <title>Projekt na 2-3</title>
  5.         <link rel="Stylesheet" href="Projekcik.css">
  6.         <meta charset="UTF-8">
  7.     </head>
  8.     <body>
  9.     <div id="header">
  10.     <img src="zdjecia/logo.jpg" alt="Logo Forda" width="1600" height="200">
  11.     <h1>Salon samochodowy Forda</h1>
  12.     <p class="akapit1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras blandit vestibulum scelerisque. Duis non condimentum urna. Duis mattis est in orci dignissim, in condimentum lorem convallis. Vivamus at convallis magna. Sed tincidunt imperdiet neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Mauris feugiat ligula ut lectus rutrum dapibus. Quisque venenatis enim at sapien lobortis, ut fringilla magna scelerisque. Curabitur et libero vitae lectus maximus maximus scelerisque quis lectus. Nunc molestie nisl eget maximus fermentum. Donec eget libero in nunc convallis rhoncus. Aliquam vitae viverra lectus. Vestibulum non efficitur diam. </p>
  13.     <p class="akapit2">Aenean eleifend eu dolor vitae feugiat. Pellentesque elit augue, vehicula ut nulla eu, auctor vehicula ex. Nam iaculis, arcu id egestas pharetra, lacus turpis venenatis nisi, eget consequat justo arcu ut odio. Phasellus in interdum urna. Cras vitae egestas felis. Sed sit amet luctus lorem. Phasellus hendrerit aliquam metus, quis congue nisi scelerisque vel. Integer iaculis tortor at quam efficitur porta. Etiam feugiat aliquam vestibulum. In blandit purus quam, ac pretium quam dictum vitae. Maecenas porta imperdiet metus, in suscipit lorem fermentum ut. Aliquam nisl nisi, eleifend in nisi sit amet, malesuada dictum ex. Praesent ullamcorper dui felis, at sagittis velit mattis eget. Donec non cursus libero. Ut laoreet vel nunc in faucibus.</p>
  14.     <p class="akapit3">Quisque gravida varius urna, quis consequat magna tristique et. Vivamus mollis, nibh eget imperdiet cursus, est elit laoreet tortor, sit amet imperdiet lacus ligula sed orci. Vivamus eget maximus nibh, ultrices lobortis velit. Duis ex est, venenatis vel dui vel, tincidunt blandit nisl. Morbi quis leo et dui pellentesque molestie a ac tortor. Morbi elit quam, suscipit sed nulla eu, ornare rhoncus ex. Vivamus aliquet sed tellus vel feugiat. Donec auctor aliquam augue eget venenatis. Curabitur sollicitudin sodales ultricies. Ut ultrices ante a eleifend aliquam. Ut id egestas diam. Phasellus tincidunt eu ipsum ac sagittis. Curabitur vitae ipsum justo. Mauris ultrices convallis auctor. Phasellus ornare mauris non magna vestibulum, eu feugiat enim ullamcorper. Phasellus mauris purus, dictum et metus in, ornare aliquam elit.</p>
  15.     <h2 id="h2">Samochody dostępne w sprzedaży</h2>
  16. <script>
  17. document.getElementById("h2").style.color = "blue";
  18. </script>
  19.     <ul class="lista">
  20.         <li>Ford Edge</li>
  21.         <li id="li2" onclick="fn1()">Ford Focus</li>
  22.         <li id="li3" style="display:none;"><p>Ford Fiesta</p></li>
  23.         <li id="li4" onclick="fn2()">Ford Galaxy</li>
  24.         <li id="li5" style="display:none;">Ford Bronco</li>
  25.         <li>Ford Mondeo</li>
  26.         <li>Ford Kuga</li>
  27.         <li>Ford Mustang</li>
  28.  
  29. <script>
  30. let counter = 0;
  31.  
  32. const el = document.createElement("div");
  33. el.classList.add("element");
  34. el.innerText = 'Fordzik';
  35.  
  36. const div = document.querySelector("li");
  37. div.appendChild(el);
  38. </script>
  39.     </ul>
  40.     <script>
  41.             function fn1(){
  42.                 document.getElementById('li2').style.display = "none";
  43.                 document.getElementById('li3').style.display = "inline";
  44.             }
  45.         </script>
  46.         <script>
  47.             function fn2(){
  48.                 document.getElementById('li4').style.display = "none";
  49.                 document.getElementById('li5').style.display = "inline";
  50.             }
  51.         </script>
  52.     <h><b><i>Formularz zamawiającego</b></i></h>
  53.     <form action="*">
  54.         <label><b>Marka</b></label> <input type="text" name="Marka" size="30" maxlength"30" />
  55.         <label><b>Imię</b></label> <input type="text" name="Imię" size="30" maxlength"30" />
  56.         <label><b>Nazwisko</b></label> <input type="text" name="Nazwisko" size="30" maxlength"30" />
  57.         <label><b>Adres</b></label> <input type="text" name="Adres" size="30" maxlength"30" />
  58.         <input type="button" value="Wyślij" />
  59.     </form>
  60.     <h3><b>Galeria</b></h>
  61.     <div id="galeria">
  62.     <img src="zdjecia/Mustang.jpg" alt="Ford Mustang" width="530" height="350">
  63.     <img src="zdjecia/Kuga.jpg" alt="Ford Kuga" width="530" height="350">
  64.     <img src="zdjecia/Fiesta.jpg" alt="Ford Fiesta" width="530" height="350">
  65.     </div>
  66. </body>
  67. </div>
  68. </html>
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×