drahul97 / unbounce-clone Goto Github PK

For reference visit: https://unbounce.com/

• 1. Building landing pages section, For reference visit: https://unbounce.com/
• Heading and 2 paragraph (in Column)
• creating 3 sections in flex direction row
• Each row Section contains image ,heading, paragraph ,button with right arrow icon
• in button => after hovering border will come clockwise rectangle

---

• 2. Try to make the video or put a static image

---

• 3. Get more customers from every channel section
• Heading and 2 paragraph (in Column)
• creating 3 sections in flex direction row
• Each row Section contains image ,heading, paragraph ,button with right arrow icon
• in button => after hovering border will come clockwise rectangle

---

• 4.Create one container with img,h1,o,logo image

---

• 5. Create 2 sections
• on left video/image
• on Right => 2 sections in column, each section contains image and heading paragraph button with hover blue

---

• 6. The same requirement as the 5th point, just reverse left and right positions sections

---

• 7.. Create Container which contains heart image, heading, paragraph, buttons
• four buttons in flex direction row with hovering

---

• 8. Background blue section
• Container will be divided into 2 sections and each section have below tags
• heading
• paragraph
• buttons (hover)

For Reference visit : https://unbounce.com/

• Create 2 Sections
• On left => heading , paragraph, button
• font-size: 67px(heading), font-size: 19px(paragraph), button(hover color change)

For Reference visit => https://unbounce.com/

• Create 7 Sections
• On left 5 sections => Products, Solutions, Pricing, Learn, Contact
• On right 2 sections => Search icon ,Login , Start My Free Trail
• After clicking on the search icon it will enable an input box on the left horizontal scrolling
• In Product tab => After hovering, one container will pop-up with 3 sections
• 3 sections of the container are ,you can check on navbar sections => https://unbounce.com/
• After hovering on data that contains Sections, the text color will change to blue
• cursor should be a "pointer" in hovering sections

For reference => https://unbounce.com/

• Create 5 sections with names => Products, Solution, Company, Learn, Get In touch
• Products sections contains 11 subheadings
• Solutions sections contains 9 subheadings
• Company sections contains 4 subheadings
• Learn sections contains 7 subheadings
• Get In touch sections contains 5 subheadings
• In the last portions, 2 parts will be there first Copyright part
• second links with icons Twitter, LinkedIn, Instagram, Youtube and all

For Reference https://unbounce.com/product-selector/

• Create a container and divide two Sections
• on right sections => heading and image
• on Left sections => logo with text "unbounce"
• below logo create 2 buttons with hover
• need help? using anchor tag

---

• After click on Smart Copy it will redirect to another page https://app.unbounce.com/users/sign_in
• Try to create functionalities of Sign up using local Storage
• like new user and already user matching data
• two section will be there Email and Password (in blank input "This Field are required" msg will come