ID.me Landing Page Template

To get started, fork and clone this repo. Then use the following directions to make any desired alterations. Alternatively, you can copy and paste the index.html and style.css file contents into your own project code.

Altering the hero image

• Change image: Navigate to line 2 in style.css and alter the image url to your desired image

Altering the hero image text overlay

• Change text: Navigate to line 13, 14 and 15 in index.html and change the text to your desired copy
• Change font color: Navigate to line 13 in style.css and alter the color
• Change font size: Navigate to line 14 in style.css and alter the size value
• Change font style: Navigate to line 15 in style.css and alter the font style

Altering the sub-header text

• Change text: Navigate to line 22 in index.html and change the text to your desired copy
• Change font color: Navigate to line 33 in style.css and alter the color
• Change font size: Navigate to line 31 in style.css and alter the size value
• Change font style: Navigate to line 32 in style.css and alter the font style

Altering steps text

• Change text: Navigate to line 27, 34 and 41 in index.html and change the text to your desired copy
• Change font color: Navigate to line 74 in style.css and alter the color
• Change font size: Navigate to line 72 in style.css and alter the size value
• Change font style: Navigate to line 73 in style.css and alter the font style

Altering FAQ title

• Change text: Navigate to line 46 in index.html and change the text to your desired copy
• Change font color: Navigate to line 80 in style.css and alter the color
• Change font size: Navigate to line 82 in style.css and alter the size value
• Change font style: Navigate to line 81 in style.css and alter the font style

Alter the FAQs

• Starting at line 50 in index.html you can edit or change the existing FAQs by changing each respective summary and ul tag to your desired copy
• To add a FAQ: In index.html you can copy line 74 to line 80 and paste that directly below line 80 Note: Be sure to move the line of code on line 81 to the next line by hitting enter
• Change font color: Navigate to line 100 in style.css and alter the color
• Change font size: Navigate to line 98 in style.css and alter the size value
• Change font style: Navigate to line 99 in style.css and alter the font style