Resturent web

12.0 USD

12.0 USD peopleperhour Technology & Programming Overseas
10 hour ago

Description

This project is fully responsive. Fig-ma files are directly converted to make the website.Project Requirement:1. Header section will be sticky.2. About section should have a working tab with relevant content.3. Carousel should have auto play and loop with duplicate items.4. Testimonials section should be slider with side effect.5. Functional form will be a plus point.The technology has also added many features for mobile devices.

关注公众号,不定期副业成功案例分享
Follow WeChat

Success story sharing

Want to stay one step ahead of the latest teleworks?

Subscribe Now

Similar Teleworks

Currently my website, insightprep.net, is a log in page that goes to prep-test.net, where my students do their homework. For live meetings, I have a Microsoft Access application that I developed over several years. I put the homework up on the website from that application. The website is a php MySQL site. Now, I want to create another version of the website on which students can do all their work. When they have a question about an explanation, they will ask ChatGPT instead of me, as they now do, for clarification. The website currently has 3 sections: 1. The first shows the explanations that we discussed in our previous live meeting, so that the students can review what we discussed. At the bottom of each explanation in the website, the student clicks a Next button after review, and that records the date/time of that click. 2. The second section is questions for the students to answer, which are of 2 types. One type is new questions that the student hasn’t seen previously and the other type is questions the student has tried to answer but has not yet answered correctly. Currently, those previously missed questions reappear 7 days after the student clicked the Next button in the first section. All the questions are presented in order of difficulty as indicated in a table on the website. 3. The third section, called Review on the menu bar, will pull up explanations to questions that the student has answered correctly. The changes to the current site will be as follows: 1. The first section will be disabled. 2. The second section will be modified as follows: a. The student will be able to select which category of question types to work on from a list of 6 types as indicated in the Category field of the Questions table. b. The questions will consist of new ones that the student hasn’t yet answered, and previously missed ones. The previously missed questions will be presented 7 days after the student answered it the last time. c. Questions will be presented such that, when a student correctly answers a question, the next one presented in that category will be 4 points more difficult as indicated in the Question Levels table, and when a student incorrectly answers a question, the next one presented in that category will be 5 points less difficult as indicated in the same table. d. When a student answers a question incorrectly, the student will immediately see the explanation for that question. The format of the explanations in this second section are the same as in the first (disabled) section. e. When the student sees an explanation, whether in the second or third section, the student will see a button to initiate a question to be submitted to ChatGPT for clarification about the current explanation. The GPT prompt will include the question, the explanation, any graphic file presented in the explanation, and the student’s question. This will be done through an API to a model that enables graphic files to be uploaded and understood.
200.0 USD Technology & Programming peopleperhour Overseas
3 days ago
Style > Colors or CSS). The design should either apply globally or be saved as a reusable template, with a guide for me to add products later. Here’s what’s needed: Customizer Setup (Global): - Configure Header > Sticky Header: Enable "Sticky on Scroll Up," add cart icon and "Buy Now" button (use site’s primary color). - Set WooCommerce > Product Page: Custom layout, mobile sticky "Add to Cart," gallery as "Slider + Thumbnails" with zoom. - Adjust Style > Colors: Use my site’s existing primary and secondary colors (e.g., from Customizer or flatsome-child/style.css). - Update Style > Typography: Montserrat, headings 32px, body 16px. UX Builder Design: - Edit product (ID 6525) with UX Builder (https://coversmart.ch/wp-admin/post.php?post=6525&action=edit&lang=de&app=uxbuilder&type=editor). Layout: - Hero Section: 2-column row (50/50): - Left: Product Gallery (Slider, Zoom enabled). - Right: Product Title (32px, bold), Product Rating, Product Price (site’s primary color), Text ("Ultimate Protection, Sleek Design"), Product Add to Cart (Large, site’s primary color). - Features Section: Full-width row, 3-4 Icon Box blocks (e.g., "Shockproof," use site’s secondary color for accents). - Details Section: Product Tabs (Line style, site’s light background color, e.g., #f5f5f5). - Upsell Section: Related Products (3-column grid, "Lift" hover). - Footer CTA: Banner ("Fast Shipping Across Switzerland," site’s secondary color for button). - Style blocks: 20px padding, "Fade In" animations. Custom CSS (Fine-Tuning): - Add to flatsome-child/style.css or Customizer’s Style > Custom CSS, using site colors: css .product-gallery img { border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } .product-title { font-size: 32px; font-weight: 700; color: #333; } .single-product .button.primary { background: [site’s primary color]; padding: 15px 30px; font-size: 18px; } .icon-box { background: [site’s light background]; padding: 20px; border-radius: 5px; } .tabbed-content .tab-nav li a { border-bottom: 2px solid [site’s primary color]; } Ease of Use: - Apply design globally via Customizer (preferred) so it auto-applies to all products, or save as a reusable UX Builder template ("Default Product Layout"). - Minimize CSS dependency—use Flatsome options with site colors. - Provide a 1-page PDF/text guide (e.g., "Add product, upload images, apply template, clear cache"). Testing: - Test on desktop/mobile. - Add a dummy product to verify template with site colors, then delete. - Clear WP Rocket cache (WP Rocket > Cache leeren > Alle Sprachen). Deliverables: - Styled product page matching my site’s theme colors. - Global or reusable template. - 1-page guide for adding products. - Tested and cache-cleared site. Requirements: - Expertise in WordPress, WooCommerce, and Flatsome (paid version). - Proficient with UX Builder and CSS. - Access provided to WordPress admin (and FTP if needed). - Ability to match my site’s existing colors from Customizer or CSS. Timeline: 1-2 days (7 hours estimated). Budget: $13/hour, total $91 for 7 hours. Extra hours for revisions at same rate if needed. Please share your Flatsome experience and a portfolio link. I’ll provide admin credentials upon hiring. Looking forward to a design that blends seamlessly with my site’s theme! Skills Required: - WordPress - WooCommerce - Flatsome Theme - UX Builder - CSS - Responsive Design Budget: Hourly Rate: $13 Estimated Hours: 7 Total: $91 Project Type: One-Time Project Deadline: Within 3 days of hiring (flexible if discussed)."> Title: WordPress Developer with Flatsome Experience - Product Page Redesign & Template Setup Category: Web Development > WordPress Description: I need a skilled WordPress developer to redesign a WooCommerce product page for "Samsung S20 Hybrid Shockproof Hülle" on my site, coversmart.ch, using the Flatsome theme (paid version). The design should match my website’s existing theme colors and be easy for me to apply to new products without technical skills. Scope of Work: You’ll create a clean, mobile-optimized product page with Flatsome’s Customizer and UX Builder, using my site’s current color scheme (found in Customizer > Style > Colors or CSS). The design should either apply globally or be saved as a reusable template, with a guide for me to add products later. Here’s what’s needed: Customizer Setup (Global): - Configure Header > Sticky Header: Enable "Sticky on Scroll Up," add cart icon and "Buy Now" button (use site’s primary color). - Set WooCommerce > Product Page: Custom layout, mobile sticky "Add to Cart," gallery as "Slider + Thumbnails" with zoom. - Adjust Style > Colors: Use my site’s existing primary and secondary colors (e.g., from Customizer or flatsome-child/style.css). - Update Style > Typography: Montserrat, headings 32px, body 16px. UX Builder Design: - Edit product (ID 6525) with UX Builder (https://coversmart.ch/wp-admin/post.php?post=6525&action=edit&lang=de&app=uxbuilder&type=editor). Layout: - Hero Section: 2-column row (50/50): - Left: Product Gallery (Slider, Zoom enabled). - Right: Product Title (32px, bold), Product Rating, Product Price (site’s primary color), Text ("Ultimate Protection, Sleek Design"), Product Add to Cart (Large, site’s primary color). - Features Section: Full-width row, 3-4 Icon Box blocks (e.g., "Shockproof," use site’s secondary color for accents). - Details Section: Product Tabs (Line style, site’s light background color, e.g., #f5f5f5). - Upsell Section: Related Products (3-column grid, "Lift" hover). - Footer CTA: Banner ("Fast Shipping Across Switzerland," site’s secondary color for button). - Style blocks: 20px padding, "Fade In" animations. Custom CSS (Fine-Tuning): - Add to flatsome-child/style.css or Customizer’s Style > Custom CSS, using site colors: css .product-gallery img { border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } .product-title { font-size: 32px; font-weight: 700; color: #333; } .single-product .button.primary { background: [site’s primary color]; padding: 15px 30px; font-size: 18px; } .icon-box { background: [site’s light background]; padding: 20px; border-radius: 5px; } .tabbed-content .tab-nav li a { border-bottom: 2px solid [site’s primary color]; } Ease of Use: - Apply design globally via Customizer (preferred) so it auto-applies to all products, or save as a reusable UX Builder template ("Default Product Layout"). - Minimize CSS dependency—use Flatsome options with site colors. - Provide a 1-page PDF/text guide (e.g., "Add product, upload images, apply template, clear cache"). Testing: - Test on desktop/mobile. - Add a dummy product to verify template with site colors, then delete. - Clear WP Rocket cache (WP Rocket > Cache leeren > Alle Sprachen). Deliverables: - Styled product page matching my site’s theme colors. - Global or reusable template. - 1-page guide for adding products. - Tested and cache-cleared site. Requirements: - Expertise in WordPress, WooCommerce, and Flatsome (paid version). - Proficient with UX Builder and CSS. - Access provided to WordPress admin (and FTP if needed). - Ability to match my site’s existing colors from Customizer or CSS. Timeline: 1-2 days (7 hours estimated). Budget: $13/hour, total $91 for 7 hours. Extra hours for revisions at same rate if needed. Please share your Flatsome experience and a portfolio link. I’ll provide admin credentials upon hiring. Looking forward to a design that blends seamlessly with my site’s theme! Skills Required: - WordPress - WooCommerce - Flatsome Theme - UX Builder - CSS - Responsive Design Budget: Hourly Rate: $13 Estimated Hours: 7 Total: $91 Project Type: One-Time Project Deadline: Within 3 days of hiring (flexible if discussed).
80.0 USD Technology & Programming peopleperhour Overseas
2 days ago