Completed

Animated Double-Sided Accordion w Flip

GOAL: Design an animated, double-sided accordion with a modern, interesting UI. Each expanded text box can flip to show more details, including another accordion. This will be a prototype for presenting information on a new website.

Often, there will be more text on SIDE TWO. Therefore, when the flip occurs, the text box must be able to both enlarge (beyond the borders of the SIDE ONE box) and to center itself on the page – with an X to collapse and close it.

The attached document describes in detail how I visualize the animated accordion working.

The deliverable I need at the end of this project…

o A short demo video to show how the accordion functions

o The code – which will be used in a new website. Coding must be clean and good.

o A fully functioning work sample that includes SIDE ONE and SIDE TWO. I will provide the text to the project winner.

After this project: I hope to continue working with the winner of this project to create the rest of the website. When it is done, it will be maintained by our internal tech department.

IMPORTANT: I am open to ideas/suggestions about how to achieve this goal. Below is how I visualize it working.

Skills: HTML5, Javascript, CSS, jQuery / Prototype, Graphic Design

See more: double sided print ready pdf, double sided flyer, double sided business cards indesign, design double sided business card, double sided tag template, software tri fold double sided, double sided flyer printing, print double sided fake money, vb6 crystal double sided printing, photoshop double sided graphics, double sided business cards layout, lay double sided business cards indesign, free designing double sided business cards, double sided club flyer, charge brochure tri fold double sided, indesign double sided business card

About the Employer:
( 32 reviews ) Pittsburgh, United States

Project ID: #20212029

Awarded to:

MagicGuy

I'm seeing a couple solutions to your accordion menu animation... ...It looks like you want an accordion menu that activates a pop-up window for viewing information (with animated page turn)... ...I can build it wit More

$75 USD in 3 days
(10 Reviews)
3.5

22 freelancers are bidding on average $105 for this job

BaNgan

Hi, Recently I have created this roulette effect: [login to view URL] I can send the video about it in the update. Regarding to your project, I think all points are clear, just one thing to confirm is the side 2 More

$100 USD in 7 days
(344 Reviews)
7.4
idragon712

Hello. I have read the description of your project and I am great interested in your job. I am a senior web developer with more than 7 years of experiences. I have worked on similar projects to what you are looking fo More

$88 USD in 7 days
(40 Reviews)
6.7
oneginaalyona

Greetings! I am very thankful for this chance because I have a similar kind of expertise and work experience. [login to view URL] https://www.freelancer.com/u/oneginaalyona I would like to point out that my bid amount is More

$100 USD in 7 days
(36 Reviews)
6.4
CrazyWebGuru

Hi there, I just checked your proposal. I am Senior Developer with 6+ years strong practical experience in building various kinds of web projects. Here are some my eCommerce integrating app. - [login to view URL] More

$87 USD in 3 days
(68 Reviews)
6.5
Designladz

Hello there, I have checked your project details and would love to design your Animation. We are one of the leading graphic design and web development studio having a vast experience of designing logos, infographics, b More

$400 USD in 7 days
(82 Reviews)
6.5
AndreiVldmrvch

Hello client. I read carefully your proposal. I am a professional web and full stack developer. * No Upfront-Amount needed to Begin your Project * Ready to Start as Immediate, Unlimited Revisions & Proper Testing * Ke More

$100 USD in 2 days
(29 Reviews)
5.8
anithanatesan5

S H O W M E Hi there I would like to do this project Let me know if you are interested in my profile Thanks....

$100 USD in 4 days
(131 Reviews)
6.0
ludwig333

Hello, Nice to meet you. I am a full stack and full-time developer with 5 years of experience on freelancer.com. I read your detail carefully and I hope you discuss with me for your project. Please don't hesitate to te More

$75 USD in 7 days
(51 Reviews)
6.2
romansokolv708

Hello.there. How are you? I read your description carefully and am very interesting in your project. I can start right now and can help you. I have much experiences and also have good skills about your project. So it i More

$90 USD in 7 days
(21 Reviews)
5.3
phantom1222

Hello. I have read your job description carefully and I am very interested. I am Web expert with rich experience of 10+ years and so I have professional skills for your project. My communication is very good in Englis More

$100 USD in 7 days
(12 Reviews)
4.8
zhenggeche

Hello I have just read your job description and have fully understood what you want in this project. As you can see my profile, I have expertise in front-end such as JavaScript, HTML5/CSS3, jQuery, Bootstrap, Scss/le More

$100 USD in 10 days
(10 Reviews)
4.5
bluebear1888

Hi! Nice to meet you!............. I have over 7 years experience of web development. I can successfully completing many projects from simple project to complex. As a full-time workers, I can work 50 hours per week. I More

$88 USD in 7 days
(24 Reviews)
4.9
vitroinfotech

Dear Project Manager, Thanks for the feature Job. We have gone through your requirements and we are highly interested in this project!. We can provide a very best solution so you can earn business from the site Here a More

$100 USD in 3 days
(16 Reviews)
4.2
lzx0102

Welcome to your job! I've just read your requests with interest. I have rich experiences and flexsible skills in all kinds of web-applications especially React.js, Angular.js, Node.js, Vue.js as well as Laravel and CI. More

$90 USD in 5 days
(13 Reviews)
4.1
shivangioffc

Hello, After reading your offer this looks like a perfect fit for my skill sets. I have built a large number of creative designs /Development for different businesses. My name is anjali and I am an Indian web Develo More

$75 USD in 7 days
(27 Reviews)
4.6
sharktiger

Hi. I am very interested to your project and ready to start right now. I have read your project requirement carefully. I can meet your requirement Give me one chance to work for you, will sure give you 101% high quali More

$90 USD in 3 days
(15 Reviews)
4.5
uelionobre

Dear client! Thank you for your job posting. I have read your description carefully and I am very interested in your project. I have lots of experience like that before. I have been working for 9 years as an Web deve More

$80 USD in 7 days
(14 Reviews)
4.0
anjalisinghoffc3

Hello, After reading your offer this looks like a perfect fit for my skill sets. I have built a large number of creative designs /Development for different businesses. My name is anjali and I am an Indian web Develop More

$75 USD in 3 days
(16 Reviews)
3.6
emhobeo

Hi My skill: create and edit video. I make motion, intro, outro, promotional, explain video Check video I have done here: [login to view URL] I make 2d and 3d video More

$100 USD in 7 days
(7 Reviews)
3.7
Addeelahmed

★★★★★ Hello, I hope you are well. I have read your project and have seen your attachment and I am pleased to tell you that I can create an attractive video for you with a flexible budget. I will start working right More

$100 USD in 7 days
(1 Review)
2.8