Geschafft!

Hinweis

Fehler

Session expiration Your session is going to expireClick here to extend

Budget:

Kleines Projekt <800

Geposted am

2013-04-01 11:26:32.0

Kunde

min***

Dieses Projekt wurde geschlossen

Schreiben Sie ein ähnliches Projekt aus. Unverbindlich. Kostenlos. Schnell.

Jetzt ähnliches Projekt einstellen

Beschreibung:

Hallo,

wir benötigen die Umsetzung eines HTML-Templates. Die Site besteht eigentlich nur aus einem Template, das muss aber responsive umgesetzt werden. Als Bibliotheken sind zu verwenden:

.] jquery .] jquery.ui .] bootstrap .] font-awesome

Im PDF ist die generelle Struktur zu ersehen. Die Detailausarbeitung ist als PSD-File oder als cpt-File vorhanden und wird den anbietenden Damen und Herren im Rahmen der Detailbesprechnung des Angebotes selbstverständlich übermittelt.

Einziger Pferdefuß dabei ist die UMGEHENDE Umsetzung der Site, je schneller desto besser.

Folgende Funktionen sind hier wichtig und müssen realisiert werden:

1) Navigationen öffen/schließen (Navi 1 und Navi2) es gibt die zwei Navigationen (jeweils eigene <div>) die über eine javascript-Funktion unabhängig voneinander geöffnet und geschlossen werden können (wie auf den Bildern zu sehen), farbliche Darstellungen der geöffneten Menüpunkten bzw. bei hover.

2) Navigation scollen (wichtig!) innerhalb jeder Navigation soll diese scrollbar sein. Die Höhe der Navigation passt sich in der Desktopansicht IMMER der Browserhöhe an, auch wenn sich die Browsergröße ändert, die linke Navi ist bedingt durch die in der Höhe und Breite fixen Boxen unterhalb etwas kleiner

3) Contentbreite der rechte Content muss sich immer der Breite und Höhe des Browsers anpassen, der Randabstand muss dabei immer 30 Pixel betragen

4) innere Navigation die vier Ebenen jeder der beiden Navis soll der User durch einen Klick auf den entsprechenden Navilink öffnen und schließen können (drill-down)

5) Icons alle Links der Site sind mit Icons per font-awesome versehen

6) mobile Darstellung zur Realisierung des responsive Design sind die Grundlagen der bootstrap-lib zu nutzen

7) Worksheet im Header ist ein zusätzlicher Link (Link1), bei Klick auf diesen Link öffnet sich ein Layer. Hintergrund wird abgedunkelt. Content ist in einer Box mittig am Bildschirm ausgerichtet. Breite und Höhe des Content richtet sich nach der Browsergröße. Am Smartphone sind alle Contentbereiche (text und textareas) gleich breit und alle übereinander (beginnend mit den drei rechts). Der Content hat zwei Reiter, über einen Klick auf den entsprechenden Reiter wird auf den entsprechenden Inhalt umgeschaltet. Im Reiter mit dem Listing (tab2) ist bei mousehover der Zeilenhintergrund entsprechend aufgehellt. Alle Inhalte in den beiden Reitern sind scrollbar mit den kleinen Balken rechts

 

Nachdem uns unser langjähriger Dienstleister in Bereich der Umsetzung solcher Templates abhanden gekommen ist sind wir an einer langfristigen Zusammenarbeit bei der Realisierung solcher Templates interessiert.

Höchsten Wert wird auf eine fundierte und technisch einwandfreie Umsetzung gelegt. Alle css- und ja-Funktionen müssen browserübergreifend einwandfrei funktionieren.

Bei diesem Projekt ist eine äußerst rasche Umsetzung notwendig!! Bitte bei ihrer Angebotsabgabe auch den raschest möglichen Termin zur Lieferung bekannt geben.

Vielen lieben Dank, alle ihre Fragen beantworte ich gerne per Mail oder Nachricht.