Design Certificate to print from web application

  • Állapot: Closed
  • Díj: $150
  • Beérkezett pályamű: 7
  • Nyertes: lukas13on

A verseny összegzése

Design an attractive and logically laid out certificate to be printed from a web application.

The Tasmanian Wine Show Society is a not for profit organisation that runs an annual wine show.
The judges award some entries with Bronze, Silver or Gold medals.
Entrants are entitled to a certificate from the Society for any wines that win an award.
Entrants need to log in to the web application to get to a page containing their certificates.
They will print out their certificates from that page.

Certificates.html shows typical values extracted from the results database for three certificates.
All the values need to be included on the certificate, but the layout can be varied.
There are some lines of bridgingText in the certificate (marked by class="bridgingText"), the content of these lines can be varied.
It is an html file provided for the purposes of this competition.
On the live site, certificates will be printed from a Razor Page (.Net Core 2.0 web app).

The other provided file is certificatePrint.css to contain the specific styling for certificates.

Use of large areas of block colours should be avoided (we are 'using' our customer's ink).
The winning entrant must supply Certificates.html and certificatePrint.css files that can produce the winning design.
In addition the winning entrant must provide any images and fonts, free of copyright, needed in the winning design.
Fonts need to be provided in formats to suit all browsers (.eot, .svg, .ttf, and woff).

Bootstrap css will apply unless it is over-ridden in the certificatePrint.css file.
Certificates.html does use Bootstrap classes but this is not a requirement.

Print performance critical, but preferable that web page looks identical.

Ajánlott készségek

Munkaadói értékelés

“He was prepared to make a lot of changes during the hand over process to ensure a good result.”

Profilkép horshamt, Australia.

A verseny legjobb pályaművei

További pályaművek

Nyilvános pontosítófelület

  • horshamt
    A verseny kiírója:
    • 6 év telt el

    Thank you to all who contributed valid entries. I have created a poll for my top 5 rated entries.

    • 6 év telt el
  • adsingh13
    adsingh13
    • 6 év telt el

    Please check Entry #8 :)

    • 6 év telt el
  • lukas13on
    lukas13on
    • 6 év telt el

    Dear contest holder, check my updated version #6

    • 6 év telt el
  • horshamt
    A verseny kiírója:
    • 6 év telt el

    Q:"Can I use any type of image in that certificate?"
    A: As long as it is copyright free. Also consider download size and the amount of ink to print it.

    • 6 év telt el
    1. fahim45
      fahim45
      • 6 év telt el

      thank you

      • 6 év telt el
    2. fahim45
      fahim45
      • 6 év telt el

      you can check #4 entries

      • 6 év telt el
  • horshamt
    A verseny kiírója:
    • 6 év telt el

    The printed certificate should be A4 portrait. The supplied css file already deals with that issue, but from a pure design perspective, I should have included that in the description. The css file also contains references to the Bebas font - use of the font is not compulsory.

    • 6 év telt el
    1. fahim45
      fahim45
      • 6 év telt el

      Can I use any type of image in that certificate?

      • 6 év telt el
  • horshamt
    A verseny kiírója:
    • 6 év telt el

    Google fonts would be a good way to ensure all fonts are available for commercial use.

    • 6 év telt el
  • lukas13on
    lukas13on
    • 6 év telt el

    Check my entry #2

    • 6 év telt el
  • lukas13on
    lukas13on
    • 6 év telt el

    working on it

    • 6 év telt el
  • synegare
    synegare
    • 6 év telt el

    #increaseprize

    • 6 év telt el
  • horshamt
    A verseny kiírója:
    • 6 év telt el

    Feel free to ignore any supplied classes, add your own, use h1 etc instead of div. The classes I have provided allow individual styling to be applied to each element, even based on the type of Medal. It is not compulsory to use any class. In response to: "In your Certificates.html file, you add all award (like Gold, Silver, Bronze Medal). I think, in your certificate template need only one award medal. Please, clear your speech."

    • 6 év telt el
  • horshamt
    A verseny kiírója:
    • 6 év telt el

    This is a pure design/html/css task. I am responsible for implementing the design in the web application. Written in response to: "Can the webapp/website be designed in PHP?"

    • 6 év telt el
  • fahim45
    fahim45
    • 6 év telt el

    In your Certificates.html file, you add all award (like Gold, Silver, Bronze Medal). I think, in your certificate template need only one award medal. Please, clear your speech.

    • 6 év telt el
  • Flingtech
    Flingtech
    • 6 év telt el

    Can the webapp/website be designed in PHP?

    • 6 év telt el

További hozzászólások

Így vágjon bele a versenyekbe

  • Tegye közzé a versenyét

    Indítson egy versenyt! Gyors és könnyű

  • Pályaművek százai várják

    Kapjon akár több száz pályaművet A világ minden szegletéből

  • Díjazza a legjobb pályázatot

    Díjazza a legjobb pályázatot Töltse le a fájlokat - csak egy kattintás!

Projekt közzététele vagy csatlakozzon hozzánk még ma!