A single page website, mobile responsive (HTML, CSS, Javascript, PHP)
€30-250 EUR
Kiszállításkor fizetve
A single page website which must be mobile responsive (please see the attached wireframe diagrams).
The web page needs to contain the following elements:
• A square logo aligned in the top center.
• A div underneath the logo which will contain 3-4 lines of text, center aligned.
• The bottom of the page will contain three buttons:
o Clicking the first button opens up a modal, this will contain 2-3 paragraphs of text
o Clicking the second button opens up a modal, this will contain 2-3 lines of text and an email field with a "Submit" button where visitors can input their email in order to subscribe to a mailing list.
o Clicking the third button opens up a modal, this will contain 2-3 lines of text and a text box where visitors can write 1-2 paragraphs of text, and a “Submit” button. When the visitor presses the “Submit” button, the text they entered is emailed to an email address.
All three modals will have an “X”/small div in the top right corner to close it, alternatively the visitor can press the “Esc” key to close the modal.
Given the limited space on mobile screens the following is how the page needs to appear and function on Desktop, and then on Mobile (Please see the two attached wireframes, one for Desktop, and one for Mobile):
On Desktop:
• The main area of the page (body) will contain a box, divided into 4 triangles as shown in the Desktop wireframe template. When the visitor moves their cursor anywhere over a triangle, or clicks anywhere on a triangle, a line extends from the exact point in that triangle that is shown on the wireframe diagram. This line extends out and a rectangular image appears to unroll from it. The unrolling effect I would like can be found here: [login to view URL] The extending lines and unrolling images are represented as blue in the wireframe diagram.
Importantly, only 1 line and image can be shown at a time. So, if the visitor moves their cursor over the top black triangle, then a line should extend from it and an image connected to the line unrolls, but if the visitor then moves their cursor to a different triangle then the first line and unrolled image disappears, and the second line and unrolling image appears, etc.
The unrolled image/rectangle will remain on the screen unless the visitor moves their cursor over a different triangle. If the visitor clicks on the unrolled image then a modal appears on screen, this modal contains 2-3 paragraphs of text displaying information related to the unrolled rectangle that was clicked on, and an “X” button in the top right corner. The “X” button closes the modal, alternatively the visitor can close the modal with the “Esc” key.
On Mobile:
• The main area of the page will contain a box, divided into 4 triangles as shown. When the visitor clicks on a triangle, instead of a line extending from the triangle, a modal will appear on screen. This modal will contain 2-3 paragraphs of text containing information about the triangle that was clicked on. Therefore, different information will appear on the modal dependent on which of the four triangles is clicked on. These modals will contain an “X” button in the top right corner. The “X” button closes the modal, alternatively the visitor can close the modal with the “Esc” key.
Projektazonosító: #29755679
A projektről
Odaítélve:
Hi there, I checked the images you attached and read the brief details of your project. I can build you complete Responsive website as per your instructions. I'm ready to start right now, please talk to me if you're in Továbbiak
36 szabadúszó tett átlagosan 190€ összegű árajánlatot erre a munkára
Hi, Hope you are well, we have best team in our company we can give you best work on time just contact us for more detail Regards
Hi Hope you are doing well I've gone through your posted job description for building/designing you a Single page website. I am Web developer and Designer having 5+ years of website development and design. I have deli Továbbiak
Respected Sir! Thanks for reviewing my cover letter. I am Mohmmad Farhan more than 6 years experienced in PHP / MYSQL / AJAX /JQUERY / JAVASCRIPT / CSS3 / HTML / HTML5 / WordPress / Woo-commerce/ Plugin development. Továbbiak
❤️❤️ Hi, there. ❤️❤️ As a professional web developer, I am very interested in this job. I have read the job description carefully and check the attached images. I am confident to complete this perfectly because I have Továbbiak
Hi. I am a senior javascript engineer with 7+ years experience. So far, I have worked on various types of project such as Q&A, CRM, Video Streaming, etc. I gained almost javascript framework and I have rich expereinces Továbbiak
Hi, Nice to meet you! I have read your requirements carefully and I am very interested in your project. I am confident of this project as I'm a professional web development, basic languages. I have also team of graphic Továbbiak
Hey, Nice to meet you. I'm a Web Expert that has encountered over 7 years. So I can develop the website that you need. I'll give you quality work as indicated by your directions. I can start your project immediatel Továbbiak
Hello! I am expert in this field. If you hire me maybe you will save money and time. I will complete your project with ample experience, kind service, and perfect product quality assurance. To complete the project.... Továbbiak
Hi I am really interested in this role. Your tech stack looks like something I'd be very comfortable with So I think we'd be a good match! As you know, great people come up with good ideas and move them into reality t Továbbiak
Hi, there Looking through the description, it seems that you're looking for a frontend expert. I have a deep knowledge and vast experience in responsiveness & user-friendly UI I am fully available to start to work imme Továbbiak
I am very interested in your job. I am talented Web developer and developing is important role in my life and business We build websites that build your business I Have 11 years hands on experience, I am professional Továbbiak
Hello I have read your requirements carefully and I am very interested in your project. i am an experienced full stack web developer, with over than 6 years of experience i will do your request to Responsive your Webs Továbbiak
