Mirasvit Promo banners, css and html coding

详细信息

Work to doI am looking for a front-end developer who specializes in HTML, CSS, responsiveness, and Mirasvit banner customization. The task involves developing HTML and CSS for the Mirasvit promo banners, ensuring they are fully responsive, with correct handling of both image backgrounds and HTML-based backgrounds.
I have already done the HTML background banners and they are simple to handle. However, when working with image backgrounds, I am running into issues with the CSS, especially when it comes to adjustments for app store buttons, offer boxes, and mobile responsiveness.
I need help in creating the framework for the image background banners. This framework should ensure that images have a consistent size, properly manage offer box positioning, and handle mobile app integration like the app store buttons and QR codes. Once the framework is in place, I can easily update the banners myself with new images and content, but I need assistance in ensuring everything works correctly for mobile and desktop views.
1. Responsive Banner Design: - Ensure all promo banners are fully responsive on mobile and desktop, using the following CSS media queries to manage layout and offer box positioning. - The slider elements should adapt based on screen size.
2. HTML-Based Banner Updates: - Create and update HTML background banners with the required design and content. - Apply the responsive CSS code and manage layout changes based on the screen width.
3. Image-Background Banner Development: - Set up the initial framework for image-background banners. - Define a fixed height for images to ensure consistency in their size across multiple banners. This will allow quick replication and updates after the initial setup.
4. Mobile Responsiveness: - Ensure that the offer boxes, shop now buttons, and text are properly centered and visible on mobile devices. - Use media queries to adjust the layout for smaller screens (767px or less).
6. Frequent Banner Updates: Banners are updated every 2-3 days, but you will get 1 month at a time to do, the template banner taking 1-2 hours for the template stage. Once the framework is established, the image background updates will take 30 minutes per banner.
7. Consistent Implementation: Ensure that each banner is updated with the same level of consistency, following the graphic designer’s layout and ensuring the correct responsiveness for mobile and desktop views.
8. Setup campaigns for each banner with discounts
9. Required Skills:
9.1. HTML/CSS: Advanced skills in responsive design and media queries for mobile-first design. 9.2. Mirasvit Experience: Experience working with Mirasvit or similar banner management systems. 9.3. API HTML Coding: Ability to create and update HTML banners that interact with APIs, particularly for mobile app integration. 9.4. Fast Execution: Ability to implement changes quickly and efficiently, following design guidelines. 9.5. Attention to Detail: Ensure consistency in design and alignment across all banners.