adalab / project-promo-r-module-1-team-9 Goto Github PK

Tasks

• Add team name
• Add nav menu for Team, Who We Are and Contact

• Task 1
• Task 2
• Task 3

VALUE

Someone visiting our site could have a better experience regardless of the device

RESOURCES

Images in different sizes

Tasks

• #4
• #5
• #6
• #7
• #8
• #9
• #10
• #11
• #12
• #13
• #14
• #15
• #16

Files

VALUE

A contact form offers a quick way to contact the adalabers

CONTEXT

Lucy is working in her startup in Google for Startups Campus Madrid and finds out about Adalab. She researches about the initiative because she's looking for a junior front-end developer for her startup. She finds the web page made by a group of adalabers and uses the contact form to get in touch with them.

RESOURCES

Hero photo
Description text

Acceptance criteria

• Contact form header - mobile
• Contact form description - mobile
• Contact form - mobile
• Contact form footer - mobile
• Contact form header - tablet
• Contact form description - tablet
• Contact form - tablet
• Contact form footer - tablet
• Contact form header - desktop
• Contact form description - desktop
• Contact form - desktop
• Contact form footer - desktop
• Published online

DoD

• Published in GitHub Pages

Files

Tasks

• Create semantic tags
• Link css styles with HTML
• Link fonts for icons/logos and images
• Create header
• Create hero
• Create main
• Create white indent
• Create section for team
• Create section for Strengths and Weaknesses
• Create section for Who We Are
• Create footer

Tasks

• Items need to be a row position
• Team claim needs to be align left of the page
• Create background for the picture

Tasks

• Pictures of us has to be displayed alternatively align left and right
• Text has to be displayed on the right of images aligned to left, and displayed left of images aligned to right
• Social media icons has to be displayed below text

Tasks

• Images need a bigger margin left and right

Tasks

• Add white dent to separate sections
• Add Lorem Ipsum to fill space

Tasks

• Both texts have to be displayed side by side
• The white indent has to be displayed in the middle of the texts

Tasks

Name of team needs a bigger margin left
Nav items need a bigger margin right
Image/background has to occupy all the screen

Tasks

• Team name and copyright have to be displayed aligned left
• Adalab logo displayed bellow team name
• Nav menu displayed as column, and align right

Tasks

• Pictures of us has to be displayed alternatively align left and right
• Text has to be displayed on the right of images aligned to left, and displayed left of images aligned to right
• Social media icons has to be displayed below text

Tasks

• Image/background-color needs to occupy all the screen
• Team claim has to be aligned left

• Task 1
• Task 2
• Task 3

Tasks

• Add Who We Are
• Add Lorem Ipsum text
• Add image of the team
• Add social media icons
• Make icons as links that direct user to social media

Tasks

• Both texts need bigger margins left and right

Tasks

• Add image that defines the team
• Add team claim

Tasks

• Add line to separate content from main
• Add name of the team and copyright
• Add menu to navigate
• Add Adalab logo

Tasks

• Image/background color has to occupy all screen
• Team claim needs a bigger margin left

Tasks

• Create a link on GitHub Pages to publish the page online
• Add link to Description of the repository

VALUE

Someone in the Internet could meet the adalabers and be willing to hire them.

CONTEXT

A tech recruiter is using Twitter to find candidates for a major client looking for front-end developers. Suddenly she come up with a tweet from @Adalab_Digital that links to a website created by the current students, the adalabers. The recruiter opens the website and finds out about the adalabers team and their contact info. She adds them to a front-end developers database and will contact them after the course.

RESOURCES

• A group name
• A group claim
• A group photo
• A group description
• Group strengths and weaknesses
• Group members info: name, photo, social links
• Mobile design

Tasks

• #31
• #32
• #33
• #34
• #35
• #36

Files