Css popup prototype jobs

...replicate the front end of , focusing on an interactive HTML and CSS website preview, with some added features, then I believe you can fulfil my requirements. Key Features to be added in my website: - Interactive HTML and CSS website preview(like section preview in ) - Code received from an API - Selectable HTML elements, with selection passable to an API - Editable HTML text and optional images - Chat-like text box popup on selecting HTML elements Level of Interactivity: - Basic interactivity is needed for the HTML/CSS website preview. This includes hover effects and clickable elements. Ideal Skills and Experience: - Proficiency in Flutter, with prior experience in front end development - Strong understanding of HTML, CSS, and API integration - Abi...

We have an existing site that requires some minor changes including: 1. Minor changes to a custom block to enable manual selection of a dropdown menu title 2. Edit CSS so ShopWP plugin does not show hypens 3. Edit CSS so ShopWP plugin shows two products side-by-side on mobile devices

My requirements for this project are straightforward: Preferred Technologies: - Expertise in HTML/CSS, JavaScript, and React is necessary. Project Goal: - The focus is to create one responsive landing page while ensuring it's user-friendly. The site needs to be easy to navigate catering to all devices, desktop through mobile. Target Audience: - The website is designed for business professionals. Hence, the interface should resonate with professional aesthetics, smooth user experience, and functionalities. Looking forward to collaborating with a dedicated professional who understands the above criteria. Your portfolio demonstrating previous work with similar requirement will be beneficial.

I'm in need of a seasoned Mechanical Engineer with specific expertise in heat transfer, fluid dynamics, and thermodynamic cycle analysis to assist in the development of a revolutionary solar thermal engine patent prototype. Key Requirements: - Conducting in-depth thermodynamic cycle analysis for the solar thermal engine. - Designing the engine layout and key components to optimize its performance. - Understanding and managing the behaviors of steam vapor and condensate. - Proficiency in analyzing fluid flow, power, and pressure drop. - Knowledge of steam hammer and heat pipe behavior for this application. - Experience with developing engines within the 1-5 kW power output range is essential. Ideal Skills: - Proficiency in CAD software, such as SolidWorks. - Experi...

I'm seeking a skilled designer to develop a unique and aesthetically pleasing menu holder for restaurant use. This project will require you to create a design concept, craft a prototype, and ultimately produce sample units for testing. Your tasks will include: - Designing a unique and stylish menu holder suitable for a restaurant setting. - Crafting a prototype based on the initial design. - Producing a set of sample units that will allow us to test function and feasibility. Ideally, you have experience in the following areas: - Product Design - Prototype Development - Experience with restaurant-related products is a plus Your creativity, attention to detail and ability to meet deadlines will be key to the success of this project. If you have r...

I have a Figma design that I would like converted into a highly animated functional website prototype. The goal of this project is to create a user-friendly, interactive representation of the design that can be used for testing and demonstration. Key Requirements: - The prototype should be developed using both Framer and Webflow. - The level of interactivity should fall under the intermediate category, including animations and transitions that enhance the user experience. Ideal Skills and Experience: - Proficiency in Figma, Framer, and Webflow. - Experience in creating interactive and functional prototypes. - A good eye for design and understanding of user experience principles. - Strong animation and transition skills. - Ability to work efficiently and meet deadlines. P...

...who can take my specific design idea and turn it into a comprehensive prototype for a community yellow pages app. This prototype will be key to visualizing and testing the app's functionality before the development stage. Key Project Requirements: - Proficiency in Figma: You should be skilled in utilizing Figma's features to create a professional and functional UI prototype. - UI/UX Design: A good understanding of user interface design and user experience principles is crucial. - Attention to Detail: The ability to translate a specific, detailed design vision into a digital prototype is a must. The prototype should include: - User Registration/Login: A simple sign-up and sign-in process is necessary for the prototype. - Search with...

I am seeking a PHP developer to bring my interactive website vision to life. Key Project Requirements: - The website will require interactive features, enhancing user engagement and experience. - The project demands a high level of proficiency in PHP, as this language will be the backbone of the site. - Skills in HTML, CSS, and potentially JavaScript will also be required to ensure a seamless and visually appealing interface. Ideal Candidate: - Proven experience in developing interactive websites using PHP. - Strong knowledge of front-end technologies to ensure a responsive and visually appealing design. - Excellent communication skills and the ability to understand and translate my vision into a functional website.

