Find Jobs
Hire Freelancers

Build Responsive component

$10-30 USD

Closed
Posted about 5 years ago

$10-30 USD

Paid on delivery
The purpose of this test is to see how well you can code a responsive component using HTML, CSS, and JavaScript. Matching the design is equally important as writing clean, semantic code. -- 2 ## Rules * It's very important to match the design. This component came out of a project and is indicative of the type of work you'll encounter. * JavaScript must be hand coded using Vanilla ES5/ES6+. * Please do not use any JavaScript plugins, frameworks, or libraries (React, jQuery, Lodash, etc.). * Must work bug-free on iOS, Android, Chrome, Safari, Firefox, Edge, and IE11+. * If you choose to use some sort of CLI compilation, include a compiled folder so that the HTML file can be dragged directly into the browser. * Upload a zip file to Dropbox, Google Drive, or any other semi private storage service. Please do not post this on a public repository such as Github. ## Bonus * Write OOP JavaScript. * Add CSS transitions to accordion and tab events. * Create accordion + and - icons with pure CSS. * Use SASS or LESS or any other preprocessor. ## Design Notes * Font used is Open Sans Bold and Regular. * Tablet/Desktop PSD should account for any view larger than 767px. * If you do not have Photoshop, either download a trial version or view the attached `jpgs` for reference.
Project ID: 18658594

About the project

9 proposals
Remote project
Active 5 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
9 freelancers are bidding on average $27 USD for this job
User Avatar
Dear sir, I am passionate front-end developer with 3 years of experience in web technologies. i have read your project description and attached file. I think I can do that work for you with best quality ASAP. Besides, I have two simple question about one thing that isn't on your project description. Do you want your page responsive to all screen sizes ?? Can I use bootstrap for your project ?? Here is the breakdown of how I will done this. -Create a HTML file and CSS file for building block and styling. - Create a javascript file for making it more interactive. This is how I will complete your project. If it sounds interesting please let me know. Best regards Abul Kalam Azad
$35 USD in 2 days
0.0 (0 reviews)
0.0
0.0
User Avatar
Hello I'd really want to develop your web pages Immediately after hiring me and I can deliver it within a few days. Pages will be responsive and pixel perfect and also I want to make you 100% satisfied for my work and write for me good feedback. I have developed many websites (you can check Attachments and my profile to see some of them) and the ability to develop wanted page as needed. I will Make it responsible for most popular browsers such as Chrome, Firefox, Opera, Edge, and Safari. the website will work on all devices including desktop/mobile/tablet/iMac. I will enrich page with suitable css3 and html5 new features. the scrolling behavior will be very smooth and nice. HTML will be W3C Validated. I will do my best for your project and you will be 100% satisfied. Well, I guess that's about me for now! I look forward to working with you! Regards, Ahmed
$20 USD in 1 day
0.0 (0 reviews)
0.0
0.0
User Avatar
You can see my work at http://krikun.proagent.info. It's not adaptive, but I used SASS and JS to develop it.
$29 USD in 3 days
0.0 (0 reviews)
0.0
0.0
User Avatar
Hello Sir I have experience in web design. I can design your page according to your requirements. This is my first project on freelancer. Please give me a chance I will Do my best Thank You
$10 USD in 1 day
0.0 (0 reviews)
0.0
0.0

About the client

Flag of UNITED STATES
FULLERTON, United States
5.0
5
Payment method verified
Member since Sep 19, 2017

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.