Vorrei apportare delle modifiche a un sito web esistente..

Il fornitore dovrà occuparsi sia del design che della programmazione.

Si tratta di una landing page.

 

CAROUSEL IN ANGULAR JS1 - Angular Material 1 compatible - no external libraries (like jQuery):

this is a customizable carousel, responsive and touch.

Features:

- [ ] images has to be centered (vertically and horizontally), and not shrink

- [ ] images have to “re begin” as a loop

- [ ] if I upload only a single an img + content or single img or a single content, just display that

- [ ] the images can go back or forward dipending on the click of user (on icon or swiping)

- [ ] the image can go back or forward dipending on the click of user

- [ ] Swipe always on: touch swipe, (SENSITIVE: look at spotify album img, It allows to swipe on img only if you swipe more then "X"px1) -> (see video-swipe) 

- [ ] Full Responsive , 'till iphone 4s

- [ ] animated

- [ ] compatible with everyting ( 'till windows 7)

- [ ] no external library, only angularJS 1 + Angular Material 1 Compatible

- [ ] Don't use ng-route

- [ ] when user clicks on img on mini-display, it will appear on main display

- [ ] Please show in the bottom how you upload the file in php, connect your server / db, to show me it works, then I'll take care of the rest. - [ ] Please create a in input widh drag and drop where can i upload img + content or single img or single content

Directives:

- [ ] go-vertically = carousel moves vertically

- [ ] go-horizontally = carousel moves horizontally

- [ ] go-left-right = carousel moves horizontally left to right

- [ ] go-right-left = carousel moves horizontally right to left

- [ ] go-top-bottom = carousel moves vertically top to bottom

- [ ] go-bottom-top = carousel moves vertically bottom to top

- [ ] mini-display="top" = mini-display will be on top of the content (exactly like this one: https://www.divinum.wine/prodotto/albana-romagna-biologico-d-c-g-gioja-az-agricola-giovannini/)

- [ ] mini-display="bottom" = mini-display will be on bottom of the content

- [ ] mini-display="left" = mini-display will be on the left of the content

- [ ] mini-display="right”= mini-display will be on the right of the content

- [ ] mini-display="hide" = mini-display will be hidden

- [ ] mini-display-direction="normal" (default) = from left to right or from top to bottom

- [ ] mini-display-direction="inverse”= from right to left or from bottom to top

- [ ] mini-display-content="show" = if I add content to img, iI can set to show them (default)

- [ ] mini-display-content="hide" = if I add content to img, iI can set to hide them

- [ ] full-screen = show the icon of youtube and do the effect animation go get on full screen, and show all the carousel, if mini-display is on left or right, when the device goes on portrait : mini-display goes on top. if mini-display is on top or bottom, when the device goes on landscape: when the device goes on left|right

- [ ] no-full-screen = no-full-screen

- [ ] full-screen-background="" = let me set a color, a linear color or whatever (img)

- [ ] go-auto = carousel slide goes automatically (default)

- [ ] go-manual = carousel slide goes on action (like click on arrow)

- [ ] speed="x" (ms) = timing of auto slide

- [ ] visible = img or img + content or content will not be hidden on sliding

- [ ] display-arrows = see apple.com, i need to modify the svg, and css

- [ ] display-lines-width="x"(px) = see apple.com, i need to modify the css

- [ ] display-lines-height="x"(px) = see apple.com, i need to modify the css

- [ ] display-buttons = see http://www.1772naturalcosmetic.bio, i need to modify che css for color or height / width

- [ ] allow-hover= when user hover img on mini-display it will shows on the main display

Attachments:

*clean-app-demo

*video swipe

*mockup