Responsive html5/css banner (template + coding)

  • Status: Closed
  • Præmier: $100
  • Modtagne indlæg: 2
  • Vinder: jodyjoo

Konkurrence Instruktioner

We are in need of a html/css responsive banner with "cards" including a thumbnail, play button, and on bigger sizes also title and/or views and/or date added - it will serve as a template for our banner that will dynamically display the most viewed videos on our website clipz.top.

For reference, our old fixed banners looked like this:
[login to view URL]
[login to view URL]

Our goal is the highest click-through-rate possible, so we need the banner to be fully responsive and attractive. Responsivity is the key for this project, as we need the banner to always fill the space of iframe it's put into. It will always show as many videos as can fit into the space, leaving no white-space or resizing instead of showing more videos on sizes where available.

The best structure of files received by us will be [login to view URL] (the banner itself) + [login to view URL] that will contain a set of test iframes like this:
<iframe src="./[login to view URL]" width="457" height="654" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="500" height="700" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="160" height="300" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="160" height="600" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="120" height="600" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="300" height="250" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="336" height="280" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="720" height="300" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="468" height="60" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="320" height="50" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="728" height="90" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="300" height="50" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="123" height="123" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="250" height="50" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="200" height="200" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="240" height="400" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="970" height="90" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="300" height="1050" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="682" height="156" frameborder="0"></iframe>
<iframe src="./[login to view URL]" width="200" height="563" frameborder="0"></iframe>

For the "MORE VIDEOS HERE" you can use "[login to view URL]" attached as a starting point. It is however not complete and will not work standalone - you need to perfect it/change it so the banner is attractive.

Our logo also needs to be on the banner, included as .png and .svg. For thumbnails, you can use an example "[login to view URL]" file.

If you can only do the template (PSD/SVG), then you will get $40. If you can do both template and coding of the banner, you will get $100. We prefer getting the whole package - the template first, and after discussing, getting the template coded into a responsive banner (one [login to view URL] file).

Anbefalede Evner

Arbejdsgiverfeedback

“Great work! Excellent communication and fast delivery as well. Thank you!”

Profilbillede adverticaae, Czech Republic.

Bedste indlæg fra denne konkurrence

Se flere indlæg

Offentlig Præciserings Opslagstavle

  • shahidujjaman140
    shahidujjaman140
    • 3 uger siden

    Please check my entry #31

    • 3 uger siden
  • skrezwan12
    skrezwan12
    • 3 uger siden

    Please first check entry #27 then #29.
    Entry #27 contains index.html file and #29 shows index file with iframe.
    For more, read descriptions.
    Thanks :)

    • 3 uger siden
  • siddique1092
    siddique1092
    • 3 uger siden

    Please check my entry #19 and #22

    • 3 uger siden
  • abdurrohimbd
    abdurrohimbd
    • 3 uger siden

    Please check entry #17 . thanks

    • 3 uger siden
  • skrezwan12
    skrezwan12
    • 1 måned siden

    Please check entry #16 and read the description for your concern. Thanks :)

    • 1 måned siden
  • BXsolution
    BXsolution
    • 1 måned siden

    Hello please inbox me i will do it, I have 7 years experience.

    • 1 måned siden

Vis flere kommentarer

Sådan kommer du i gang med konkurrencer

  • Opret din konkurrence

    Opret din konkurrence Hurtigt og nemt

  • Få tonsvis af indlæg

    Få tonsvis af indlæg Fra hele verden

  • Tildel det bedste indlæg

    Tildel det bedste indlæg Download filerne - Nemt!

Opret en Konkurrence Nu eller slut dig til os i dag!