Nicole_JS_25

Nicole_JS_25
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>BLUszcz Cyjanotypia</title>
    <style>
      body {
        width: 50%;
      }
    </style>
  </head>
  <body>
    <h1>BLUszcz Cyjanotypia</h1>
    <p>
      <a href="https://www.facebook.com/profile.php?id=61556145344500">
        Strona główna
      </a>
    </p>
    <img
      src="LogoLong.png"
      alt="Logo firmy z kwiatem kopru włoskiego na niebieskiem tle"
      width="30%"
      height="30%"
    />
    <h2>Czym jest cyjanotypia?</h2>
    <p>
      Cyjanotypia to jedna z najstarszych technik fotograficznych, wynaleziona w
      XIX wieku przez Johna Herschela.
    </p>
    <p>
      Polega na pokrywaniu papieru (lub tkaniny) światłoczułą mieszanką soli
      żelaza, a następnie naświetlaniu go światłem UV (np. słońcem). Po
      wypłukaniu w wodzie obraz utrwala się w charakterystycznym
      <span style="color: rgb(0, 0, 255)">niebieskim kolorze</span> (błękit
      pruski).
    </p>
    <p>
      To technika prosta, nietoksyczna i często wykorzystywana dziś w sztuce do
      tworzenia unikatowych odbitek roślin, przedmiotów czy fotografii.
    </p>
    <h3>
      Chcesz zamówić odbitkę dla siebie? Odpowiedz na pytania w formularzu
      kontaktowym:
    </h3>
    <ol>
      <li>Jaki jest twój ulubiony kwiat/roślina?</li>
      <li>Jaki format cie interesuje?</li>
      <li>Czy praca ma być oprawiona? Jeżeli tak dopisz szczegóły oprawy</li>
    </ol>
  
    <section>
      <fieldset>
        <legend>Formularz kontaktowy</legend>
        <!-- Po co używać novalidate? -->
        <form
          action="https://example.com/submit"
          method="post"
          novalidate
          autocomplete="on" 
        >
          <p>
            <select name="topic">
              <option value="chce-zamowic-odbitke">Chcę zamówić odbitkę</option>
              <option value="inne-pytanie">Inne pytanie</option>
            </select>
          </p>
          <label for="name">Imię:</label>
          <input type="text" id="name" name="name" />

          <label for="email">Email:</label>
          <input type="email" id="email" name="email" />
          <p>
            <textarea name="message" cols="60" rows="10">Wiadomość</textarea>
          </p>
          <p><input type="checkbox" name="policy" required />Akceptuję politykę prywatności</p>
          <button>Wyślij</button>
          <input type="reset" value="Resetuj" />
        </form>
      </fieldset>
    </section>
  </body>
</html>