Development of responsive HTML/CSS templates for web add-on
HTTPS://demo.atropim.com
All templates must be made on the basis of Pico.css and the UI design plan is expected to comply with the Pico.css standards. The development of the UI design is not a component of this project (design is asked by Pico.css), but everything you need to do so that there is no impression of "unemployment" or "unprofessionality".The development of additional UI elements that are not listed here will be written in the next project.Detailed requirements:
Quality performance and absence of bands
We use Pico.css as a basic and unique framework.
- comply with the rules, philosophy and stylism of picocss (non-use of the functional picocss and creating an alternative solution if such is will be considered as a bag)
- all colors (we distinguish the color of the font, the color of the lines, the color of the background) must be parameters so that there is a clear understanding of how many colors are used
- Non-use of margins and padding - they are all already prescribed in picocss for html elements
Absolute minimisation of CSS classes.
Maximum 3 font sizes and 3 font colors.
- the buttons may have a slight roundness (3px)
I only use Google Fonts Material Symbols - https://fonts.google.com/icons?icon.style=Outlined&icon.set=Material+Symbols
No shadows and gradients
Maximum short CSS code.
- the possibility of switching between light and dark mode (basic things are already provided in the picocss)
Maximum use of the SS3 features: variable, apply for mixins, Selectors, Transformations, Grids, Flexbox, etc.
- clearness of the UI (absence of hardly visible elements, the user should not look, be moisturized, etc.)
Minimum use of JavaScript (Javascript is required for the implementation of certain requirements displayed on visualizations)
- the templates must be filled with lorem ipsum'ami and other playholders so that all the necessary elements are visible (e.g. where the scroll bar is located)
- in the elements where the text with an icon is used, the icon must be vertically in the middle of the text.
UI elements must always be visually compared vertically and/or horizontally.
- the executor must inform the source where he took the used code (e.g. Javascript), if relevant
- the scale of the elements on the patterns is incorrect (this does not need to be followed)
The expected result:
Realised templates 4x html pages.I will only respond to offers with a specific price.I will be happy to answer all questions.
https://trello.com/b/33VWywtX/start-a-business
With a touch to the middle (so that the list is always in the middle).
Потрібно зробити так, щоб канбан дошка працювала аналогічно як на трелло, приклад:
https://trello.com/b/33VWywtX/start-a-business
З дотягуванням до середини (щоб список був завжди посередині).
HTTPS://picocss.com/docs/
Документація Pico.css:
Applications 5
Client's review of cooperation with Yury Nikonenko
Development of responsive HTML/CSS templates for web add-onYuri has done his job well, I can imagine working with him again. The project was conducted longer than agreed, but the deadlines were not critical in the project.
The advantages:
He performed the work well.
All the gods fixed silence.
-I want to note the willingness to discuss video connection requirements, this allows you to save a great amount of time and discuss details more deeply.
The Disadvantages:
The artist hopes on his memory instead of making notes.
Not very attentive to the details, if they are many.
I wish Yuri success in the next work!
Freelancer's review of cooperation with Alexander Z.
Development of responsive HTML/CSS templates for web add-onEveryone is well!
The collaboration is pleased.
-
5 days172 USD5 days172 USD
Hello, the task is clear, I will do from A to I.
I'm working on a clean HTML, CSS, JS, adaptive to all devices.
Write, I will be happy to help.
-
Winning proposal6 days229 USD
3698 111 3 5 Winning proposal6 days229 USDWelcome to Alexander
Ready to implement the layer using the framework pico.css.
Congratulations, Yuri
-
30 days1375 USD
4873 39 0 30 days1375 USDHello, I can do, although with pico.css I have not had any experience yet, and I don't see anything too difficult.
-
5 days172 USD
1168 29 1 5 days172 USDHello,
I am excited to submit my bid for Development of responsive HTML/CSS templates for a web application. To my understanding, you need HTML/CSS/Javascript templates that adhere to Pico.css standards for your existing web application with a UI design similar to Jira. The templates should be bug-free, use minimal CSS classes, and follow the guidelines provided. I should use Google Fonts Material Symbols for icons, avoid shadows and gradients, and implement light/dark modes. The templates should be filled with lorem ipsum and placeholders for visualization.
With my expertise as a front-end developer, I can create responsive and clean templates, whether it's a one-page design or a multi-page website. I will convert design files to HTML/CSS, ensure mobile compatibility, and add interactive elements as required. Clear communication and quick feedback are my priorities.
I am available at all times, taking into account different time zones. If you're interested, I would be happy to arrange a 15-minute Zoom call to discuss your needs further, or you can reach me through the chatroom.
Thank you for considering my bid. Excited to work together!
…
Best regards,
Petro
-
3 days23 USD
412 5 1 3 days23 USDWelcome to!I am ready to take your order.I will do everything quickly and well!✅I will make an order without a pre-payment.❌💴Technology of Development
The HTML (HTML5)
The CSS (CSS3)
SCSS
Less
by JavaScript
by JQUERY
by JSON
Control of the GIT version
… Use flexible layer (FLEX, GRID)
Methodology of BEM
Collectors of Projects:
WEBPack
The GULP
NodeJs
The CMS system:
The wordpress✅✅✅✅✅✅✅✅✅✅✅✅✅✅
-
4 days115 USD
588 4 1 1 4 days115 USDGood day !
I'm ready to complete your order, ready to start right now!
Here is my portfolio:
Freelancehunt
Behance
I do everything well and quickly!
-
Сєкта pikocss 0-0
-
Pico на самом деле имхо эталон верстки.
Там кстати есть демо весрии два, с поддержкой цветовых тем к примеру https://v2.picocss.com/docs/color-schemes
По поводу трелло:
https://github.com/sumitvekariya/trello-clone-svelte
есть прямо готовые примеры на базе https://github.com/isaacHagoel/svelte-dnd-action
-
Current freelance projects in the category HTML & CSS
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 ∙ 4 hours 6 minutes back ∙ 47 proposals |
Update custom frontend on Prestashop
223 USD
It is necessary to refine and update the custom theme of the online store on PrestaShop. The design already exists, but there have been changes (alignment of elements, UI adaptations) that need to be carefully integrated and brought to a stable appearance. Tasks: Update and… HTML & CSS ∙ 9 hours 27 minutes back ∙ 27 proposals |
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 ∙ 2 days 3 hours back ∙ 50 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 ∙ 2 days 8 hours back ∙ 78 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 ∙ 3 days 5 hours back ∙ 43 proposals |