Php Css Projects

PDf to HTML CSS (Tailwind for Nxxt Js)

We have 80 - 90 education pages in pdf format we want them to convert in html css format. All the images and relevant text is in ready format and also available in high resolution. Provide quotation for this along with timeline.

WordPress Developer — Assessment Modal and User Onboarding

I need an experienced JavaScript developer to build two specific interactive features for a WordPress listings platform. This is focused, well-scoped work with clear API documentation provided. No backend work, no AI, no server access required. What you are building: Feature 1 — Three-stage assessment modal Users click an eligibility button on any listing. A modal opens showing multiple-choice questions fetched from a REST endpoint. After questions are answered, a 10-second evaluation animation plays with a rotating ad display. Results show a percentage score dial, match verdict, and personalised recommendations. Please start your post with, I can do this at (best rate in fixed terms not per hour rate) Works differently for logged-in users versus guests. Mobile: bottom sheet. Desktop: centered modal. Feature 2 — Multi-step user onboarding flow After registration, users see a 4-step profile setup form collecting their interests, discipline, level, and goals. A second shorter form appears after their first save action. A toast notification appears when their profile reaches 50 percent completion. What makes this straightforward: All API endpoints are already built by a separate backend developer. You receive full documentation with exact URLs and sample JSON responses. You are consuming endpoints and building UI — nothing else. Skills needed: Vanilla JavaScript (ES6+, fetch, async/await, localStorage, DOM manipulation), CSS animation and transitions, WordPress REST API calls from the browser, responsive design for mobile and desktop layouts. Skills not needed: React, Node.js, PHP, AI knowledge, server access, database work.

Fix PHP Website Forms PHPMailer, Google SMTP and reCAPTCHA v2

Fix Two PHP Website Forms Using PHPMailer, Google Workspace SMTP and reCAPTCHA v2 I need an experienced PHP developer to diagnose and fix two forms on an existing live website: 1. Contact Us form 2. Book a Free Design Visit form Website: https://www.cleverstoragekent.co.uk Both forms previously worked on the same eUKhost VPS using PHPMailer, Google Workspace SMTP and Google reCAPTCHA v2. The website files were recently replaced with an updated version, and both forms now reach the branded error page when submitted. Current setup: - PHP 8.2 with PHP-FPM - PHPMailer included locally in the website files - Google Workspace SMTP - SMTP server: `smtp.gmail.com` - Port: `587` - Encryption: TLS/STARTTLS - Google reCAPTCHA v2 checkbox - Website hosted on an eUKhost VPS - Contact Us handler: `general-contact.php` - Design Visit handler: `contact.php` - Shared settings: `config.php` - Shared email code: `form-common.php` - Optional photograph uploads on the Design Visit form eUKhost has confirmed: - Outbound connections to `smtp.gmail.com` on port 587 are permitted - The server can resolve and connect to Google SMTP - TLS negotiation and certificate verification succeed - PHP OpenSSL is working - No firewall or ModSecurity restriction is blocking SMTP - The upload directory is writable - Required PHP extensions are installed Required work: - Diagnose the precise PHPMailer or Google SMTP failure. - Restore successful delivery for both forms. - Confirm that each form redirects to the thank-you page after successful submission. - Confirm that failed submissions redirect to the correct error page. - Verify reCAPTCHA v2 on both forms. - Check that the authenticated sender matches the Google Workspace account. - Check PHPMailer’s SMTP, encryption and authentication settings. - Ensure confidential credentials remain protected. - Test the Contact Us form from the production domain. - Test the Book a Free Design Visit form from the production domain. - Confirm staff notification emails are received. - Confirm customer acknowledgement emails are received where configured. - Test optional photograph uploads from iPhone/Apple Photos. - Ensure valid JPEG, JPG, PNG, WebP, HEIC and HEIF photographs are handled safely. - Prevent PHP execution inside the uploads directory. - Remove any temporary debugging files or detailed public error messages when finished. Please do not redesign the website or change unrelated pages. This is a focused server-side form repair. Access can be provided to the relevant eUKhost files and logs. The successful developer should explain the cause of the problem, document the changes made and supply copies of every changed file. Please include: - Relevant experience with PHP and PHPMailer - Experience with Google Workspace SMTP and App Passwords - Experience with Google reCAPTCHA v2 - Your estimated completion time - Your fixed-price quotation

HTML Email Designer/Developer - Pharma Campaign

