Build Responsive component

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.

Skills: CSS, HTML, HTML5, Javascript, jQuery / Prototype

See more: build payment processor add oscommerce, build component, build joomla15 component, styled components responsive, react responsive styled components, responsive components, create responsive website in react, react responsive grid, react-responsive tutorial, react-responsive npm, react bootstrap responsive, add read write files txt file visual studio, build add friend component joomla, create small size google add banner, joomla build quiz component, build responsive, build responsive design web page, build responsive website, best outsourcing service to build prototypes on the web, build responsive mobile app freelancer

About the Employer:
( 5 reviews ) FULLERTON, United States

Project ID: #18658594

9 freelancers are bidding on average $27 for this job


Hello, I think my ability is just Suitable for your job and I will complete your Project perfectly, you will get satisfied result… I have Skills in PHP, HTML5/CSS3, JavaScript, jQuery, ajax, Bootstrap, converting PSD More

$68 USD in 4 days
(223 Reviews)

Hi... We are iWeblane Software, We have read your project description and can see the requirements. We can Build Responsive component. Please award us the project so that we can discuss it more. Our team has 6 More

$25 USD in 1 day
(21 Reviews)

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, More

$35 USD in 2 days
(0 Reviews)
$10 USD in 2 days
(0 Reviews)

Hello, Please share the test details. We are ready for the test. Kindly award us the project to get started. We are a group of young, enthusiastic web developers and designers with experience of 10+ years in the More

$25 USD in 2 days
(0 Reviews)

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 More

$20 USD in 1 day
(0 Reviews)

You can see my work at It's not adaptive, but I used SASS and JS to develop it.

$29 USD in 3 days
(0 Reviews)

Hello Hiring manager, I'm shady agamy a User interface web developer with a 2 years experience in this field. I know most of recent front end web technologies. kindly visit my portfolio to see my previous work => h More

$25 USD in 1 day
(0 Reviews)

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 Reviews)