I'm on the lookout for a seasoned full-stack developer to construct my startup's website from scratch. A minimalistic and modern design approach is desired. Key features on the site must include: - User registration and login - Integrated e-commerce functionality - Robust CMS for effective content management Fluency in prominent technologies like HTML, CSS, JavaScript, PHP, and relevant frameworks is a must. Familiarity with custom-built platforms and a keen eye for minimalistic and modern web design will be ideal.

I'm in need of an experienced graphic designer who can create visually appealing graphics for a series of 5 email communications. These emails are part of a campaign directed towards buyers of fundraising direct mail for Non-Profits. Your expertise in HTML and CSS might also be highly beneficial for this project. Key Requirements: - The main goal of this email campaign is to generate awareness of our company, which is in the direct mail printing and mailing space. We are a service organization and do not sell products. The email list is custom compiled to Buyers of fundraising direct mail services. Therefore, the graphics need to be tailored towards achieving this objective. - The tone of the graphics should be professional, authoritative and eye catching. They should exude a ...

Please Sign Up or Login to see details.

...user-friendliness of the site. - Implement best practices for responsive web design. Ideal skills and experience: - Proven experience in responsive web design. - Proficiency with HTML, CSS, and JavaScript. - Understanding of cross-browser compatibility. - Strong attention to detail and design aesthetics. I need help making a website ‘Responsive’ for all devices. I last worked on this site eight years ago but I'm now 80 years old. Here is a link to one of the articles: (the HTML is available) Make this one file responsive and show me what you did including the new CSS and I should be able to update the other 100+ pages myself using what you did as a guide. I do not want anything to look much different on a computer/PC screen than it does now. Just m...

...working with tight deadlines, provide constant high quality updates and be able to deliver quality work within a short timeframe. Bids: Please provide 3 links to your recent MERN/MEAN projects and provide some documentation or proof that you were the original developer of those 3 websites please. Tech: Front-end Framework: React.js with and State Management + Typescript Styling: Tailwind CSS Back-end Framework: Node.js with Database: MongoDB Goals: Build a cryptocurrency gambling website from PSD + Figma designs and requirements provided and discussed (google docs/sheets). Must be fully secure and fully tested with no bugs or issues. Experience Needed: - Previous experience with Full Nodes ("Bitcoin Core" for Bitcoin and "Geth" or others for Ethereum) ...

...to find stations by name or zip code, and a list of station names accompanied by location information. Map should allow zoom and going to country specific. So users can see entire map of their country with locations. Ideally we want world map to show first. I want tabs where users can switch between USA or world map. This page will go onto and can be with html 5 and css and js. Key Features: - Display of Sister Radio Stations: - An interactive map should be the centerpiece of the affiliates page, showing all sister radio station locations globally. - A static map design with clickable markers is preferred, enabling users to easily navigate through different stations. - Search Functionality: - A search bar is necessary to allow users to find a specific station

I am looking for a football shoe designer for my startup. I have certain specifications I need a 3d prototype. I need a specification that I can tell when we connect personally. I think to making it light weight, abrasion resistant and soft water proof interiors that donot soak water.

Hi Soniya D., I noticed your profile and would like to offer you my project. We can discuss any details over chat.

I currently need an experienced industrial designer who can help me perfect a textile net for my product designed for basketball practice. Online, the main task will be to take the prototype of my existing product and make improvements through computing and then send it to be manufactured.

I'm in need of an experienced UI/UX designer to create a user-friendly and visually appealing interface for a smart home monitoring application that I'm de...real-time monitoring of their smart home devices. - Notifications: The app should be able to push notifications to users to alert them of any important events or changes in their home. - Remote Control: While not explicitly mentioned, I'd like to ensure that remote control features are intuitive and accessible in the design. Your deliverables should include wireframes, mockups, and a clickable prototype. Prior experience in designing for IoT or home automation applications is a big plus. Please also provide a portfolio of your previous UI/UX designs for mobile apps. Looking forward to seeing your creative id...