Design and build one responsive, coded HTML email. Existing brand assets (logos, imagery and visual style) from a related banner ad campaign for the same product will be provided. Key requirements from the spec: - Table-based HTML with inline CSS (not div/CSS-based), 600px maximum width, 72dpi - Important text kept out of images; prescribing information (PI) included as a link, never as an image - Must include the client's mandatory header/footer template - Fully responsive, and tested to look consistent across Outlook (2007-2016), iPhone and Android before delivery What we're looking for - Strong email design skills, incl layout, typography and hierarchy that work within the constraints above (e.g. designing around a text-link PI rather than an image-based one) - Solid, proven experience coding HTML emails for real-world sends - tables and inline CSS, not a page-builder tool - Comfortable testing across email clients (Litmus or similar) and fixing what it flags - Healthcare, pharma or other regulated-industry design experience is a plus, but not essential - comfort designing within a strict technical/compliance spec is what matters most - Able to turn this around by Wednesday, September 9th To apply, please send: - A couple of examples of HTML emails you've both designed and built - Your day rate or a fixed quote for one email - Your availability until and including Wednesday, September 9th, and the following two weeks, as there is potential for two additional emails for the same client after the first one

PSD to HTML – Pixel-Perfect & Responsive Website

PSD to HTML Developer Needed – Pixel-Perfect & Responsive Website 2 Pages Only We are looking for an experienced Front-End Developer to convert our PSD design files into clean, pixel-perfect, responsive HTML/CSS websites. The ideal developer should have strong attention to detail and be able to accurately reproduce the design across desktop, tablet, and mobile devices. Responsibilities Convert PSD designs into clean, semantic HTML5 and CSS3 Ensure the website is pixel-perfect compared with the original PSD Build fully responsive layouts for desktop, tablet, and mobile Implement interactive elements using JavaScript where required Ensure compatibility across modern browsers, including Chrome, Firefox, Safari, and Edge Optimize code for fast loading and good performance Follow modern HTML/CSS coding standards Properly implement fonts, images, spacing, colors, icons, and other design details Ensure the layout works correctly at different screen sizes Provide clean, organized, and maintainable source code Requirements Proven experience with PSD to HTML conversion Strong knowledge of HTML5, CSS3, and JavaScript Excellent understanding of responsive web design Experience with Bootstrap or Tailwind CSS is a plus Strong attention to design details and spacing Ability to write clean and well-structured code Good communication and ability to meet deadlines Deliverables Fully responsive HTML pages based on the provided PSD files Clean HTML5/CSS3/JavaScript source code Responsive desktop, tablet, and mobile versions Cross-browser compatible implementation All required assets properly integrated Final source files ready for deployment To Apply Please send: Examples of your previous PSD to HTML projects Your estimated delivery time Your fixed price or hourly rate A brief explanation of your experience with responsive front-end development Please only apply if you can provide pixel-perfect results and clean, professional code. We are looking for someone reliable who can potentially work with us on future projects as well.

Mid-Level Fullstack Developer

Seeking a proficient Mid-Level Software Developer for a part-time, remote role across Hong Kong, Singapore, Philippines, or Vietnam. Ideal candidate has 3+ years’ professional experience across frontend and backend, a demonstrated ability to deliver clean, maintainable code, and comfort working independently. Responsibilities include developing and maintaining web and mobile applications, implementing features, integrating APIs, debugging and optimizing systems, and producing clear documentation. Required skills: React/Next.js, Node.js/Express/NestJS, PHP/Laravel, Python/Django/FastAPI, React Native or Flutter, SQL/NoSQL. B2+ English, strong problem-solving, adaptability, responsiveness, and ownership are essential. Familiarity with cloud platforms, Docker/CI-CD, AI/LLM integrations, and mobile deployment is advantageous. Long-term collaboration preferred; flexible schedule.

Logo design, business cards and email signature

I am launching a new business and require professional branding assets. I have a logo concept I like that needs to be refined and produced in correct, high-resolution formats for print and web. Deliverables: polished logo files (AI, EPS, SVG, PNG, JPG), print-ready business card design and dielines, and a compatible HTML/CSS email signature plus image assets. Attention to typography, color consistency, and print specifications is essential. Please provide final files optimized for both digital and print use.

Senior Front-End Developer with UX/UI Design Experience

I am looking for an experienced Front-End Developer who combines strong technical skills with a good eye for design. You should be able to build high-quality web applications while also thinking about user experience and interface improvements—not just coding from a design file. Tech Stack Required: - React (Next.js preferred) or Vue.js (Nuxt preferred) - TypeScript - Tailwind CSS - State management (Redux / Zustand / Pinia) - Animation libraries (Framer Motion / GSAP) What You'll Do: - Proactively suggest UX/UI improvements during development - Optimise for speed, performance, and scalability - Write clean, maintainable, and well-documented code What I'm Looking For: - Ability to explain design choices, not just technical implementation - Strong attention to detail and a user-first mindset Timeline: 2 months

