God Service Rengøring

The website has been created by using a single HTML page whose DOM elements are manipulated with jQuery to give the impression that there are several different pages. Among the highlights one could mention some CSS 3 effects for the navigation menu, and for the footer, the custom-made logo and HTML 5 front-end validation for the contact form. Some PHP has been used for the contact form, just for sending an e-mail to a contact person in the company.

View Project

God Service Show Case

Code Sample

HTML 5 code for the contact form

< form class="contact_form" action="mail.php" method="post">
< ul>
< li>
< h2> Kontakt Os < /h2>
< span class="required_notification">* Påkrævet < /span>
< /li>
< li>
< label for="firmaname">Firmanavn:< /label>
< input type="text" name="firmaname" placeholder="Sony Communications" required />
< /li>
< li>
< label for="name">Kontakt navn:< /label>
< input type="text" name="kontaktname" placeholder="Mads Christensen" required />
< /li>
< li>
< label for="by">By:< /label>
< input type="text" name="by" placeholder="København" required />
< /li>
< li>
< label for="gade">Gade < /label>
< input type="text" name="gade" placeholder="Nørre Farimagsgade" required />
< /li>
< li>
< label for="post">Postnummer: < /label>
< input type="text" name="postnumber" placeholder="1200" required />
< /li>
< li>
< label for="telefon">Telefon: < /label>
< input type="text" name="telefon" placeholder="55 33 22 00" />
< /li>
< li>
< label for="email">Email: < /label>
< input type="text" name="email" placeholder="mads_christensen@mail.dk" required />
< span class="form_hint">Proper format "name@something.com"< /span>
< /li>
< li>
< label for="message">Besked:< /label>
< textarea name="message" cols="40" rows="6" required> < /textarea>
< /li>
< li>
< buttonclass="submit" type="submit">Send besked < /button>
< /li>
< /ul>
< /form>