...Implementing best practices for accessibility and usability. 6. Testing and debugging code to identify and fix issues promptly. 7. Staying up-to-date with the latest trends and technologies in front-end development. Required skills and qualifications: 1. Good communication skills and the ability to articulate technical concepts to non-technical stakeholders. (English Level: B2 ++) 2. Proficiency in HTML, CSS, and JavaScript. 3. Experience with front-end frameworks such as React, Angular, or Vue.js. 4. Strong understanding of responsive design principles and mobile-first development. 5. Familiarity with version control systems, such as Git. 6. Excellent problem-solving skills and attention to detail. 7. Ability to work independently and collaborate effectively within a team. If...

I need a solution that can detect when the height of an HTML div exceeds a certain limit, and automatically renders the overflowing content in a separa...should have a mechanism to recognize when a div's content surpasses a specified height. - Organizing Overflow: The overflowing content should seamlessly and automatically move to a different div on the same page. - Visual Indication: It's important that the system's behavior clearly communicates the presence of additional content to the user. Ideal Skills and Experience: - Proficiency in HTML, CSS and JavaScript. - Experience with front-end development and user interface design. - Ability to create a responsive solution that maintains the aesthetic and functionality of the existing design. - Familiarity with user e...

I am looking for a skilled individual to customize and install a website template for my project. The ideal candidate will have experience with website design, development, and template customization. Requirements: Proficiency in HTML, CSS, and JavaScript Experience with website templates (e.g., WordPress, Joomla, HTML templates) Ability to modify and customize templates to meet specific requirements Knowledge of web hosting and installation processes Attention to detail and good communication skills Responsibilities: Customize the website template according to my specifications Install the customized template on the web hosting server Ensure the website is fully functional and responsive What

I'm looking for a skilled web designer with excellent knowledge of HTML and CSS who can create an eye-catching, minimalistic and modern landing page for me. Key Requirements: - Excellent HTML and CSS skills to implement a modern, minimalistic design. - Experience creating effective landing pages focusing on user experience is vital. - Understanding of lead generation and conversion optimization principles. Specifically: - Design a clean sign-up form to engage and convert visitors. Remember, simplicity is the main requirement here as we're aiming for a minimalistic modern vibe. Showcase your skills and creativity!

I'm in need of an HTML JS developer to refresh the front-end of my existing website. My web site uses pages that have components generated in JS. Many of the properties are created / set in javascript are difficult to support and change. I would like the properties moved to a CSS file where they can be set more easily. I need a developer who works hard and long hours like myself. Obviously excellent HTML/CSS/Javascript are essential for the right developer. May lead to more work doing exciting new development . .

I'm the founder of a tech startup in the early stage with a working prototype. Currently, I'm looking for a venture capital investor to help me fund the product development phase of the business. Key requirements: - Experience with venture capital and funding for technology startups. - Proficiency in understanding business models and potential for growth. - Ability to provide strategic guidance on our product development. Your responsibilities will include: - Conducting market research and financial analysis. - Advising on funding options and helping secure investment. - Potentially providing strategic guidance for our product development efforts. I'm looking for a skilled professional with a proven track record in securing funding for tech startups. Your in...

...requirements: - Designing a high-power dynamo/alternator that can support extensive power needs. - The device should be attachable to a standard bicycle without impacting its performance or aesthetics. - Prioritizing power output over size or weight, meaning the final product can be robust as needed. Your role will be to: - Combine your expertise in electrical and mechanical engineering to create a prototype. - Ensure the final product is not only functional but also practical for cyclists to use. - Potentially provide suggestions on storage solutions for the generated power. Ideal skills and experience for this job include: - Proven experience in designing high-power dynamo/alternators or similar energy generation devices. - Knowledge of both electrical and mechanical engineer...

I would like a professional, sleek landing page designed for my website to catch potential clients. The key aspects of the landing page include: - Captivating design: The page should be visually appealing and in line with modern design trends. - User-friendly interface: The design needs to be intuitive, guiding the visitor towards the ultimate goa...- User-friendly interface: The design needs to be intuitive, guiding the visitor towards the ultimate goal. - Responsive design: The page should be responsive to various screen sizes and devices. Ideal skills and experience for the job include: - Proven experience in designing and developing landing pages. - Strong understanding of user experience and design principles. - Proficiency in HTML, CSS and other relevant technologies for w...