Assessment Modal & User Personalization System

Skills Required: JavaScript (vanilla), WordPress REST API, PHP (custom endpoints, database tables), CSS (animations, responsive design), localStorage management Task 1: Question Caching System Create custom DB table wp_earn_question_cache on plugin activation. When modal opens: check cache for post_id, return if found. If not: call API, cache response, return. On save_post: delete cached row. Deliverable: PHP plugin with caching logic. Task 2: Assessment Modal – Stage 1 (Questions) Modal triggered by .btn-assess click (event delegation). Mobile: bottom sheet with drag handle. Desktop: centered modal (max-width 520px). Layout: Drag handle, Header, Listing identification (logo, title, badge), Ad placeholder (320x50/728x90), Progress bar, Questions, Answer options (min 44px), Navigation. Auto-transition 0.5s after final answer. Task 3: Assessment Modal – Stage 2 (Evaluation) Progress bar to 100% over 12s. CSS spinner (50px/70px). Status text. Step checklist (5 steps, animate every 2.5s). Ad container (300x250, 3 ads fade-rotate 5s). After 12s: API call to /wp-json/platform7/v1/evaluate. Cross-fade to Stage 3. Task 4: Assessment Modal – Stage 3 (Results) Match score dial (SVG animated): 70%+ green, 40-69% amber, <40% red. Verdict badge. "Why You Match" (≥40%). "Things to Consider" (always). CTAs: Apply Now + conditional. Save (guest: localStorage, logged-in: endpoint). Persistent ad, disclaimer. Assessment count tracking. After 3: toast to create account. After 5: soft overlay. Deliverable: Complete modal system. Task 5: Logged-In User Flow On modal open: fetch profile. Fetch cached questions. Compare profile vs criteria. Filter unanswered. If 0: skip to Stage 2. After answers: POST to profile/update (silent). Profile strength mini-bar in footer. Deliverable: Logged-in integration. Task 6: Sign-Up Onboarding Flow Stage 1: 4-step form (multi-select, dropdown, level, goal). On complete: POST, set stage=1. Skip sets 1_skipped. Stage 2: 5 quick questions (education, employment, business, budget, skills). On complete: POST, set stage=2. Complete Later sets 2_partial. Stage 3: Toast at 50% strength. Complete links to /my-profile/. WhatsApp Opt-in: Input with country code. Add calls update. Maybe later shows again after 14 days. Deliverable: Complete onboarding. Task 7: Profile Strength Bar Calculate 10 fields. Locations: profile page (full), modal footer (compact), homepage (compact). Colors: red <50%, amber 50-79%, green 80%+. Milestone messages. Deliverable: Strength bar component. Task 8: Save for Later Event delegation on .btn-save. Logged-in: POST toggle, persist. Guest: localStorage toggle. After 3 guest saves: toast. LocalStorage to usermeta on login. Deliverable: Complete save system. Task 9: Homepage Personalisation (Matched For You) Logged-in: fetch profile → 3 parallel API calls filtered → populate 3 columns. Guest with localStorage: use stored. No profile: most-viewed 4 per CPT → "Trending This Week". Loading: skeletons. Error: retry. Deliverable: Personalised homepage. Only bid if you can complete these tasks. Start your bid with: **"I can do these tasks @ $[your best rate stated] Task 10: Content Removal Request Form JetFormBuilder fields: Full name, Email, Organisation, Content URL, Source URL, Reason (Copyright/Inaccurate/Other), Additional details, Evidence (file upload, 5MB). On submit: email admin, save CPT with status pending_review. Admin: Tools → Content Removal Requests table with status management. Deliverable: Form + admin interface. Source Attribution Block: Add to all 4 CPT single post templates. HTML: "Information sourced from [provider_name]. We do not claim ownership. Always verify on official site." Link to source_url. Min 12px, visible always. Deliverable: HTML/CSS component. Task 11: Assessment History Dashboard & Post View Counter Store results in wp_usermeta key platform7_assessments as JSON (max 20). Entry: {post_id, post_title, post_type, post_url, score, verdict, apply_url, assessed_at}. Dashboard: cards with title, badge, score dial, verdict, date, Apply Now, Re-evaluate. Sort recent first. Empty state. Install WP Post Views Counter. Configure: opp_course, opp_job, opp_scholarship, opp_bizfunding, post. Count guests + logged-in. Cookie-based. Document meta key (post_views_count). Deliverable: History dashboard + configured plugin. Budgets are tights, higher unrealistic interests would be ignored, state your best rate as stated in post.

