Clean layout on SCSS
You need to convert the Figma website into HTML. The website consists of 10 unique pages and an additional 22 duplicates with different texts and images. Each page has approximately 10 blocks on average.
The design is responsive for mobile, tablet, 1200px, 1400px, and 1900px screens.
Requirements:
- Clean markup using SCSS with BEM naming conventions for classes;
- No use of Bootstrap, Tailwind, or other CSS frameworks;
- Pixel-perfect (minimal pixel deviation);
- All interactive elements with standard states (hover, focus, active);
- SVG for icons, WebP for images, all optimized for size;
- Final archive should include: html, css, js, images, instructions for setup (if using gulp/pug);
- Cross-browser compatibility: Chrome, Firefox, Safari, Edge (latest versions).
— For all images except the first screen, implement lazy loading (loading="lazy").
— Use WebP for large images, SVG for icons.
— Optimize all images before submission.
— Load only necessary fonts (with font-display: swap), avoid loading unnecessary fonts.
— The markup must be semantic (header, main, section, footer, etc.).
— All interactive elements must be accessible via keyboard and have correct alt/aria tags.
— Minify the final CSS and JS files.
- Add favicon and basic meta tags.
- Validate the final markup using the W3C Validator.
-
236 Good day! I understand everything you want, so I can do it in 10 days.
-
316 1 0 Hello! ready to take on the work. I am interested in your project. As a web developer with 2 years of experience, I guarantee clean, semantic markup according to BEM.
-
234 I am ready to complete your task according to your requirements, I have about one year of experience in frontend development
-
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/
-
13013 67 0 Hello! I will complete your task quickly and efficiently.
My portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Write to me, I will start working today. I will be glad to cooperate with you!
-
1681 18 0 Hello 👋🏻
I create responsive websites that display perfectly on all devices.
I code in pure html/css/js.
I build on Wordpress + Elementor.
I also layout email newsletters.
🎨 My work -> dimafomaa online
Video of my work:
… https://youtu.be/-LZmz1dGVYM?si=pkeGccncxub5jGFE
Some works for quick viewing:
https://natalibordeisalon.com
https://brocarautoservis.cz
https://www.alpicleanlines.com.ua
https://dbuw-ol.de
https://ecoclean.ua/
https://rudenkocenter.online/
-
456 Hello, Vlad! My principle when creating high-quality web interfaces is to do it well, reliably, in accordance with modern requirements, and so that nothing breaks during changes, content addition, and image updates.
You can be sure that the work will be done according to your requirements.
To confirm my words, I will send you a link to my work.
I offer myself as a performer for this order, because I am confident in my abilities, have experience, and want to help you!
-
1783 25 0 1 Hello, Vlad!
I have reviewed the technical assignment and am ready to start high-quality work now! I have experience in website layout.
- I will create a high-quality responsive and cross-browser compatible website layout according to the design (only pure CSS and JS) using the BEM methodology
- I will layout using SCSS and my own gulp build, which optimizes images, fonts, and minimizes code
- I guarantee high quality work!
I will be glad to cooperate!
Cost of execution: 6300 UAH
Deadline: 5-7 days
…
I work without prepayment!
My previously completed projects:
https://atixmedia.com/
https://zenvanamassageandskincare.com/
https://harmonyc.center/
https://uslugi-bti.github.io/stroy/
https://uslugi-bti.github.io/working/
https://uslugi-bti.github.io/prof/
https://andreychagin.com/
https://uslugi-bti.github.io/hotbrands/
https://github.com/uslugi-bti/date-organization/
https://bogoyavlenskaya.com/
https://github.com/uslugi-bti/web-dev/
https://github.com/uslugi-bti/rhea/
Why should you choose me?
With me, you will save time, money, and most importantly, nerves, while getting the highest quality work!
Guarantee:
Lifetime guarantee on the work! All corrections within the scope of the technical assignment will be made at any time!
-
492 1 0 Hi, I am Yevhenii, a Fullstack developer with over 2 years of good experience in website development.
Proficient in TypeScript, JavaScript, React, Redux, Node.js, Express! I also have good experience in HTML5, CSS, and their preprocessors SASS/SCSS.
My portfolio already includes more than 7 projects, the latest commercial one is “WineHOOD” Store, a shop for wine lovers.
Ready to complete your task quickly and with quality.
I will also add something interesting (cool animations, hover animations, interactive effects, etc.)
Here is my portfolio on Behance:Behance
… Ready to discuss all details.
I will be glad to collaborate.
GitHub: https://github.com/GGLUTT
Portfolio: https://gglutt.github.io/hella_Portfolio/
-
153 Hello!
I am ready to start working on the project right now. I have been doing layout design for over 1.5 years, during which I completed 3 commercial projects. I am well familiar with all requirements, including SCSS (I write a lot in SCSS), BEM, responsive layout, image optimization (WebP, SVG, lazy loading), and adherence to accessibility standards.
I provide clean, valid, semantic layout with cross-browser support. I work with pixel accuracy and technical nuances specified in the technical assignment.
I would be happy to collaborate and am open to discussing details!
Best regards, Marko!
-
11783 133 1 1 Hello Vlad.
I have familiarized myself with the website layout requirements, I am familiar with all the points and will do according to the added requirements. I have been engaged in website layout for 4 years, all projects have been successfully completed, so I guarantee quality and integrity.
For an accurate estimate, you need to send the layout for review.
I will be available on the weekend, I can start today to finish as quickly as possible, after layout I will independently run each page through the W3C Validator.
Examples of my work:
https://ukraine-gta.com.ua/uk/
… https://bazilio.vercel.app/
https://genom-seven.vercel.app/home.html
Best regards, Serhiy.
-
2216 24 0 Hello!
Ready to perform the layout of your website.
The result will be clean HTML/CSS/JS code without using third-party bulky libraries. I layout using the BEM methodology with full adaptation 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://kolo-tv-business.vercel.app/ - landing
https://agrocult.vercel.app/ - landing
… 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
-
306 Good day!
Ready to complete your project while adhering to all requirements.
Feel free to contact me.
-
973 4 0 Good day! I can complete your project, I have more than 4 years of experience in website development.
Feel free to contact me, I will be happy to collaborate!
-
1405 12 0 Hello!
I work with HTML, CSS/SCSS, JavaScript, and WordPress.
I will do everything quickly, qualitatively, and accurately according to the technical specifications.
Always available (24/7) — respond promptly, without delays.
If needed — I will develop a unique, modern design tailored to your brand and target audience.
Ready to start working right now. Thank you for your attention!
-
425 8 0 Hi! I am Serhiy - a front-end developer with 3+ years of experience.
I help marketing teams launch clean, fast, and reliable landing pages created based on Figma mockups using clean HTML/CSS/JS - no third-party libraries, templates, builders, or heavy frameworks, only speed, quality, and accuracy.
I have created dozens of marketing pages and landing pages for creative and corporate clients - from beauty contests to service companies, so I know how important accuracy, quality, and speed are when launching a campaign.
What I focus on:
◉ A website that fully matches the mockup
◉ Reliability on different devices and browsers
◉ Clean code that is easy for other developers to work with
… ◉ Fast iterations and clear, prompt communication
Some recent works:
https://gray-s.com/clinic (corporate website)
https://gray-s.com/ciclo (landing with dynamic blocks)
https://gray-s.com/freebie-agency (modern promo landing)
(More here if you want: https://gray-s.com)
Ready to work step-by-step, with adequate feedback and clear deadlines. I am available 20+ hours per week with full coverage of European time zones. If needed — I can provide more portfolio examples or show how the site structure looks specifically for your project.
If the task is still relevant — write, and I will ask a few questions to better understand the scope of work and suggest the best option. Shall we agree?
-
201 Hello 🌸
I specialize in responsive website layout and can professionally convert your project from a Figma mockup. I will follow all requirements: SCSS with BEM naming, semantic markup without frameworks, pixel-perfect, lazy loading, image optimization in WebP/SVG, cross-browser compatibility, and validation through W3C Validator.
I will also make interactive elements accessible (hover, focus, active, aria tags), connect only the necessary fonts, and prepare a minified final archive with detailed instructions.
I have examples of similar work — ready to send for review 💻✨
-
1545 21 0 Good day
Write the details, ready to take on
Work examples:
https://strelnikovpavlo.github.io/dist/
https://strelnikovpavlo.github.io/fitake/
https://strelnikovpavlo.github.io/repair/
-
1018 7 0 Good day, I will complete your order quickly and in accordance with your conditions. I need to familiarize myself more with the layout and can start promptly
Portfolio: https://msil.vercel.app/
-
4873 39 0 Hello, I will do it!
The price is approximate, per 1 page. Please send the layouts.
I have 6 years of experience in creating turnkey websites and refining existing ones.
I have worked with companies from Italy, Kyiv, and the USA.
Ready to provide free consultation.
You can see my work here:
Portfolio on Freelancehunt:Freelancehunt
Repositories on GitHub: github.com/web-programmer-pro
…
Write to me – let's discuss your project!
-
3338 44 0 Hello! I have experience in layout design. I will do it with quality.
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://avprocleaners.com/ - multi-page (WP + ACF)
https://mamhad.com/ - multi-page (WP + ACF)
https://dashanchik19.github.io/SKYNET/ - multi-page
https://dashanchik19.github.io/FORTISMAN/ - multi-page
… https://dashanchik19.github.io/Eco-products/ – multi-page
-
169 Good day, Vlad!
I have familiarized myself with the work requirements and am ready to help you implement your project.
Over 4 years of work experience. Website development using pure HTML, CSS, JavaScript, Wordpress, React.
Write me the details privately.
My portfolio:
Freelancehunt
-
2656 40 0 I will do it. I will do it. I will do it. I will do it
I will do it. I will do it. I will do it. I will do it
-
4524 20 0 Good day!
One of our areas of work is professional website layout based on Figma mockups. We are ready to take on your project.
Example of a project: https://grizzly.exchange/
Ready to review the mockup, discuss details, and immediately start working!
Best regards,
… ITZeyz team
-
802 22 0 I layout neatly, accurately, with adherence to semantics. Attentive to details. Always in touch. I will write more about the deadline and price after reviewing the layout. Write - we will work together.
-
2060 25 0 Good day. Ready to start working after reviewing the layouts and discussing the details.
I have extensive experience with SCSS and BEM-naming. I have developed tools for quick and high-quality development. I code cleanly, pixel-perfect, responsive, cross-browser compatible, valid, reliable, and in the green zone of Google PageSpeed. Additionally, I will add light animation for element appearance.
Write to me in private messages, and we will discuss the project in more detail.
-
2221 22 0 Good day, Vlade.
I will layout the website you need, following all the stated requirements. I have successful experience working on similar websites with implementation of responsiveness, cross-browser compatibility, and Pixel Perfect design. You described the technical specifications in detail, so the task is clear. I will do everything promptly.
-
1621 45 2 Hello, I have been developing websites for over 6 years, I will do everything quickly and qualitatively. Write to me)
-
403 2 0 Hello! 😊 Ready to take on the task, I will do it quickly and qualitatively.
✨ I have experience in layout of responsive projects, so everything will look good on any screens. Without additional libraries and with pixel-perfect precision
💻 I work with HTML, CSS/SCSS, JS
🚀 I can start today!
If relevant — write, we will discuss the details 😉
-
7552 16 0 1 Hello.
Familiarized myself with the task
Send the layout
----------------------------------
Private web developer. Experience – 10 years.
Design, layout, development of Wordpress websites.
-
150 Hello! My name is Illia, I am a Fullstack developer with 3 years of experience in creating modern websites.
🔧 I work with the following technologies: TypeScript, JavaScript, React / Next.js, Redux / Redux Toolkit, Node.js, NestJS, Express. I am good at creating interfaces, connecting APIs, implementing forms, authorization, interactivity, and responsive layout.
My portfolio includes over 4 full projects, including 2 websites with similar tasks.
✅ Ready to implement your project qualitatively and quickly, adhere to deadlines, and always available.
I will be happy to discuss technical details! I will do it cheaply!
-
1848 59 0 Hello!
Interested in the project, but free time will be closer to the end of the month. If that's okay - then contact me 🙂
-
5862 93 0 1 Hello, Vlad!
I have familiarized myself with the task of cross-browser, responsive, and clean website layout and am ready to proceed with quality execution. To accurately assess the cost and timeline, I need to see the scope of work.
Cost of execution: 25,000 UAH
Completion time: 16-20 days
I work with prepayment or a secure agreement.
Examples of work:
… https://valeriiazhubrieva.github.io/vm-test/
https://valeriiazhubrieva.github.io/play-like-mum/
https://valeriiazhubrieva.github.io/zamops/
https://valeriiazhubrieva.github.io/vposteli/
https://valeriiazhubrieva.github.io/test-sipbox/
https://valeriiazhubrieva.github.io/eco-washing/
After the work is fully delivered, corrections within 7 days are free.
Have a good day, I look forward to your response!
Payment methods via secure agreement, payment to a Ukrainian bank card
-
2152 12 0 👋 Hello! Can I see the figure for an accurate estimate?
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!
-
272 Ready to perform
we can discuss the details
My works
https://evacar.com.ua/kylymky-eva-kyiv/
https://aesthetic-croissant-3f2282.netlify.app/
https://66fba0bf765445d26c6463f4--stellular-puppy-c3346a.netlify.app/
https://bogdan-k-a.github.io/creative-digital-agency/
https://spa-connect-i.netlify.app/
https://champix.team/
… https://finance-ledger-sdf.netlify.app/
https://lending-sinauw.netlify.app/
https://ambercava.netlify.app/
https://pres-beton-site.netlify.app/
https://bogdan-k-a.github.io/selling-site-my-way/
https://66fbb052e6e090e6db391084--fanciful-macaron-9d6e36.netlify.app/
https://familyruntop.netlify.app/
https://elaborate-melomakarona-295c04.netlify.app/
https://www.evacar.com.ua/
-
1675 28 1 1 Hello Vladislav!
Ready to perform the layout of your website. I will do everything quickly, qualitatively, reliably, adaptively, cross-browser compatible. I write clean, valid, semantic code, following BEM methodology. In my work, I use html, css/scss, js, script and style files are minified.
Please provide the mockup for review.
I can start working immediately!
Examples of my work:
1) https://pashadahulych.github.io/NFT/ - landing page
… 2) https://pashadahulych.github.io/Delote-Beauty/ - multi-page site with custom map styling
3) https://pashadahulych.github.io/NFT__Marketplace/ - multi-page site
4) https://pashadahulych.github.io/CEX.io/ - landing page
5) https://pashadahulych.github.io/Element__Home/ - online store
6) https://pashadahulych.github.io/Digital-Planner/ - app layout, already hosted
7) https://pashadahulych.github.io/Matoa/ - online store, lots of sliders, gallery, tabs. Feature - add to cart animation written in pure js
8) https://charterclick.com/
-
254 Good day!
I specialize in responsive, clean coding with a focus on performance, accessibility, and pixel-perfect accuracy. I have reviewed the technical assignment — it fully matches my expertise, and I am ready to professionally code your project "turnkey."
I have extensive experience in coding large-scale UI projects with many pages and blocks, including speed optimization, accessibility, and pixel-perfect accuracy according to Figma mockups.
Examples of my work:
https://matt198567.github.io/FoodLanding/dist/index.html
https://matt198567.github.io/BedLinen/dist/index.html
…
I am ready to start working soon. Please send access to the mockups — I will provide an accurate estimate of timelines and costs.
-
8895 27 0 1 Hello!
I will layout the website strictly according to the design with all requirements: SCSS + BEM, pixel-perfect, responsive for 5 resolutions.
Without frameworks, with lazy loading, semantics, accessibility, and full optimization for W3C and SEO.
-
476 5 0 Good day. I am ready to develop your website adaptively (mobile => tablet => desktop), qualitatively (pixel perfect) with adherence to semantics.
I work with html, html5, css, css3, scss (Sass), BEM, flexbox, grid, media-queries, javascript.
We can discuss details in a private chat. You can also send the layout for assessment in the private chat.
Feel free to contact me.
-
120 I will take on the website layout based on the Figma mockup: 10 unique pages + 22 duplicates with different content. Responsive for mobile, tablet, 1200px, 1400px, 1900px.
I code without frameworks, using SCSS with BEM naming, adhering to pixel-perfect, semantics, accessibility, and optimization. Images in WebP/SVG, lazy loading, minification, proper structure, W3C validation — all according to your technical specifications.
I work responsibly, with clean and understandable code.
-
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 site 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:Freelancehunt.
…
The final cost and deadlines will be clarified after all details are agreed upon and the layout is reviewed.
Looking forward to your response!
-
447 1 0 Hello!
Interested in your proposal, I would be happy to collaborate.
✅ I will do the layout in clean HTML/CSS/JS without unnecessary and bulky libraries.
✅ I work with website speed testing through Google Page Speed, guaranteeing fast page loading.
✅ I write clean and valid code, optimized for further editing.
…
Waiting for the details of your project and ready to start work immediately!
-
1651 7 0 Hello!
I am ready to develop a full-fledged website based on your responsive Figma layout — strictly according to the requirements and with pixel-perfect precision.
🔹 10 unique pages + 22 variations (with new texts/images) — the layout will be structured, with block reuse to reduce code;
🔹 Clean SCSS structure with BEM naming, without using frameworks;
🔹 Pixel-perfect, responsiveness: mobile, tablet, 1200px, 1400px, 1900px;
🔹 Lazy loading of images, WebP/SVG, weight optimization, only connect necessary fonts (font-display: swap);
🔹 Semantics, accessibility, aria-attributes, alt, correct structure (header, main, section, footer);
🔹 Hover/focus/active states for elements;
… 🔹 Final archive with HTML, SCSS (or compiled CSS), JS, images, favicon, launch instructions (if using Gulp/PUG);
🔹 Cross-browser compatibility: Chrome, Firefox, Safari, Edge — latest versions;
🔹 Minification of CSS/JS, W3C validation, meta-tags.
🛠️ If needed — I can use Gulp (for build, autoprefixer, compression, optimization).
✅ I have experience implementing complex multi-page sites with responsive layout without frameworks. I will send examples in private messages.
Price:
👉 Approximately from 12,000 to 15,000 UAH for the full scope of work, considering all requirements and quality.
Exact amount — after reviewing the layout (we can agree on fixed or hourly payment).
Ready to start immediately after agreeing on the details.
Looking forward to collaborating!
-
435 6 0 Hello, ready to complete your project
Need to look at the layouts for an accurate estimate
I have over 5 years of experience, work quickly and efficiently.
Portfolio: http://eugene-stone.great-site.net
Among the recent works, I will highlight the following:
http://eugene-stone.great-site.net/_my_works/_mebel-sale-static
http://eugene-stone.great-site.net/_my_works/_raised-static
http://eugene-stone.great-site.net/_my_works/axit
-
1195 8 0 Hello, I have reviewed the task. Everything about the task is clear, you need a regular quality, responsive layout. I will develop using pure css, html, js. Price and deadlines will be determined after reviewing the design. I am ready to start after discussing all the details, always available and also available after delivery. Have a great day everyone!!!
-
529 3 0 Good evening!
I have familiarized myself with the website layout task and am ready to proceed with quality execution. All requirements described in the task will be implemented! To estimate the cost and deadlines, I need to review the layout.
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/
-
1884 24 0 Good day, I would be happy to help you with your project. I have been developing for over 6 years. I can start immediately
Latest projects
https://www.galerie-glenat.com/
https://www.sens-dessus-dessous-editions.fr/
https://www.mla49.fr/
https://www.lili.cool/
-
2465 30 0 1 Good afternoon! Very interested in your proposal!
I have more than 4 years of experience and 100+ positive reviews, which allows me to create high-quality responsive and cross-browser websites with animations of any complexity. My code is quality and efficiency.
I guarantee honesty, adherence to deadlines, and impeccable task execution. Open to discussing details.
Let's create something amazing together! Thank you!
-
Доброго дня, цікаве замовлення, та для об'єктивної оцінки вартості та термінів не вистачає макету. Надайте, будь ласка, для ознайомлення, якщо така можливість таки присутня )
-
Доброго дня, можна побачити макет
-
Current freelance projects in the category HTML & CSS
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 ∙ 3 hours 46 minutes back ∙ 14 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 ∙ 9 hours 32 minutes back ∙ 79 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 ∙ 13 hours 9 minutes back ∙ 44 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) ∙ 15 hours 37 minutes back ∙ 111 proposals |
Adaptive website layout with animationIt is necessary to create a website based on the ready design from Figma. The admin panel of the site is Laravel - viar-art.pl The site should be modern, responsive, fast, and user-friendly. The layout must exactly match the mockup and display correctly on mobile devices,… HTML & CSS, Website Development ∙ 1 day 4 hours back ∙ 93 proposals |