HTML+CSS+JS layout
Task.
You need to create a responsive layout for the main page of the store according to the mockup using only html+css+js.
Structural description of page blocks from top to bottom:
1. Top bar
• Link "Open the world of shopping with us!"
• Buttons: Login, Register, My Account
2. Main menu
• Logo "agora"
• Search field
• Icons: Daily offers, Gift cards, Sell, Saved, Customer service
3. Main banner
• Large H&M advertisement banner "Seasonal novelties" with 30% discount
• Photos of models
4. Category section "Time to choose something special"
• Category cards:
• Kitchen comfort
• Essential items
• Your home space
• Preparing for Easter
• Children's entertainment world
• Gaming portal
• Cozy accents
• Here is the T-class
• Electronics world
• My cosmetics bag
• Gift case
• Aromatic inspiration
• Everyday style
• Digital space
• Sports zone
5. Children's toys section
• Cards with children's products (e.g., balls, wooden game, backpacks, house, car)
6. School supplies section
• Cards with school items (backpack, pencils, pencil cases, paints, masks)
7. List of top brands
• Brand logos: H&M, adidas, Puma, Nike, Zara, Reebok, Under Armour, Defacto, Sinsay, and others
8. Footer
• Information blocks:
• Quality guarantees, Minimum prices, Return guarantee, Online anywhere and anytime, Instant discounts
• Links: About the company, Help, Delivery
• Contacts: phone, email, address
• Logo agora, social networks, QR code for App Store and Google Play
• Copyright
Start of page 1, there will be more pages later.
Looking for a layout specialist who can quickly and inexpensively do what is needed, ideally layout 1 page per day and more.
The mockup is under NDA, can only show privately.
Client's review of cooperation with Oleksandr Pirko
HTML+CSS+JS layoutThank you very much to the performer for working on the project. The task was not easy – adaptive layout of the main page of a large store with many blocks. The performer carefully paid attention to all details, neatly assembled according to the mockup. The work took a little more time than I expected, but he patiently made all the necessary corrections (there were 4 rounds), always stayed in touch, and performed the tasks responsibly. I recommend for similar tasks, especially if high-quality HTML/CSS/JS layout is required.
Freelancer's review of cooperation with Pavel Bondarchuk
HTML+CSS+JS layoutEverything is excellent, the client is constantly in touch, responds quickly, checks quickly! I recommend
-
3405 17 0 1 Wishing you good health,
Please send the layout, considering the specified cost for this task.
I look forward to cooperating.
Thank you
-
447 1 0 Hello!
I am interested in your proposal and would be happy to collaborate.
✅ I will do the layout using clean HTML/CSS/JS without unnecessary and bulky libraries. If needed, I can connect lightweight solutions for interactive elements, such as sliders.
✅ I work with website speed checks through Google Page Speed, guaranteeing fast page loading.
✅ I write clean and valid code, optimized for further editing.
…
Looking forward to details of your project and ready to start work immediately!
-
331 1 0 Hello!
I am ready to develop a responsive page.
I confidently master HTML, CSS, JavaScript. I can start working immediately after all conditions.
-
630 12 0 Good day, I am ready to typeset, I can start today.
Show me the layout for evaluation, if it's not complicated, we can agree on 1000-2000 without any problem.
Write to me, I will be glad to discuss the details of the work.
-
475 2 0 Hello! Ready to discuss and complete your order.
https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/
-
12221 96 0 Good day!
The cost is approximate, you need to look at the layout.
I have experience both in HTML+CSS+JS layout and with preprocessors.
-
1195 8 0 Hello, Ready to perform high-quality and responsive layout in html, css, js.
Discussion of price and time after reviewing the layout.
-
648 9 2 Ready to perform quickly and efficiently. I can layout a page in a day. Over 10 years of experience. The cleanest responsive layout without frameworks.
-
487 10 1 Hello, I can do the layout of your pages, write to discuss the details.
-
968 10 1 Hello. Ready to help implement your project. I create responsive layouts, ensuring cross-browser compatibility. The code is neat, logically thought out, valid. I provide a guarantee for the layout.
Links to my work:
Digital agency Kronix: https://digatal-agency-kronix.netlify.app/
Wines: https://vtwines.netlify.app/
Delizioso: https://delizioso-online-store.netlify.app/
Sonic Logistic site: https://sonic-logistic.netlify.app/
PetZen: https://petzen.netlify.app/
Pixelmagnet DMW: https://pixelmagnet-dmw.netlify.app/
… Coffee Shop: https://coffee-shop-magazine.netlify.app/
Frontend developer landing: https://frontend-developer-landing.netlify.app/
Pages: https://pages-books.netlify.app/
Realco: https://realco-realestate.netlify.app/
Plato: https://plato-energy.netlify.app/
Developer expert: https://developer-expert.netlify.app/
WavesCo: https://sound-effect-library.netlify.app/
Frontend topics: https://frontend-topics.netlify.app/
-
3338 44 0 Hello! I have experience in layout design. I will do it qualitatively.
The website will be: in the green zone according to Google PageSpeed 🌱, valid ✅, cross-browser compatible with the latest versions 🌍, responsive 📱, optimized and compressed ⚡.
My works
https://dashanchik19.github.io/SKYNET/ - multi-page
https://dashanchik19.github.io/FORTISMAN/ - multi-page
https://dashanchik19.github.io/POLYEX/ – multi-page
https://dashanchik19.github.io/Eco-products/ – multi-page
-
2216 24 0 Hello!
Ready to implement the layout of your website. Final estimate after reviewing the design mockup.
The result will be clean HTML/CSS/JS code without using third-party bulky libraries. I code using the BEM methodology with full responsiveness and cross-browser compatibility, following all modern technologies. This allows my projects to achieve high loading speeds according to Google Page Speed and positively impacts SEO promotion.
My recent works:
https://technogas-gamma.vercel.app/ - landing
https://speak-joy-kjl.vercel.app/ - landing
… https://kolo-video.vercel.app/ - landing
https://codeclad.vercel.app/ - landing
https://nota-bene.vercel.app/home.html - multipage
https://s-iteost.vercel.app/index.html - multipage
https://sanyok185.github.io/Top-10/home.html - multipage
Current freelance projects in the category HTML & CSS
Front-end development and UI/UX + CMSWhat needs to be done: Front-end development and UI/UX implementation Responsive HTML/CSS layout according to the approved design template. Setting up interactive interface elements (micro-animations, hover effects, smooth transitions). Ensuring cross-browser compatibility… HTML & CSS ∙ 1 hour 17 minutes back ∙ 36 proposals |
Transfer of the website to Shopify
25 USD
We need to transfer the current website jdfurniture.uk from OpenCart to the Shopify platform. The current OpenCart site generally meets our needs in terms of structure and functionality. The main reason for the transfer is issues with payment systems. There should be no such… HTML & CSS, Web Programming ∙ 15 hours 17 minutes back ∙ 27 proposals |
Transfer of design to WordPress
45 USD
Good day! It is necessary to transfer the finished design of a one-page landing page to WordPress. The layout is fully ready (Figma), no design development is needed. It is required to code the page quality, adapt it for mobile devices, and set it up on WordPress. Please… HTML & CSS ∙ 21 hours 3 minutes back ∙ 97 proposals |
Output posts from Instagram to the website (OpenCart)
16 USD
Hello. I need to set up functionality so that a block with Instagram posts appears on the site (OpenCart). Please respond if you have done this and know how to do it :) Thank you :) We will agree on the price, I don't know how much it costs. HTML & CSS, Web Programming ∙ 1 day back ∙ 46 proposals |
Landing page for an English school
301 USD
We are looking for a designer + landing page developer (Wix / WordPress / Weblium) Hello! We are looking for a performer for the design and layout of a landing page for an English language course. What is needed: — design and layout of a landing page with 12 blocks; —… HTML & CSS, Interface Design (UI/UX) ∙ 1 day 3 hours back ∙ 126 proposals |