Create a mini site/landos on 3 pages HTML/CSS/Jquery
145 USD 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.
Client's review of cooperation with Andrey Soin
Create a mini site/landos on 3 pages HTML/CSS/JqueryОтличная оперативная работа, качественная верстка! Все в срок!
Freelancer's review of cooperation with Alex Smirnov
Create a mini site/landos on 3 pages HTML/CSS/JqueryОтлично поработали!
Норм заказчик, норм требования.
По ходу были вопросы и предложения, все оперативно решали и т.д
Рекомендую к сотрудничеству)
-
25 days423 USD
25 days423 USD
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.
-
7 days245 USD
11062 99 0 1 7 days245 USD
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.
-
5 days445 USD
17318 387 3 2 5 days445 USD
Good day . Ready to work, have a lot of work experience. turn to
-
14 days824 USD
262 14 days824 USD
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
-
Правильно ли я понимаю, что после валидации инпута регуляркой, нужно будет конкатинироваать к некой ссылке, некие параметры -- на выходе это и будет реферальной ссылкой которая будет копироваться в буфер?
что то на бек будет уходить? инфа о сгенерированой ссылке или что то типа такого?
-
Current freelance projects in the category Java
Script for modifying APKI have a script for older versions of the APK Minecraft that allowed creating a lighter version of the game by removing the music. Additionally, the script created a clone of Minecraft (so you could have two Minecraft games on your device...), and it also embedded the servers we… Java, App Development for Android ∙ 1 day back ∙ 12 proposals |
Implement client-side conversion and optimization of images (including HEIC) before AJAX submission to
70 USD
Classified ads website (Tamaranga v2 Environment rocky linux8 php 7.2 nginx 1.28.2 mysql 8.00.44 Yi 1 bootstrap 3.3.7 vps 8 threads, 24 RAM, 2000nyme Implement a JS photo uploader that intercepts the file selection event (change on input[type=file] or AJAX uploader hook). If the… Java ∙ 1 day 4 hours back ∙ 14 proposals |
Customization of the loading screen and menu for Minecraft 1.12.2 (Tech Survival)
20 USD
Need to refine the ready client Minecraft 1.12.2 with mods and implement a custom interface design in the style of technical survival (Industrial / Tech Survival).What needs to be done1. Custom mod loading screen It is necessary to replace the standard Minecraft/Forge loading… Java, Gaming Apps ∙ 5 days 22 hours back ∙ 6 proposals |
Integration of dental scanner modules into CRM
601 USD
We have developed a CRM system for interaction with dentists and laboratories. It is necessary to integrate services like iTero, Sirona, Medit, and others so that files are pulled automatically. AI & Machine Learning, Java ∙ 5 days 23 hours back ∙ 27 proposals |
Development of simple 2D games (Snake, Galaxy, etc.) for Google Play MarketHello! I am looking for a developer (or a beginner with a good foundation) who can create several simple classic 2D games for the Android mobile platform with subsequent publication in the Play Market.To start, one or two games need to be developed. Examples of settings and… Java, Gaming Apps ∙ 8 days 3 hours back ∙ 19 proposals |
Odessa