CSS for three existing (basic) HTML pages

  • Durum: Closed
  • Ödül: $100
  • Alınan Girdiler: 20
  • Kazanan: Akademic

Yarışma Özeti

Using CSS/LESS etc, make some style & layout options for three pages (templates). These are provided as basic HTML currently, so adding CSS, transitions etc is all that is required.

The contest is to provide a look (template) screenshots initially, but you will need to provide HTML/CSS to be selected (once you are finalised). The quality/readability of the CSS is important, so not too many includes, libraries or messy code.

A menu design is needed - two levels of menu (top and sub-menu). Designs should be responsive (work on mobile & tablet screens without special customisation).

Bootstrap or other frameworks are acceptable but JS & CSS must be simple to read.

Examples of the original pages (without any CSS) are attached. Actual HTML is in a ZIP file attachment.

Discussion & questions via instant messenger (please send details).

Contest may be finished early if the right response comes in. More work in future likely also.

Tavsiye Edilen Beceriler

İşveren Geribildirimi

“Thanks Nenad. Delivered on time and great quality.”

Profil Görüntüsü bodcom, Australia.

Genel Açıklama Panosu

  • mingma1
    mingma1
    • 1 yıl önce

    hello sir..i was 1 minute late and couldnt submit my entry..i have uploaded it in dropbox link https://www.dropbox.com/s/w9vexthhfz9dq1w/sample1.png?dl=0. please check my entry..thank you

    • 1 yıl önce
    1. bodcom
      Yarışma Sahibi
      • 1 yıl önce

      I'm sorry but there are other pieces of work coming up... S k y.

      • 1 yıl önce
    2. bodcom
      Yarışma Sahibi
      • 1 yıl önce

      pe: smoovjoe

      • 1 yıl önce
  • mingma1
    mingma1
    • 1 yıl önce

    https://www.dropbox.com/s/l68wp32kk3wzjcw/sample2.png?dl=0 .Dropbox link for another entry..Please check my entry..I have worked really hard to complete it.. so please go through it once..thank you

    • 1 yıl önce
  • mingma1
    mingma1
    • 1 yıl önce

    working on the project..will submit on time..please wait for my entry..

    • 1 yıl önce
  • HegedusNorbert
    HegedusNorbert
    • 1 yıl önce

    Please review entry #20

    • 1 yıl önce
  • javierchosen1
    javierchosen1
    • 1 yıl önce

    Please review entry #19.
    Your feedback is valuable to know if my proposal is going on the right track.
    Regards,

    • 1 yıl önce
  • javierchosen1
    javierchosen1
    • 1 yıl önce

    Good day dear client,

    • 1 yıl önce
  • vivaggarwal84
    vivaggarwal84
    • 1 yıl önce

    Please check the entry #17

    • 1 yıl önce
  • vivaggarwal84
    vivaggarwal84
    • 1 yıl önce

    Hi Sir

    • 1 yıl önce
  • DesignGuruPro
    DesignGuruPro
    • 1 yıl önce

    any color preference?

    • 1 yıl önce
  • norhanmoh2011
    norhanmoh2011
    • 1 yıl önce

    HI
    I uploaded new Entry please check all photos there

    Regards

    • 1 yıl önce
  • SultonbekM
    SultonbekM
    • 1 yıl önce

    Hi sir
    Pls check out #10

    • 1 yıl önce
  • huykon225
    huykon225
    • 1 yıl önce

    #guaranteed please

    • 1 yıl önce
    1. bodcom
      Yarışma Sahibi
      • 1 yıl önce

      Now guaranteed... Share some links to other designs if you want feedback before doing the work (examples of themes elsewhere or what you have done before)

      • 1 yıl önce
    2. bodcom
      Yarışma Sahibi
      • 1 yıl önce

      See the post on the design cues in the comments section. If you like just provide Codepens as examples and then finalise

      • 1 yıl önce
  • bodcom
    Yarışma Sahibi
    • 1 yıl önce

    DESIGN CUES (inspiration) RESPONSIVENESS:
    When viewed very narrow the columns become groups of rows: http://codepen.io/AllThingsSmitty/pen/MyqmdM
    http://codepen.io/pixelchar/pen/rfuqK
    http://codepen.io/pixelchar/pen/rfuqK

    Nice font (a bit like Avenir Next, sort of). Good blue but good strong as background. The grey/white alternating lines.
    The row with dark grey mouse-over is good, and should allow the whole row to be a link
    http://codepen.io/alassetter/pen/cyrfB
    http://codepen.io/alassetter/pen/cyrfB


    => Number of columns changes responsively (narrow vs wide window/device)
    Bright colours (white or light grey background may be preferable though)...
    http://codepen.io/PableraShow/full/qdIsm/
    http://codepen.io/PableraShow/full/qdIsm/

    • 1 yıl önce
  • bodcom
    Yarışma Sahibi
    • 1 yıl önce

    We want something more modern - not too "Microsoft Office" look... I will share some design cues at some stage, but go for the modern web look - large fonts, bright colours etc

    • 1 yıl önce
  • norhanmoh2011
    norhanmoh2011
    • 1 yıl önce

    Hi
    I'm working on index file .. will upload today

    • 1 yıl önce
  • burhansultan
    burhansultan
    • 1 yıl önce

    I am working on it sir

    • 1 yıl önce
    1. bodcom
      Yarışma Sahibi
      • 1 yıl önce

      Great - your first design is not bad, but it needs to be more adventurous. Maybe larger or more interesting fonts, dotted borders, whatever. Make it sing in a modern, responsive way. The black and electric blue in the menu, I like. I might do another banner because I find the font in the banner a bit boring, and a wave with a stronger colour (saturation) might look good too...

      • 1 yıl önce

Daha fazla yorum göster

Yarışmalara nasıl başlanır

  • Projenizi ilan edin

    Yarışmanızı İlan Edin Hızlı ve kolay

  • Tonlarca girdi alın

    Tonlarca Girdi Alın Bütün dünyadan

  • En iyi girdiyi seçin

    En iyi girdiyi seçin Dosyaları indirin - Kolay!

Şimdi bir Yarışma İlan Et ya da Bugün Bize Katılın!