I'm looking for a talented Figma designer to create a comprehensive and engaging prototype for my mobile app. This app is aimed at elementary school kids (6-12 years old) and will incorporate a range of features including interactive quizzes, virtual lessons, and progress tracking. The ideal candidate will have: - Proficiency in using Figma for complex app designs - Experience in designing educational materials or apps, preferably for kids - A good understanding of UI/UX principles, especially when it comes to engaging children - Creative and innovative ideas to make the app both educational and fun - Strong communication skills to ensure the design meets the needs of the brief and the target audience

I require an experienced Web Developer to undertake a project we have. The website we need is a comparison website for Coach hire. This will entail a booking system wh...Users can search for operators based on location, pricing, coach type, etc. Review and Rating System: • Users can rate and review operators. • Reviews influence operator rankings. Admin Dashboard: • Admins manage users, operators, bookings, memberships, and more. • Monitor platform activities and resolve disputes. This kind of platform requires a combination of front-end technologies (HTML, CSS, JavaScript), back-end technologies (server frameworks like Node.js/Express or Django, databases like MySQL or MongoDB), and potentially third-party APIs for features like payment processing and Go...

Required website for institute. The design must be responsive in html and css. Required home, about, courses, gallery and contact page

...need of someone skilled in creating simple woodworking projects. I'd like to produce an easy-to-assemble wooden reindeer kit that is small in size, around 1-2 feet when fully assembled. - Skills & Experience Needed: - Expertise in woodwork and product design - Experience designing DIY kits - Knowledge of safe, light, and durable wood types for DIY crafts Your task will be to design, prototype, and provide assembly instructions for this DIY wooden reindeer kit. The final product must be something that even a woodworking beginner can assemble with ease. Please ensure that the finished reindeer should not exceed 2 feet in height. The design should be unique, creative and, of course, appearing like a lovely reindeer. This project might require revisions based ...

We are looking for an experienced Angular Frontend Developer to help us enhance...responsible for improving the functionality and visual appeal of our website. The key responsibilities of this role include adding new features, ensuring the site's smooth performance, and enhancing its overall design. Key skills required for this position include: - Strong proficiency in Angular - Ability to write clean and maintainable code - Experience with front-end technologies such as HTML, CSS, and JavaScript - Familiarity with UI/UX design principles - Problem-solving and troubleshooting skills If you meet these requirements and are passionate about creating top-notch web experiences, we would love to hear from you! For next 3 days, freelancer should give me project's first task. De...

Looking for a reliable Laravel developer full time with knowledge of HTML based frontend based on Bootsrap CSS, and knowledge of Javascript JQuery is also must. Aim to enhance an existing PHP/Laravel code base to improve its functionality and remove bugs by testing the code. Estimated budget is small between 450$ to 650$ so please quote your bid carefully, it will be release through monthly payout from Freelancer. Based on performance the monthly amount would certainly be increased. The prospective candidate should be able to commit 6 hours per day Monday to Friday. Meeting software could be any of the MS Teams, Zoom, Google Meet, etc. Working time zone preferred is Europe GMT + 0 Key Responsibilities: - Understanding of SECURE PHP code development with proper code comments, ...

I'm seeking an experienced Elementor professional who can address a specific problem with my website's header. The issue is that the old header is still displaying on small screens, despite recently updating the header design. My budget i...design: The freelancer should have a proven track record of creating responsive web designs that work seamlessly across various devices. - Debugging and problem-solving: An ability to identify, isolate, and fix problems efficiently is crucial for this role. - Solid communication: A good freelancer-client relationship is built on clear and effective communication. I can provide access to the original CSS and JavaScript files used for the header. This should facilitate your understanding of the previous design and help you implement th...

...Application after converting it using Livewire Navigate. The job involves fixing CSS styling issues, restoring missing functionality and ensuring that JavaScript executes properly after the first load. Key Details: - CSS Styling: The breadcrumb styling works perfectly on the first load, but breaks once the Single Page Application (SPA) is loaded. - Missing Functionality: Some features that were present before the conversion are working on Fresh Load but currently missing after SPA Load and need to be restored. - JS Execution: JavaScript isn't working as expected after the first load, this needs to be fixed. Skills and Experience: - Strong knowledge of Laravel Livewire Single Page Applications. - Proficiency in CSS, particularly Bootstrap. - Experience with Ja...

