Layout of a responsive page
Responsive Page Layout
There is a task to layout a single page according to a ready design in Figma and its subsequent integration into an existing website. The website uses PHP as a simple templating engine to include common blocks (header, footer).
Task:
Create HTML/CSS layout of the main content of the page according to the provided Figma mockup.
Ensure full responsiveness of the layout for correct display on desktop and mobile devices (both versions are in the mockup).
Integrate the designed block into the existing website structure. It is not necessary to layout the header and footer, as they are already included in the main template.
Make sure the page displays correctly in modern browsers (Chrome, Firefox, Safari).
Materials for the work:
Figma mockup: https://www.figma.com/design/FNcRBpE9kZ7i79LaXASSwy/Public-Website-%7C-Orbuculum?node-id=653-1464
Mockup images: https://drive.google.com/drive/folders/1CA_xApCllxifwbMd9cTE8_X6Frz5Owty
Technical details: https://docs.google.com/document/d/1R1PWxqh04PgD6vneqD8SLZqQlfaHDCFY97EHZMNxEbE/edit
Repository link: https://github.com/orbuculum-app/website
Expected result:
Ideal option: Pull Request in our GitHub repository with the completed page.
Alternative option: Archive with files (HTML, CSS, and other assets), ready for integration.
This is the first task — there are many more pages to layout on the site. If the cooperation is successful, we will be happy to continue working on similar tasks for this project with the same freelancer.
Freelancer's review of cooperation with Vlad A
Layout of a responsive pageEverything is great, properly formulated technical assignment, clear and understandable task description, communication.
I will definitely be happy to continue cooperation, thank you!
-
319 Good afternoon, we are engaged in web development, Telegram bot creation, website layout on PHP, frameworks Laravel, HTML, CSS, including WordPress. We develop websites on PHP, frameworks on Laravel, and mobile applications for iOS and Android turnkey.
We develop websites on PHP and mobile applications for iOS and Android.
We have experience in creating CRM/ERP systems.
We are ready to execute your order turnkey.
We develop websites on WordPress and mobile applications for iOS and Android. The total development experience is 7 years. We are ready to execute your order turnkey.
1. Projects
https://berkanaplus.com.ua/ - This site was migrated and server configured.
2. https://leondesign.kyiv.ua/
… PHP version updates and plugin updates.
3. https://peg.com.ua/
Development of a new module for the site for dynamic product price updates.
https://uvali.com.ua/
Dedicated server VPS configuration. 📈 Internet marketing and promotion:
Google Ads, Facebook, TikTok advertising setup
SEO and copywriting
Promotion through push notifications and in-app advertising
Marketing analytics, A/B testing, campaign optimization
📈 Internet marketing and promotion:
Google Ads, Facebook, TikTok advertising setup
SEO and copywriting
🎨 Design solutions:
In-house design department
UI/UX design, branding, advertising creatives
-
153 Good day!
I have over 1.5 years of experience in layout — I am well-versed in HTML, CSS, (SCSS), JS responsive layout, and basic integration into an existing website structure.
I am ready to convert a page from a Figma mockup, make it fully responsive, and integrate it into your PHP template according to technical requirements.
GitHub: https://github.com/Hammerszy?tab=repositories
-
126 Good day!
I am a beginner, but I will do it qualitatively and cheaper. Backend is not needed? Ready to start today.
Thank you!
-
1796 4 0 ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
Hello! I am not only a UX/UI Designer but also a developer.
I know HTML, CSS, JavaScript, React, Node.js technologies.
Here is my design portfolio:
Behance
-
422 1 0 Good day!
I am very interested in your proposal. I am a FullStack Web developer with experience in stacks such as PERN, MERN, PEVN, MEVN. I work with modern technologies: Node.js (NestJS), React.js (Next.js), PostgreSQL, and other tools from the JavaScript ecosystem.
Here is what I can offer you:
- Clean and maintainable code — I use ESLint and Prettier to ensure the code is structured, readable, and easy to support;
- Clear architecture — the entire project structure will be logical, without chaos or "confusing forests";
- Modern technologies — using up-to-date solutions on both the frontend and backend;
- Quality and timely development — I work responsibly, adhering to deadlines;
… - Pixel-perfect responsive design;
- Website localization;
- SEO — optimization for search engines;
- Precise implementation of requirements — everything will be realized according to the specified technical task.
If you are looking for quality, clean architecture, and a responsible performer — I am available!
-
1460 18 1 Hello!
My name is Dmytro, I have been professionally typesetting and developing websites (HTML, CSS, JS, PHP) for over 10 years.
I fully understand your task:
✔️ Will create a high-quality responsive layout of the central content according to the Figma mockup
✔️ Will integrate into your existing website structure (considering PHP templating)
✔️ Will not touch the header and footer — will connect only the necessary block correctly
✔️ Will check on all modern browsers (Chrome, Firefox, Safari)
… ✔️ Can prepare both a Pull Request for your repository and an archive for integration — whichever is convenient
Ready to work long-term — I have time and opportunity to take on further pages in this project.
Timeline: approximately 1–2 days after agreeing on the details.
Cost — we will discuss, I am ready to offer a reasonable rate.
Write — I will be glad to cooperate!
-
105 1 0 Hello!
Interested in completing this task. I have experience with responsive layout based on Figma designs, work with HTML/CSS without frameworks, maintain clean code and cross-browser compatibility.
Ready to layout the central content of the page according to the design, integrate it into your PHP structure, check responsiveness and correctness in Chrome, Firefox, and Safari.
Can provide the result either via Pull Request or as an archive.
-
157 I am interested in this vacancy because it fully matches my experience and strengths. I specialize in creating high-quality, responsive, and cross-browser compatible layouts with clean and maintainable HTML/CSS code.
What particularly caught my attention is that the company values layout quality, standardization, and teamwork. I always adhere to best practices, confident in semantic markup, accessibility, and pixel-perfect approach. I have experience integrating layouts into templates of various CMS and frameworks, as well as working with designs from Figma.
Why I am suitable:
I have real experience working on projects from landing pages to complex UI.
I can optimize layouts for fast loading and SEO.
…
I regularly use Flexbox, Grid, BEM, SCSS/SASS, and have worked with Tailwind.
Communicative, used to working in a team with designers, developers, and managers.
Ready to take responsibility for layout quality and confidently work on projects where HTML/CSS is a key part.
-
548 2 0 Hello ✌️
Interested in your project.
I will be glad to contribute my experience and efforts for its successful implementation.
Looking forward to your decision.
-
134 Good day!
Interested in your project and ready to implement the task responsibly and on time.
From me:
-High-quality, responsive, semantic, valid HTML5 + SCSS/CSS layout
-Connecting and testing within the existing PHP site structure
-Cross-browser testing: Chrome, Firefox, Safari
-Image and font optimization for fast loading
-Class naming according to BEM or your standard
… -Pull Request on GitHub, or archive with ready files
-
342 4 0 Good day, deadline within 2 days, rate per hour 500 UAH. The work includes using a style preprocessor for optimization, adaptation for all screens.
-
183 2 0 Hello. I will layout everything adaptively, pixel-perfect on clean CSS, JS. Write to me.
Work examples:
https://alerzi.github.io/Fitness/
https://alerzi.github.io/Agency/
https://alerzi.github.io/Construct/
-
377 4 1 Good day! I am a beginner front-end developer, but despite that I will do the work responsibly and with quality.
I offer responsive layout, impressive animation, clean and valid code.
– I will perform high-quality HTML/CSS layout according to the design, taking into account all the details of the mockup
– I will ensure correct display in modern browsers (Chrome, Firefox, Safari)
– I will integrate the sliced block into the existing website structure on a PHP templating engine (without header and footer)
– Ready to work via Pull Request in your GitHub repository
… I have experience with similar projects and am interested in long-term cooperation for layout of the next pages. Ready to start immediately.
I will be happy to discuss the details!
-
2348 30 0 🌟 Hello! I am ready to take on your task and provide the necessary technical support. I will be happy to discuss the details of the collaboration and start working.
🏆 Portfolio:Freelancehunt
I am glad to see you among my clients both now and in the future.
My skills:
* WordPress (Elementor, WooCommerce, Divi, etc.)
* LESS, SASS, SCSS, JavaScript, PHP, MySQL
… * Figma, Photoshop, Illustrator
* GIT
-
3298 70 1 Ready to perform high-quality, cross-browser, responsive, semantic layout.
The result is ready to be made according to the "Ideal version"
-
34924 35 0 Good day! Ready to cooperate! I have 10 years of experience (Ukraine, Germany, Sweden) - PHP, WordPress, Laravel. Feel free to contact me!
-
213 Hello!
Ready to take on the layout of your website.
I have experience creating responsive interfaces with precise design transfer from Figma — for both mobile devices and desktops.
I code in pure HTML, CSS, and JavaScript (or jQuery) without unnecessary libraries — this ensures lightness, speed, and ease of maintenance.
I will pay special attention to responsiveness: the mobile version will scale correctly and look harmonious on any screens.
… I am ready to discuss deadlines and start working immediately after the technical specifications are approved.
Looking forward to collaborating!
-
448 4 0 Good day!
I am interested in your proposal and am happy to cooperate!
I offer high-quality responsive layout with the necessary functionality. I write clean, valid code that meets modern standards. I guarantee that the website will be optimized and have proper performance.
I also offer ongoing support and consultations after the project is completed. Always available for any questions!
You can view examples of my work at the link:Freelancehunt
…
Looking forward to your response!
-
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/
-
8103 38 0 1 I will connect blocks, work through Git, know a little PHP, write themes on WP, do layout, thank you
-
5480 78 1 1 Good evening, I reviewed the layout and the technical specifications.
I will layout using your existing classes and package the files with the appropriate structure from the technical specifications.
I have over 10 years of experience, so I will do it quality-wise.
Feel free to contact me, you will be satisfied with the result!
-
2152 12 0 👋 Hello! I am a front-end developer with 4+ years of experience.
I offer responsive layout, impressive animation, clean and valid code.
🛠 I work with:
HTML5, CSS, SCSS, Sass, TailwindCSS, Bootstrap, JS, Vue 2/3, Nuxt 2/3
Swiper, GSAP, Lenis, Masonry, Fancybox, Choices, AOS, noUiSlider, Simple Parallax, and others.
📂 Portfolio: https://vasyltsiutsyk.github.io/vasyl-tsiutsyk/
… Always available. Ready for high-quality implementation of your project!
-
2718 35 0 Hello! Ready to start right now.
I develop websites for business, quickly and efficiently.
Write to me, and we will discuss all the details!
-
450 3 0 Hello. It looks quite simple, I can start working on it today, and deliver the finished result today or tomorrow.
I have extensive experience in development, from simple websites to complex web platforms with various frameworks, as well as pure html/css/js. If you're interested in more details about my experience, I can tell you in messages.
I will quickly adapt to the project and we can merge via git for maximum convenience.
-
2656 40 0 Hello. I will do it. Write, I will be glad to cooperate
Hello. I will do it. Write, I will be glad to cooperate
-
685 2 0 Hello! Ready to code the page according to the Figma layout with full responsiveness, integrate it into the existing PHP site structure (without header/footer), and check cross-browser compatibility. I can provide the result as a pull request or an archive — whichever is convenient. Interested in further collaboration on other pages.
-
529 3 0 Good day!
I have reviewed the task for page layout and am ready to proceed with quality execution!
Here are some of my recent works:
https://dimaakushnir.github.io/adspace-sitemap/adspace.html
https://dimaakushnir.github.io/Ama-Invest/ama-invest.html
https://dimaakushnir.github.io/Smachno/
https://dimaakushnir.github.io/Elegant/elegant.html
https://dimaakushnir.github.io/payglobal/
-
3346 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/EasySmile/ - multi-page
https://dashanchik19.github.io/FORTISMAN/ - multi-page
https://dashanchik19.github.io/POLYEX/ – multi-page
https://dashanchik19.github.io/Eco-products/ – multi-page
… https://dashanchik19.github.io/Logos-school-ENGLISH/ - landing
-
506 6 1 Hello, Vlad!
I have about 10 years of commercial experience in layout design.
I write valid, clean code. You can see examples of my work in my portfolio.
I am ready to do the layout for you.
In the end, you will receive: high-quality, cross-browser, responsive (for different devices - phones, tablets) code.
Please write to me in private messages to discuss the details of the collaboration.
Current freelance projects in the category HTML & CSS
Webflow developer for filling portfolio pages on the websiteA website custom-built on Webflow for a construction company needs to quickly fill project pages using one template (replace images and texts) For 2 languages Quantity - 6 pieces Ready to start asap, thank you! HTML & CSS, Web Programming ∙ 14 hours 46 minutes back ∙ 29 proposals |
Layout and setup of a WordPress site for a construction company (Premium segment) with a focus on SEOProject Description: We are looking for an experienced WordPress developer to implement and deploy a ready design layout from Figma onto the WordPress CMS. Important Project Context: This is not a website development from scratch. The company has an existing website, and we are… HTML & CSS, Web Programming ∙ 19 hours 28 minutes back ∙ 54 proposals |
Moved the website from OpenCart to the Khoroshop platformHello. There is a website on OpenCart, an online store. It is necessary to transfer the structure of the site to the GoodShop platform, select a design for the new site, and make it fully functional. HTML & CSS, Web Programming ∙ 1 day 16 hours back ∙ 30 proposals |
Need a strong WordPress / WooCommerce specialist for the refinement of the MARSPRO website.We are looking for a responsible freelancer or a small team for the quality completion and technical refinement of the MARSPRO company website. The website is already operational, but there are many minor and significant technical issues left by the previous developer. We need a… Content Management Systems, HTML & CSS ∙ 2 days 16 hours back ∙ 44 proposals |
Sandra Ice Cream - Kaleidoscop
92 USD
We have a small project, and we would like to know if you can prepare a video for us for an LED screen. The video will be used at our event. We will provide all necessary materials: design, brand book, dimensions, and technical requirements. Please let us know if you are… HTML & CSS ∙ 2 days 18 hours back ∙ 7 proposals |