Fix iPhone responsive layout issue on Framer site

My live Framer site (galileolifesciences.com) displays correctly on desktop, tablet, and in Framer's preview, but renders wrong on real iPhones: content appears in a narrow, left-aligned column with empty space on the right instead of filling the screen. Potential Root cause The Phone breakpoint is built on fixed 390px-wide shells (layout shell, page frame, header), so it can't stretch to fill wider iPhones. Some panes also use viewport-width (vw) sizing that behaves differently on iOS Safari. A key fixed-width constraint sits on a generated wrapper element that can't be reliably targeted from custom code. Important: I have worked through this extensively with Framer's built-in AI. It diagnosed the problem but was not able to fix it ; its attempts (custom CSS, and a runtime JavaScript resizing script) either failed or caused the layout to flicker. Framer AI itself concluded the clean fix requires editing the canvas structure directly, which is outside what it can do. So please don't rely on Framer AI for this, I need a human who works in the Framer canvas. What I need Rebuild the Phone breakpoint so the layout is genuinely fluid and fills any modern iPhone, with clean, consistent padding. Remove the vw-based sizing and fixed-width workarounds on mobile; no runtime JavaScript to size the layout if avoidable. Apply the fix across all affected pages (Home, Capabilities, Team, and any others sharing the structure). Leave Desktop and Tablet unchanged, and test on a real iPhone before handing back.

opportunity

UI/UX web designer & Frontend developer

Objectives: To ensure the complete migration of the application from React to Next.js. To restore any UI components that were missed during the migration process. To enhance the overall user interface and user experience of the application. To refactor and clean up the frontend structure for improved performance and maintainability. Key Features and Requirements: Address layout and responsive design issues for a consistent user experience across different devices. Implement thoughtful improvements to the ui/ux of the application. Identify and fix bugs and inconsistencies within the application. Collaborate on the implementation of new features as the project evolves. Technical Specifications and Technologies: The project requires a solid understanding of modern frontend technologies. Candidates should be proficient in: React, Next.js, Javascript, html, css, responsive design principles, ui/ux design techniques. Deliverables and Milestones: Complete restoration of all UI components. Resolution of all layout and responsive design issues. Refactored and cleaned-up frontend codebase. Documented bug fixes and updates. Expected Outcomes and Success Criteria: The success of this project will be measured by the following criteria: Completion of the migration with all features functioning as intended. Improved performance and maintainability of the frontend code. Positive feedback on ui/ux from end-users. Additional Details: We are looking for a developer who enjoys refining and improving existing products rather than starting from scratch. Deliverables Deliverables Complete migration of the web application from React to Next.js Updated and enhanced UI/UX design for the web application

Criar Website Institucional Responsivo para Empresa de Serviços

Descrição do Projeto: Estamos à procura de um freelancer experiente em web design e desenvolvimento para criar um website institucional moderno, responsivo e otimizado para uma pequena empresa de serviços. Objetivo: Criar um site profissional que apresente a empresa, os seus serviços e facilite o contacto com potenciais clientes. Escopo do trabalho: · Design moderno e alinhado com a identidade da marca · Website responsivo (desktop, tablet e mobile) · Páginas principais: Início, Sobre Nós, Serviços, Portfólio, Blog e Contacto · Formulário de contacto funcional · Integração com WhatsApp e redes sociais · Otimização básica de SEO (títulos, meta descrições, velocidade) · Painel de administração simples para atualizações futuras Requisitos técnicos: · WordPress + Elementor (ou tecnologia similar) · HTML, CSS e JavaScript básico · Conhecimento de boas práticas de UX/UI · Capacidade de entregar um site rápido e seguro Entregáveis: · Website completo e publicado · Acesso ao painel de administração · Breve formação/instruções para gestão de conteúdo · Suporte pós-lançamento por 15 dias Prazo: 2 a 3 semanas após aprovação do projeto. Orçamento: £300 – £600 (negociável conforme experiência e portfólio). Como candidatar-se: Envie a sua proposta com: · Portfólio de projetos similares · Prazo estimado · Valor do projeto · Tecnologias que pretende utilizar Daremos preferência a freelancers com boa comunicação, portfólio relevante e avaliações positivas.

Shopify Developer Needed – Theme Customization for Fashion Store