As we chatted about: I have a large Word document (57 pages / 8,046 words) that requires a meticulous conversion to HTML. It's imperative that this conversion maintains...presentation. Key aspects for this project include: - The HTML output must mimic the original Word document's structuring and formatting. - Special attention has to be given to making it match exactly to the Word document. This includes font type, size and spacing. note there are images as well to be included. - It will need to be mobile friendly as such. - An excellent understanding of HTML, CSS and Microsoft Word is vital. - Strong experience in converting documents from Word to HTML is desired. Applicants should be proficient in working with detailed documents and exhibit a keen eye for ...

We are a software development company that has developed password management solution. As part of our service offerings, we provide a browser extension that allows users to manage their passwords securely and conveniently. Cu...guaranteed It is also required to perform an update from Angular 1 to the latest version. It's important that the extensions still works fine on Firefox, Chrome and Edge. Requirements: • Experience in developing browser extensions, especially for Chrome and Firefox • Expertise in migrating extensions from Manifest V2 to Manifest V3 • Good knowledge of JavaScript, AngularJS (V1.x), HTML and CSS • Communication skills in German or English Time frame: You can choose your time freely. However, will need the results in ap...

...developer to create a simple interactive website. The site should be designed in a modern and simple style, with a consistent colour scheme (i will tell you what colours). The main features of the website should include a login/sign-up, and user profile functionality and a unique feature which is the map (I have the link for it) Key Expectations: - Create a modern, interactive website - Use HTML, CSS, and JavaScript with any UI framework or JS library of your choice - Implement a simple login/sign-up, and user profile page -Embed a map (i will provide you the link) I have attached my wireframes of how the basic website should look like. I am looking for a developer who can deliver this project as quickly as possible (2 days max). Please let me know if you're able to do i...

I need a Mechanical Engineer to design a carbon fibre scooter prototype. This project starts with the ProE proof of concept CAD model, attached. It eventually needs to be progressed to be ready for manufacturing. Ideally, bicycle and scooter design history would benefit. The job will start in about six weeks. The CAD model for prototyping is required by the end of June. Drawings and BOM for costing are necessary. I will cost with your assistance. It will be a collaborative project, with phone and email communications, and include prototype parts. An hourly rate is appropriate. Don’t apply with a structural, civil, graphics, animation or architectural background. It is a light engineering job.

...The system should handle varying loads seamlessly, from 500 to 50,000 users. Tasks: System Architecture Design: Task: Design the overall architecture for the activity tracking system. Include considerations for data collection, storage, processing, and presentation. Deliverables: A system architecture diagram and a brief description of each component and its role. Backend: Task: Develop a prototype backend structure plan capable of receiving events from a blockchain network, processing them, and storing them in a scalable database system. Scalability Plan: Task: Outline a plan to ensure the system's scalability from day one. Address potential bottlenecks and describe how the system will handle high loads. Deliverables: A written scalability strategy document, highlight...

As a beginner with keen interest in Full stack Java Script developer, I am looking for a tutor with an impressive full stack development track record and hands on experience. Tutor must teach every facet from front end(HTML, CSS, JAVASCRIPT), back end(JavaScript), Git & Git hub,React.Js, Node.Js with , database(MongoDB/PostgreSql), API’s, web security, DevOps deployment, cloud services(Aws/Azure), Test and debugging and project management. On every check point tutor needs to give real world project experience by Building projects on top of them.

I'm looking for a skilled HTML/CSS designer to produce a visually appealing report. It should include an executive summary. Key Requirements: - Design a report, not just a website - Primary focus is the Executive Summary - Use HTML/CSS to create a visually appealing, easy-to-read document. Ideal Skills: - Strong command in HTML/CSS - Ability to create clean, modern designs - Experience in designing reports is a plus

I'm in need of an ATG Developer with 8-9 years of experience. You should be proficient in HTML/CSS and JavaScript. While the specifics of the project are open to interpretation, the ideal candidate should have worked with Magento and WooCommerce. Key Responsibilities: - Develop and maintain ATG based e-commerce applications - Ensure the application meets both technical and business requirements - Provide technical support and troubleshooting Ideal Skills: - ATG Development - Proficient in HTML/CSS and JavaScript - Experience with Magento and WooCommerce - Strong analytical and problem solving skills - Excellent communication and teamwork skills Candidates with experience in e-commerce platforms and a strong background in ATG development are encouraged to apply.

