Recreate Responsive HTML/CSS Template
Budget: $30 – $250 AUD
I need a front-end developer to recreate the layout and feel of a reference website (URL will be provided) in clean, original HTML/CSS/JS. The end goal is a reusable, responsive template package that works across all devices and can later be connected to our backend/CMS.
Important
This must be modular and well-structured. The first version can be static, but sections (hero banners, tickers, promos, game grids) should be built as clearly separated blocks with comments. That way, our backend developer can connect those areas to an admin panel for editing later.
Key Features
• Mobile-first build (start with phones, then scale to tablets and desktops)
• Sticky header with main nav + sub nav
• Rotating hero banner with simple animation/slider
• News ticker / marquee (image on left, text on right)
• Horizontal scroll panels (Home stays, others slide sideways)
• Responsive game grids with a “View more” expand option
• Mobile hamburger menu + bottom tab bar
• Must work smoothly across all devices and browsers (iOS, Android, desktop, Chrome, Safari, Edge, Firefox)
Page Templates Required
• Homepage
• Slots category page
• Bingo category page
• Casino category page
• Promotions/Offers page
• Generic content/info page (e.g. About/Terms)
Deliverables
• Clean, well-commented HTML, CSS, JS (no unnecessary frameworks)
• Modular sections that are easy for another dev to connect to backend
• Static placeholder assets (images/icons)
• Short guide (Markdown or PDF) explaining how to add new pages reusing the global layout and styles
What You’ll Get From Me
• The live site URL for reference
• Clarifications if something looks unclear during build
Notes
• Straightforward job for an experienced front-end dev
• Please share examples of responsive, multi-page builds you’ve done
Please see file attached it contains the reference URL The Home Page and other pages/layouts that need to be created... It's important what is created behaves the same way both desk and respnsive as it is different. Please take not of that especially the mobile part. Its important for us to have a list off image size to replace the content that you see in reference url as we are interested in the Layout and behaviour not the content- Project delivery ASAP
Important
This must be modular and well-structured. The first version can be static, but sections (hero banners, tickers, promos, game grids) should be built as clearly separated blocks with comments. That way, our backend developer can connect those areas to an admin panel for editing later.
Key Features
• Mobile-first build (start with phones, then scale to tablets and desktops)
• Sticky header with main nav + sub nav
• Rotating hero banner with simple animation/slider
• News ticker / marquee (image on left, text on right)
• Horizontal scroll panels (Home stays, others slide sideways)
• Responsive game grids with a “View more” expand option
• Mobile hamburger menu + bottom tab bar
• Must work smoothly across all devices and browsers (iOS, Android, desktop, Chrome, Safari, Edge, Firefox)
Page Templates Required
• Homepage
• Slots category page
• Bingo category page
• Casino category page
• Promotions/Offers page
• Generic content/info page (e.g. About/Terms)
Deliverables
• Clean, well-commented HTML, CSS, JS (no unnecessary frameworks)
• Modular sections that are easy for another dev to connect to backend
• Static placeholder assets (images/icons)
• Short guide (Markdown or PDF) explaining how to add new pages reusing the global layout and styles
What You’ll Get From Me
• The live site URL for reference
• Clarifications if something looks unclear during build
Notes
• Straightforward job for an experienced front-end dev
• Please share examples of responsive, multi-page builds you’ve done
Please see file attached it contains the reference URL The Home Page and other pages/layouts that need to be created... It's important what is created behaves the same way both desk and respnsive as it is different. Please take not of that especially the mobile part. Its important for us to have a list off image size to replace the content that you see in reference url as we are interested in the Layout and behaviour not the content- Project delivery ASAP
Related categories:
JavaScript
CSS
Animation
HTML5
HTML
UX / User Experience
UI / User Interface
Web Development
CSS3
Documentation