JS - praca domowa 2

<section>
    <h2 id="ceny">Ceny naszych usług</h2>
    <table>
        <caption>Ceny naszych usług</caption>
        <thead> 
            <tr>
                <th scope="col">Usługa</th>
                <th scope="col">Cena brutto</th>
                <th scope="col">Cena netto</th>
                <th scope="col">Miejsce realizacji</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">Wiązanki ślubne</th>
                <th>200 zł</th>
                <th>150 zł</th>
                <th>Wrocław i okolice</th>
            </tr>
            <tr> 
                <th scope="row">Oprawa ślubu i wesela</th>
                <th> 5000 zł</th>
                <th>4500 zł</th>
                <th>możliwość dojazdu na terenie całej Polski</th>
            </tr>
            <tr>
                <th scope="row">Oprawa innych uroczystości</th>
                <th>3000 zł</th>
                <th>1500 zł</th>
                <th>możliwość dojazdu na terenie całej Polski</th>
            </tr>
        </tbody>
    </table>
 </section>

 <!-- tabela z łączonym okienkiem -->
  <section>
    <h2 id="ceny1">Ceny naszych usług</h2>
    <table>
        <caption>Ceny naszych usług</caption>
        <thead> 
            <tr>
                <th scope="col">Usługa</th>
                <th scope="col">Cena brutto</th>
                <th scope="col">Cena netto</th>
                <th scope="col">Miejsce realizacji</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td scope="row">Wiązanki ślubne</td>
                <td>200 zł</td>
                <td>150 zł</td>
                <td>Wrocław i okolice</td>
            </tr>
            <tr> 
                <td scope="row">Oprawa ślubu i wesela</td>
                <td> 5000 zł</td>
                <td>4500 zł</td>
                <td rowspan="2">możliwość dojazdu na terenie całej Polski</td>
            </tr>
            <tr>
                <td scope="row">Oprawa innych uroczystości</td>
                <td>3000 zł</td>
                <td>1500 zł</td>
                <!-- TU NIC NIE TRZEBA DODAWAĆ-->
            </tr>
        </tbody>
    </table>
 </section>

 <!-- formularze -->
<section>
    <h2 id="formularz">Formularz kontaktowy - Spytaj o dostępnośc usług</h2>

    <form action="/contact" method="POST">
        <!-- imie i nazw-->
        <label for="full-name">Imię i nazwisko:</label>
        <input type="text" id="full-name" name="fullname" 
        required placeholder="Podaj swoje dane"> <br>

        <!--wiek-->
        <label for="age">Wiek:</label>
        <input type="number" id="age" min="16" max="100" required> <br>

        <!-- mail -->
        <label for="contact-email">Email:</label>
        <input type="email" id="contact-email" name="email" required placeholder="[email protected]"><br>

        <!-- wybór usługi-->
        <label for="product-select">Produkt:</label>
        <select id="product-select" name="product" required>
        <option value=""> Wybiez usługę </option>
    
        <optgroup label="Wiązanki i bukiety">
        <option value="slubna">Wiązanka ślubna</option>
        <option value="inne">Inne wiązanki</option>
        <option value="pogrzebowa">Wiaanka pogrzebowa</option>

        <optgroup label ="Obsługa uroczystości">
        <option value="slub">Śluby</option>
        <option value="inneu">Inne uroczystości</option>    
        </optgroup>
        </optgroup>
  </select> <br>

        <!-- wybór daty usługi-->
        <label for="date">Data wykonania usługi:</label>
        <input type="date" id="date" name="date" min="today" max="2027-01-01" required> <br>
  


        <!-- temat wiad-->
        <label for="message-subject">Temat:</label>
        <input type="text" id="message-subject" name="subject" required><br>

        <!-- tekst wiad -->
        <label for="message-body">Treść:</label>
        <textarea id="message-body" name="message" 
                rows="6" cols="50" 
                placeholder="Chcę spytać o dostępność usługi... "
                maxlength="500" required></textarea>

<!-- akceptacja warunkow-->
  <label>
    <input type="checkbox" name="politykapr" value="yes" required>
    Zapoznał_m się z warunkami prywatności i je akceptuję. 
  </label>

<button type="submit">Wyślij</button>    
</section>