marshallepie / iai-fund-dev

Funding page model.

0 stars 0 forks source link

Add "Our Specialties" Section to the Landing page #2

Open mainangethe opened 3 years ago

mainangethe commented 3 years ago

This section falls immediately after the hero/home section.

Properties - Desktop

White background
Title
Sub title
A rounded rectangle with a gradient (top to bottom linear)
3 sections inside the rectangle. They are running across (1 Row, 3 columns)
Each section with a (icon, title, paragraph)
Several Elements are animated

Properties - Mobile

Section grid changes (3 Rows, 1 column)

Time

Estimated: 4 Hours

mainangethe commented 3 years ago

Dev Notes

Notes on building the section

Time Taken

Estimated Time: 4H
Actual Time: 4H 46M

Issues Found from Template Conversion

Highlight section background gradient had to be sacrificed for a solid bg

Device Browser Tests

Tested on:

Desktop: W10, Chrome Version 88.0.4324.104 (Official Build) (64-bit)
Mobile: OnePlus 6 Android Version 10

Screenshots

Desktop Preview with Animation
Mobile Preview

02-Our-Specialties-on_mobile