I am looking for an experienced Shopify developer to complete and customize my premium fashion and accessories e-commerce store. ABOUT THE BUSINESS This is a premium/branded fashion store focusing on: • Men's fashion • Women's fashion • Shoes • Bags • Premium/branded accessories The website is being built on Shopify using the Ella Shopify 2.0 theme, which has already been purchased and installed. PROJECT REQUIREMENTS I already have a clear design direction, page concepts and visual references for the website. I am NOT looking for a completely new website design. I need an experienced Shopify developer who can take the existing Ella theme and professionally implement/customize it to create a premium, modern, trustworthy fashion e-commerce store. The main pages/areas will include: • Homepage • Men's section • Women's section • Collection pages • Product pages • Shopping cart • Search • Product filtering/sorting • Contact Us • Delivery information • Returns & Refunds • FAQ • Terms & Conditions • Privacy Policy • Header and navigation • Footer DESIGN DIRECTION The website should have a: • Premium appearance • Clean and modern layout • Elegant/minimal style • Professional fashion-store feel • Strong product presentation • Clear navigation • Strong customer-trust elements I will provide reference designs/screenshots and detailed requirements to the selected freelancer. TECHNICAL REQUIREMENTS • Shopify 2.0 • Ella theme customization • Responsive desktop/tablet/mobile design • Shopify theme configuration • Basic HTML/CSS knowledge • Basic Liquid knowledge for minor customizations where required • Shopify e-commerce functionality • Basic SEO and performance optimization • Proper image optimization • Clean implementation • Avoid unnecessary apps where native Shopify/theme functionality can be used IMPORTANT This is primarily an Ella theme customization project. I am NOT looking for someone to build a Shopify theme from scratch. I also do not want the website overloaded with unnecessary apps or complicated custom coding. The finished website should remain easy for me to manage after development, including adding products, editing prices, changing images, creating collections and updating basic content. MOBILE EXPERIENCE Mobile optimization is extremely important. The website must look professional and function correctly on: • Desktop • Laptop • Tablet • iPhone • Android DEVELOPER EXPERIENCE Please apply only if you have genuine Shopify development/customization experience. Ella theme experience is highly desirable. Experience with fashion, clothing, accessories or premium/luxury e-commerce websites would also be an advantage. PLEASE INCLUDE IN YOUR PROPOSAL 1. Examples of 3–5 Shopify websites you have personally developed/customized. 2. Examples of Ella theme work, if available. 3. Your Shopify experience. 4. Your estimated price for the complete project. 5. Estimated completion time. 6. What is included in your quotation. 7. Number of revisions included. 8. Post-development support available. 9. Any additional costs I should be aware of. IMPORTANT – QUOTATION Please provide a clear quotation and specify whether your price covers the complete project or only specific pages/sections. I am open to discussing the project in stages if that is more suitable. I am looking for a reliable freelancer who can work with my existing Ella theme and turn the supplied designs and requirements into a polished, premium and launch-ready Shopify store. Please review the requirements carefully before submitting your proposal.

opportunity

Middle east or Europe-Based B2B Sales Partner for AI Projects

Europe-Based Sales / Business Development Professional We are looking for an experienced Europe-based Sales / Business Development professional to help us generate new clients and grow our AI Services, web development and digital services business across the European market. What We Need This role is strictly focused on business development and sales. We are not looking for developers or technical professionals for this position. You should have proven experience with: - B2B sales and lead generation - Finding and qualifying potential European/ Middle east clients - Cold email, LinkedIn outreach, and prospecting - Booking qualified sales meetings - Client relationship management - Sales follow-up and closing - Selling AI Services, web development, software, digital marketing, or similar services - Understanding European B2B markets and business culture/ Middle east culture Ideal Candidate You should: - Be based in Europe - Have previous European B2B sales/business development experience - Have an existing professional network or strong prospecting ability - Be confident communicating with European business owners and decision-makers - Be results-oriented and comfortable working on performance-based compensation - Be fluent in English; knowledge of another European language is a plus Our Services We provide professional: - AI Services and Development using LLM Models - Shopify, WordPress & WooCommerce development - Custom Next Js/PHP development - E-commerce solutions - Website maintenance - SEO and digital marketing - Custom web applications Compensation We are open to discussing a commission/performance-based partnership, with attractive commission potential for successfully acquired clients. This can become a long-term partnership for the right person. To Apply Please provide: - Your location in Europe - Years of business development/sales experience - Your experience selling web/software/digital services - Examples of clients or deals you have generated - Your preferred compensation/commission structure - How you would approach finding our first 5–10 European clients Please apply only if you have genuine business development/sales experience. Developers looking for technical work are not required for this position.