Elementor Landing Page - Reactive to mobile/desktop/tablet
- or -
Post a project like this1105
£50(approx. $63)
- Posted:
- Proposals: 12
- Remote
- #3204897
- Awarded
Top rated PHP Web Development | WordPress | Magento | Drupal | OpenCart | PrestaShop | Joomla
Leicester
FrontEnd Developer/React.JS/Node.JS/ReactNative/Hybrid Apps /PHP/Shopify/Laravel/WebRTC/Python/Django/Digital Marketing
Chandigarh
⭐ TOP RATED ⭐ Graphic Designer| WordPress / WIX |2D Animator| Video Editing |Photoshop Expert
Karachi
WordPress Expert✮Shopify Expert✮Graphic Designer✮AutoCAD 2D & 3D✮CV Writer & Designer✮Fullstack developer
Rawalpindi
2314861630548783893105075417145671919900306362131626903306174363657347038835128661
Description
Experience Level: Entry
I need a new single-page landing page for my Wordpress / Elementor website http://www.trailAddiction.com.
This task is advanced in that the design/layout must adapt correctly to various screen sizes. eg desktop/mobile/tablet/widescreen - I suspect this may require a small amount of bespoke coding?
(The two photographs must be kept as separate images so that they can slide over each other and reposition relative to one another, when adapting to different screens sizes an configuration)
Id like you to quote for two phases or two levels of work, the latter being, I assume, slightly more complicated to achieve / code.
Option 1: A static version of the homepage exactly as shown in the graphic mock-up, but that is responsive to different screen sizes / widths / formats.
IMPORTANT: Please dont quote unless you can deliver as per the design shown - or very close to it. I won't be happy to pay for something that ends up looking very different to the example! (But of course, Im flexible for some minor changes as required to make the page robust across all formats).
Option 2: As above, but with an animated "fly-in" when you first land on the page, (eg the two images slide in from opposite sides on desktop, and top and bottom on mobile. Plus with active hover (standard function in elementor - eg hover over each side of the page and the image on that side will pulse or "pops" out odf the page, to I indicate to the user that this is a clickable image).
In both cases, if the user clicks on either image, they are taken to one of two separate linked pages (that are not included in this task). Please refer to the attached images for the correct hyperlinks.
No "cheating" please - the text and logo in the central foreground need to be constructed as separate editable elements so that I may edit / change them in future. They need to remain positioned central to the image, regardless of the resizing of the background images (as the screen size changes between desktop and mobile, etc).
NB for your reference both images are full size landscape images so have plenty of "overlap" to work with in terms of resizing and repositioning for different shaped screens.
If relevant the site is hosted via SiteGround.co.uk (cpanel). I will simply give you access to the wp-admin and cpanel admin areas to complete the task/
The Budget quoted here is just for reference - please feel free to quote your best price to complete the task as described. Timescale is not urgent - to be completed within 2 weeks.
Please DO NOT contact me directly through the website / email with a quote - I will respond only to quotes via peopleperhour.
Thanks and I look forward to working with you soon.
This task is advanced in that the design/layout must adapt correctly to various screen sizes. eg desktop/mobile/tablet/widescreen - I suspect this may require a small amount of bespoke coding?
(The two photographs must be kept as separate images so that they can slide over each other and reposition relative to one another, when adapting to different screens sizes an configuration)
Id like you to quote for two phases or two levels of work, the latter being, I assume, slightly more complicated to achieve / code.
Option 1: A static version of the homepage exactly as shown in the graphic mock-up, but that is responsive to different screen sizes / widths / formats.
IMPORTANT: Please dont quote unless you can deliver as per the design shown - or very close to it. I won't be happy to pay for something that ends up looking very different to the example! (But of course, Im flexible for some minor changes as required to make the page robust across all formats).
Option 2: As above, but with an animated "fly-in" when you first land on the page, (eg the two images slide in from opposite sides on desktop, and top and bottom on mobile. Plus with active hover (standard function in elementor - eg hover over each side of the page and the image on that side will pulse or "pops" out odf the page, to I indicate to the user that this is a clickable image).
In both cases, if the user clicks on either image, they are taken to one of two separate linked pages (that are not included in this task). Please refer to the attached images for the correct hyperlinks.
No "cheating" please - the text and logo in the central foreground need to be constructed as separate editable elements so that I may edit / change them in future. They need to remain positioned central to the image, regardless of the resizing of the background images (as the screen size changes between desktop and mobile, etc).
NB for your reference both images are full size landscape images so have plenty of "overlap" to work with in terms of resizing and repositioning for different shaped screens.
If relevant the site is hosted via SiteGround.co.uk (cpanel). I will simply give you access to the wp-admin and cpanel admin areas to complete the task/
The Budget quoted here is just for reference - please feel free to quote your best price to complete the task as described. Timescale is not urgent - to be completed within 2 weeks.
Please DO NOT contact me directly through the website / email with a quote - I will respond only to quotes via peopleperhour.
Thanks and I look forward to working with you soon.
Alistair J.
100% (13)Projects Completed
12
Freelancers worked with
12
Projects awarded
75%
Last project
8 Jun 2023
New Zealand
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies