Layout in pure HTML/CSS
A single-page website needs to be developed, telling about the software development company. There is a Figma layout with an approximate appearance of the site. The layout is not perfect and requires minor adjustments in terms of spacing and other details if possible. The content will be edited later, so the text is currently replaced with Lorem ipsum.
1) Scrolling should occur in segments by frames, not be seamless.
2) In the header, navigation buttons are smoothly highlighted on hover.
3) There is a dropdown menu for language selection. The triangle of the dropdown list flips when the language selection menu appears. When selected, a checkmark appears next to the language.
4) The button «Discuss a project» redirects to the «Contact» section and does not change color on hover.
5) In the «Technologies» section, the selected logos of programming languages we work with are placed. They should be structured with equal spacing and equal height to be approximately the same size. The width of some logos may vary, so the focus is on height.
6) In the «Contact» section, there is a feedback form where the client enters their details and can attach a file. If a file is selected, the plus sign is replaced with a checkmark, and the field displays the file name. If any field is empty, the gray text on the background turns red. The «Submit» button turns blue on hover, just like the buttons in the header.
7) In the footer, when hovering over the email, the text becomes underlined. When clicked, the email is copied to the clipboard.
The mobile version contains everything the same, only the transition is either through the same scrolling through sections or via the menu. The menu icon changes to a cross when opened, which closes it when clicked.
The layout must be done in pure HTML/CSS. If anything cannot be implemented without using JS (for example, possibly the language selection menu), this must be clarified before starting work.
https://www.figma.com/design/0ffV4bBvRo8OJ5WlSK2liG/Untitled
Client's review of cooperation with Denys Kiptilyi
Layout in pure HTML/CSSThe work was completed quickly and efficiently in full accordance with the assignment, minor adjustments were also made without any problems. I am completely satisfied with the collaboration and can recommend it in the future.
Freelancer's review of cooperation with Mikita Simonov
Layout in pure HTML/CSSGreat client, clear project brief, always in touch) Thank you.
-
I can quickly layout
Contact me in private messages
I have experience in responsive layout on pure HTML|CSS|JS
-
1616 8 0 Hello, I am interested in your website layout project.
I can complete your project within 5 days.
The cost of the work is 3000 UAH.
I am ready to discuss the project details. I am waiting for your response in private messages.
-
4837 38 0 Hello, I can do it!
About me:
I am a qualified programmer with over 6 years of experience.
I specialize in creating turnkey websites and improving existing ones.
I mainly work on online stores. My main activities are layout and integration.
My service:
- Free consultation;
… - I easily make edits even after the project is delivered (within the terms of reference);
- I use only the best of the latest technologies;
- The layout does not break when content is replaced;
- The quality of my work is not just my words, but a quality portfolio and many reviews from satisfied clients,
and to ensure the high quality of my code,
you can check the repositories on my github: github.com/web-programmer-pro
My latest works:
- web-programmer-pro.github.io
- komora4you.com
- grandmarkcleaning.com
- pickcase.com.ua
- elvencrown.org
- doberman-heavenprogeny.com
- keydesign.com.ua
- asb-design.com.ua
- azgreenmagazine.com
-
420 6 0 Good day, I am interested in your offer for website development, I am ready to implement the website with clean code in html, css, scss, js, jQuery, for clarification of details please contact me in private messages.
-
772 8 0 Hello. The project is quite interesting, I am ready to start working on it right now.
Here are my projects:
https://dberezuk.github.io/GTA-6/
https://dberezuk.github.io/DevopsTrain/
-
3890 62 0 Hello, I am ready to implement, I have a lot of experience.
I will be glad to cooperate.
-
476 5 0 Good afternoon. I have knowledge in HTML, CSS, BEM, Sass, flexbox, grid, JavaScript (React). According to your layout, JavaScript (React) needs to be used in some places. I am ready to start working. Please reach out.
-
2276 37 0 Good day! I specialize in high-quality website layout.
I have over 5 years of experience.
Feel free to reach out, I would be happy to collaborate!
-
598 5 0 Good day, I am ready to help you, write to me for discussion.
-
397 1 0 Good day) I offer my services
There are examples of work in the profile
-
548 2 0 Hello, Mykyta.
I would be happy to discuss the details of your project.
I look forward to your response.
-
456 1 0 Good day)
I am ready to do the layout quickly and efficiently, write in private messages to discuss the details. Unfortunately, we cannot do without JS.
-
343 3 0 Hello, I am interested in your project, I will execute it in pure HTML/CSS, the project is quite simple so it won't take much time. JS is only needed when clicking on the burger menu in the mobile version and for form validation, but it all comes down to simply adding a class. I will repeat and suggest edits for the design, and I will also listen to your wishes for changes. I will be happy to collaborate with you!
-
3963 60 0 Hello! I am interested in your offer, very keen on collaboration)
On my part, I propose high-quality layout with full responsiveness from the design size to 320px, with the possibility of adding animations if necessary. The code is completely clean, valid, and will pass any checks.
Further integration into CMS WordPress is possible for convenient and easy content editing of the site.
After the project is completed, support and consultation regarding the completed work are possible. Always in touch.
Please see my portfolio
Freelancehunt
The exact price and deadlines will be determined after detailed agreement.
… Thank you for your attention, have a good time of day)
-
2881 80 0 It is impossible to do without jQuery for the scrolling task. Visually, I can make it 1:1.
-
1705 18 0 Hello 👋🏻
I create responsive websites that look great on all devices.
I code in pure html/css(scss)/js(jquery)
I work on WordPress + Elementor (pro)
I also design email newsletters
🎨 My portfolio dimafomaa.online
Video of my work:
… https://youtu.be/OWQMK5JiSjs?si=fL-VIjyslDZVmDXW
Some of my works for quick viewing:
https://www.garagebarbershop.net.ua
https://natalibordeisalon.com
https://sattva.com.de/
https://leprint.com.ua/
https://ecoclean.ua/
https://rudenkocenter.online/
-
1377 28 1 Good day
I am ready to take on the task
I am waiting for feedback
My recent works figma => wordpress + acf
https://ururur.com.ua/
https://tpke.org/
https://supware.pro/
… https://ackontrols.lv/
https://dvcars.pl/
https://nextwave.ink/
https://aff-brain.com/
https://lfc.technology/
https://vchasno-trans.com/
https://ua-canada.ca/
https://www.grammar.com.ua/
https://valkyrieclinicaltrials.com/
https://godigitalpartner.com/
https://delta-service.od.ua/
https://antconstruction.net/
https://www.magoestate.com/
https://wlink.dp.ua/
https://www.grammar.com.ua/
-
384 3 0 Good day,
I can create your website without using JS script.
Only for the form, if you have additional validations. If there are no complex validations, then it can be done here without a script.
I would be happy to collaborate.
-
2238 24 0 Hello, my name is Oleksandr, I have been engaged in web design for quite a long time and have extensive experience in performing similar tasks.
The result of the design will be clean HTML/CSS/JS code without the use of bulky third-party libraries, without which the result will be no worse, but even better, because I use a responsive property that automatically adapts the layout without any media queries or CSS frameworks.
I design with full responsiveness and cross-browser compatibility, adhering to all modern technologies, which allows my projects to achieve high loading speeds according to Google Page Speed ratings, positively impacting SEO promotion.
I work until full approval, making changes even after the project handover. I am also ready to support the project in the future and make any changes and improvements under agreed terms.
I am ready to discuss the task in personal correspondence.
…
Recent works:
https://s-iteost.vercel.app/index.html
https://sanyok185.github.io/Top-10/home.html - multi-page site
https://sanyok185.github.io/PLUGIT/main.html - multi-page site
https://sanyok185.github.io/Property/home.html - multi-page site
https://sanyok185.github.io/Proyavlennya/ - landing page
https://sanyok185.github.io/StanDesk/ - landing page with many sliders
https://sanyok185.github.io/Bruden/home.html - multi-page store site with product cards and animation for adding to the shopping cart
https://sanyok185.github.io/VPNit/home.html - multi-page site
-
500 3 1 Good day.
I am ready to complete your task.
Everything will be in clean Html/Css. And a little Js.
It can't be done without it.
-
802 22 0 There are several points where it is impossible to do without JS — I will describe them in the correspondence, but I will implement as much as possible in HTML/CSS without using frameworks.
I layout carefully and competently.
-
js/jquery будет необходим:
1. для осуществления скролла по фреймам;
2. для осуществления валидации формы;
3. для осуществления копирования в буфер эмайла;
4. да и вообще на каком калькуляторе должен открываться сайт, что не поддерживает js/jquery?
-
JS - це рівноцінний інструмент разом з HTML та CSS. Хто вам, людям, взагалі придумує таку вимогу, щоб "уточняти використання js"? Це просто абсурд))
-
Current freelance projects in the category HTML & CSS
Layout of a page for a website on Khoroshop + and editing 2 written pages
112 USD
Hello! Task: To create the "Loyalty Program" page and make adjustments to the "Wholesale Cooperation" and "Corporate Orders" pages Page "Loyalty Program": - Create the page in HTML code according to our design in Figma - Adapt for desktop and mobile versions, iOS and… HTML & CSS ∙ 1 day 3 hours back ∙ 35 proposals |
I am looking for a person who can help fill the advertising agency website on WordPress.I created the pages in the cloud and now I have done everything on WordPress. I am looking for someone who can help fill the website with content. Quickly and efficiently, certain photos will probably need to be generated in GPT. I will try to help. There are about 15 pages. AI Content Creation, HTML & CSS ∙ 1 day 9 hours back ∙ 38 proposals |
I need to create a website from a PDF, is it possible?The design is already fully drawn but we only have it in PDF, as the Figma file was lost... There may be discrepancies with it. This is acceptable. Do we need to redraw it in Figma? Or is it possible to layout and put it on a CMS, and if so, which one? There will be a lot of… HTML & CSS, Web Programming ∙ 1 day 9 hours back ∙ 110 proposals |
Development of a WordPress + WooCommerce online store# Development of an Online Store for Agricultural Equipment The design mockup is currently in the final stages of development. I fully understand that without a ready mockup, the final estimate will be inaccurate. However, if you have already implemented similar e-commerce… Content Management Systems, HTML & CSS ∙ 1 day 17 hours back ∙ 72 proposals |
Layout designer for multi-page advertorial website (Health Media) — vibe coding, clean code
150 USD
We need to create a multi-page website in the style of health media, based on healthinsider.news. Not just a landing page — a full-fledged pseudo-editorial site (advertorial), designed to attract traffic from Meta Ads. IMPORTANT: the task is to be done through vibe coding… HTML & CSS, Web Programming ∙ 2 days back ∙ 64 proposals |