I'm strugling with this one :)

I'm strugling with this one :)
0.0 0

#1

ENGLISH

Brief: On the iPROM website, we want to capture the data of visitors who want to receive news from the field of digital advertising. We want to capture the user name and the high-end email address. In order to legally capture the information and use it for the purpose of sending news, we must follow the GDPR guidelines, so the user must agree to the GDPR notice (check mark) before the data is actually sent. After successfully passing the process, the user should receive a thank-you message, and the form will be automatically closed. Every usable person must be able to close the form. Instructions: 1. Prepare an online form with two input fields, and a checkbox to agree with the GDPR Notice on the Use of Data 2. All information is compulsory 3. Data should be sent at https://data.iprom.si/novice/prijava 4. Provide a good UX (user experience) - mobile, desktop 5. Appearance should match the CGP website http://iprom.si/ 6. Consider how the form will be displayed and behave on a website

ORIGINAL CODE:

    <div id="form">
	
        <div id="inner-wrapper">
            <h2 class="header">iPROM Spletna patrola</h2>

            <p id="text">Bi želeli imeti pregled nad dogajanjem v svetu digitala in novih tehnologij? <span >Prijavite se na naš mesečni novičnik Spletna patrola.</span></p>
            <div class="input-group">
                <label for="name">Ime in priimek *</label>
                <input class="input-element input-line" type="text" name="name" id="name" required><br> <!--dodan required-->
                <span id="name-error" class="error-message">Prosimo izpolnite zahtevano polje.</span>
            </div>

            <div class="input-group">
                <label for="email">Elektronski naslov *</label>
                <input class="input-element input-line" type="email" name="email" id="email" required><br> <!--dodan required-->
                <span id="email-error" class="error-message">Prosimo izpolnite zahtevano polje.</span>
            </div>

            <div class="input-group">
                <input class="" type="checkbox" name="consent" id="consent">
                <label id="consent-label" for="consent">Strinjam se, da iPROM d. o. o. moje osebne podatke uporabi za namene obveščanja v obliki novičnika (Spletna patrola in sporočila za javnost).
				<br><br>
				Kadarkoli lahko zahtevate, da vaše osebne podatke popravimo, dopolnimo ali izbrišemo, s sporočilom na info@iprom.si. Več o vaših pravicah in varstvu osebnih podatkov izveste <a href="https://iprom.si/files/2018/05/iPROM_Politika_zasebnosti_GDPR.pdf ">tukaj</a>.</label>
                <span id="consent-error" class="error-message">Če želite prejemati Spletno patrolo, potrebujemo vaše podatke, navedene v spletnem obrazcu.</span>
            </div>

            <div id="close">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 24 24">
                    <path id="close-icon" fill="#FFFFFF" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
                </svg>
            </div>

            <button class="button-element white" id="send" type="button">PRIJAVI SE</button>
        </div>
		
    </div>

    <div id="thankyou_message">
        <p id="text2">Zahvaljujemo se vam za prijavo na Spletno patrolo.</p>
    </div>
</div>

#2

While we are primarily here to help people with their Free Code Camp progress, we are open to people on other paths, too. Some of what you are asking is pretty trivial in the Free Code Camp context, so you might find that if you’re not getting the instruction and material you need in your current studies, the FCC curriculum will really help you get started. At a modest guess I’d say investing a 4-5 hours working through the curriculum here will really pay off. You can find the curriculum at https://freecodecamp.org.

With your current questions, we don’t have enough context to know what you already know or don’t know, so it is impossible to guide you without just telling you the answer (which we won’t do).

Happy coding :slight_smile: