Project translated automatically. Log in or register, to view the original Please check carefully with the task.This task is exclusively informative for the executor to assess resources, deadlines and budget.Any argumented proposals or criticism are welcomed.This task I publish for the second time, because at the first publication the design was not ready for the full evaluation of the project.Qualitatively performed work brings a lot of prospective orders for the execution, so it is important that you have relevant experience and can perform the work quickly, responsibly and have the opportunity to support the project in the future.I look forward to the answers in the following order: Your Experience Casey Approximate deadlines The price In reply please add that you are familiar with the task so that I understand that you would like to read before this point) Project Description: Blockchain-based browser game rock-paper-scissors.Task: HTML5/CSS3/Jquery.Pages: 3 (PC+MOB) - main, referral, faq.Access to the Figme: https://www.figma.com/file/jqqMijb48BpWbxuupLxfYi/FRONT-TZ?type=design&node-id=0%3A1&mode=design&t=QzGTUBdkeRgvdrfN-1 Access to all the images and necessary files editions on request.Platforms: Windows, MacOs.Browsers: SafariGoogle ChromeMozilla FirefoxOpera Mobile devices browsers iOS 7 and above Mobile devices browsers Android 5 and above, except UC Browser When the list takes into account the features of the browsers, their limitations of appearance and behavior of objects.Standards: HTML5/CSS3/Jquery Design Compliance: the layer may not be performed by the Pixel Perfect method and differences with a relative error up to 5% are possible (elements size, font rendering and interliterate/interliterate distances, as well as internal and external distances).General: All text elements of the layout must be texted, except where such implementation is technically impossible.Structural and comprehensive code.The site will be added tracker scripts such as: GTM, HotJar, Pixels, etc.Before the start: Check access to the FigmeCheck access to the fonts (will be published on request if they are not in the Google)Give feedback on the upgrading, proposals and improvement of the tz and lendous.Before check the templates on the subject of the possibility of exporting vector files, setting modes and the technical possibility of implementing the designers' ideas.Check the hidden layers if they are presentIn the process of work check the styles of texts in line-height, letter-spacing, etc.Often this is missing the sight.Check the network of the model.Sometimes networks have gutter space in 20px or 50px rather than standard 30px.This will help to avoid the need for castles in the future.Guide for designers on the layer The width of the site is static, the site is flat in the center.At 1024px, there should be no horizontal scroll.Stay to the bottomStay staticExtension: blocks with changing content are adjusted according to the design when content is reduced/augmented.For text blocks filled with visual editors, design styles should be prescribed with tags.Page scaling: Pages when scaling a page in the range of 70-150% in Chrome browsers, Safari should look the same as with 100%.Small errors are permitted that arise due to the incorrect roundings of the coordinates of the browsers.HTML code:Coding - utf-8Structural, commentable code (see the beginning/end of large blocks).On the buttons are hanging identifiers for further use of triggers on these buttons.Class names and identifiers - to your consideration.Images:All images must be optimized through the tinypng service in order to reduce the total weight of the images.Intransparent images must be exported in .jpg in order to save the file size.Icons and small images:The first priority is the use of svg spots.Second priority - png stops through the element , Third priority - html tags img All icons should be optimized for retina screens Fonts: fonts available through the Google fonts service must be connected with CDN https://fonts.google.com/ File organization: HTML files are in root.Main page is index.html. Styles in the folder /css/Javascript - /js/Design Images - /img/Content Images - /pic/Adaptivity: Page content is adjusted to the actual size of the browser window, without spots on the width of global containers on key points With sizes greater than 320px should not occur horizontal spinning of the page.Using desktop first methods in the approachFor basic resolutions we take - 1920(hd+), 1440 (hd), 1200px (wide), 992 px (desktop), 568 px(mobile), 414 px(mobile).Additionally: When the adblock is enabled, all content on the site should be available.In the final version of the site - the logo will be different, now it's worth a cover Add meta-tags Add faviconCheck that when sharing the link of our site - there was a preview of the image (log) and the text from the tags.The tasks: General recommendations for all pages:You can use Lazy Load, smooth appearance of content (mob + pc)Animation links in the header, example - https://infinizai.webflow.io/ (pk).The MOB version is a classic burger menu.Links lead to https://www.google.com/.Animation of all buttons, example - https://axieinfinity.com/ (PC+MOB)Animation of social network icons - https://orivium.io/contact.The links are linked to https://www.google.com/. (PC + MB ) Main page : - Animation of the address of the wallet in the table - light darkness when inclining.The link address leads to the Etherscan transaction (I will provide).(pk+mob) - Animation of coins around humans - a light effect of paring in the air as on this example the coins are paring.in diversity.(PC+MOB) - An animation of the appearance of the second block with text, table and button - for example here.Table to the left, text and button to the right (pk).An animation on the mob version is not available - the usual appearance is applied.- Animation of the appearance of the third block with text and NFT map similar to the second.An animation on the mob version is not available - the usual appearance is applied.- View More text animation in the table - easy lighting when inclining.The link goes to Etherscan.This button is not available on the MOB version.- The table is implemented by the Ajax method.I will issue a file to upload information, links, etc.The Faq page: There are no animations except those indicated in the main for all pages.Referral page:Animation of light between the fingers of the hands.You can make a light animation.This is the animation of the falling coins as on the main.(pk+mobRealize a referral program with the address validation function.The example: str.match(/(\b0x[a-f0-9]{40}\b)/g)When the user enters the address in the address field, a unique link (downloading parameters) is automatically generated and extracted into the field.The user can click the copy button to copy it or simply separate it.

Proposals 9 Withdrawn 1 Rejected 1 Discussions 1

Danish M.

20 0

Budget: 19000 UAH Deadline: 25 days

The task is clear, preparing to begin.
My stick: JS, TS, ReactJS, Redux, HTML, SCSS, adaptive to all devices.
Write, I will be happy to help.

Ivan Nikolaychuk

99 0

Budget: 10999 UAH Deadline: 7 days

the health.
Everything can be done on the webflow.
Reply to all requests,
Except for
Implement a referral program with the address validation function. The example:
str.match(/(\b0x[a-f0-9]{40}\b)/g)
When the user enters the address in the address field, a unique link (downloading parameters) is automatically generated and extracted into the field. The user can click the copy button to copy it or simply separate it.

It is a separate back.

Vitalii Kulii

387 3

Projects 373
Rating -
Rating 17 223

Budget: 20000 UAH Deadline: 5 days

Good day . Ready to work, have a lot of work experience. turn to

The list does not show proposals concealed by the client or freelancer with a Plus profile, as well as proposals violating rules

Nataliia Boyko

0 0

Projects -
Rating -
Rating 262

Budget: 37000 UAH Deadline: 14 days

Good Morning Alex!
We are Webevery - an innovative IT company that is ready to take on the whole cycle of your website development, from design to SEO. Our team of experts includes designers, front-and-backend developers, QA specialists and SEO experts.
What we offer:
- Unique design: A unique visual style for your site. Technical expertise: High efficiency and functionality.
Quality Testing: Intensive Testing for Untouched Work.
SEO optimization: Increase in Google search results.
Projects - https://webevery.dev/ourProjects
We are ready to work together for the successful launch of your project.
Are you interested in our offer? We look forward to the opportunity to discuss the details of your project. Write to us!
with respect!
WebEvery – Empowering Your Success
by webevery.dev

Alex Smirnov
Odessa, Ukraine
Team Lid

Projects 16
Contests 2
Rating 5.0
Rating 1 072

Create a mini site/landos on 3 pages HTML/CSS/Jquery

Client's review of cooperation with Andrey Soin

Create a mini site/landos on 3 pages HTML/CSS/Jquery

5.0

Alex Smirnov

Freelancer's review of cooperation with Alex Smirnov

Create a mini site/landos on 3 pages HTML/CSS/Jquery

5.0

Andrey Soin

Danish M.

Ivan Nikolaychuk

Vitalii Kulii

Proposals are currently absent

Proposals concealed

Nataliia Boyko

Current freelance projects in the category Java

Sending messages to users on Discord