I am urgently in need of Angular developers who can help me create a responsive website. Key Requirements: - Intermediate level of experience in Angular: I'm looking for developers who are well-versed in Angular and can create a website. Ideal Skills: - Extensive knowledge of Angular frameworks and tools. - Previous experience with responsive website development. - Proficiency in HTML, CSS, and JavaScript.

...JStar Capital’s branding guidelines, including color schemes, typography, and layout. Task 1.3: Develop custom icons and logos for JStar Capital, ensuring they are scalable for various digital platforms. 2. Development Phase: - Task 2.1:Set up the website structure using a suitable content management system or web development framework. - Task 2.2: Implement the front-end design using HTML, CSS, and JavaScript, ensuring responsiveness and compatibility across all devices and browsers. - Task 2.3: Integrate animations and interactive elements as per the design mockup. 3. Testing and Launch: - Task 3.1: Perform thorough testing of the website, including functionality, usability, and browser compatibility tests. - Task 3.2: Fix any bugs or issues identified du...

I'm looking for a skilled 3D animator with experience in creating highly realistic animations. Key Responsibilities: - Develop a 3D animation for a product demonstration - Maintain a realistic style throughout the animation process Preferred Skills: - Proven experience in 3D animation - Proficiency...your ability to create engaging, realistic animations, focusing on the features and functionalities of the product, is central. If you possess these skills, and have past experience with similar projects, I encourage you to bid on this project. Your ability to translate a product's features into a realistic 3D animation could make you the perfect fit for this project. 1Need open a envelop 2. popup the letter in envelop 3, show the invitation to cover the envelop ...

Hello, We are F12Design, a platform where customers and designers come together and collaborate on graphic design projects. We would like to build an interactive dashboard to make the workflow simple and effective. Here are a few things on our mind: Languages - (Please free to suggest your own) Backend - PHP, jQuery, and SQL Frontend - HTML, CSS, and JavaScript For Real-time Demo/Example - Please sign up for and check their dashboard ########################################################## Social Login/Create account (Separate customer and Designer Login) ########################################################### Customer Dashboard Order Handling -------------- Past Orders Order Requirements (Quiz* and additional comments) Order Updates Order Delivery Date Order Tracking

I need assistance creating a specialized HTML email template that is compatible with Gmail, Outlook, and Yahoo Mail. We are transferring our daily e-newsletter mailouts from MailChimp to Simply Stakeholders, which is powered by the TinyMCE WYSIWYG editor. We have existing designs that we need converted into html coded templates that will be f...need to be responsive on mobile and desktop devices. The main purpose of the email will be sharing news of the day/week to our client base. We have an in-house designer who can serve as project liaison. Deadline to have the new templates operational is May 29. Access to the back-end of Simply Stakeholders can be provided for testing. Designed templates can be can be supplied. Strong skills in HTML, CSS, and responsive design are ideal for thi...

I'm seeking a skilled product designer to develop a high-quality prototype for a Golf Cleaning Tool. This tool should be innovative, showcasing the following key features: - An integrated brush for cleaning club heads - A turning electric head to add efficiency to the cleaning process - An incorporated solvent to sanitize clubs - An extendable clip-on feature for seamless attachment to a golf bag This demonstration prototype aims to thoroughly represent and test the product's functionality. Ideally, applicants should have prior experience in prototyping, strong understanding of golf equipment, and proficiency in incorporating electronic components. Your creative input is welcomed for improvement or enhanced features.

I'm in need of a WordPres...WooCommerce site. Here are the details: - Custom Checkout Process: I'm looking to add some custom fields to my checkout process. Specifically, I need a text input field for customers to provide special instructions. This will help me better understand their preferences and needs. The ideal candidate should have: - Proven experience with WordPress and WooCommerce - Strong knowledge of PHP, HTML, CSS and JavaScript - Experience in customizing checkout processes - Good communication skills and ability to understand and implement the requirements accurately You should be able to work independently, take initiative, and provide a solution that is both functional and visually appealing. If you have experience with similar projects, please share ex...

I have a React website utilizing Tailwind CSS with Stripe integration. TASK 1: I'm using the following imports from @stripe/react-stripe-js for the input fields:import { CardNumberElement, CardExpiryElement, CardCvcElement, useStripe, useElements } from '@stripe/react-stripe-js'; Attached are two images: the first shows the current design, and the second illustrates the new design that I want to implement. TASK 2: will be to save credit cards on stripe, so user can select which card they want to use: like this :