---
# System prepended metadata

title: Untitled

---


Front end react 

### Style Guide
**font-family:** 'Inter', sans-serif;
**properties:**

**Buttons backgrounds** : `#56C870` , `#ffff` , `#173b3f`,

**Text**: black, or `#fff`,`#132128`
    color: rgba(0,0,0,.8);
    font-family: georgia,serif;
 
    font-weight: 400;
**body , button  , textarea ,input , select**
color: #132128;
    font-family: 'Inter',sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
 
 
 ### component and pages
 ##### components
 **common component**
*  NavBar
*  Button
*  Footer
*  Slider (inspir in two page / trused in twp page)
*  header
 
  **Pages**
*   Home page(Technologists)
*   Clients
* Enterprise
* About Us
* login
* register
* find work page
* page for each silder topic (3 pages)
* page for each related topic (6 pages)

**
## Icons 
Fontasome 
**
## imges in the site 

**logo img **
https://andela.com/wp-content/uploads/2022/03/AND-Logo-Lockup-White-RGB-300x79.png
**Header imges**
* (https://andela.com/wp-content/uploads/2022/03/header.jpeg) //home page
* (https://andela.com/wp-content/uploads/2022/03/annie-spratt-AkftcHujUmk-unsplash-2.jpg) // clientc page
* (https://andela.com/wp-content/uploads/2022/03/toby-osborn-ilHo9qgDEGY-unsplash-scaled.jpg) //inspire page
* (https://andela.com/wp-content/uploads/2022/03/about-banner.jpg) // about page

**Find Work page image**
https://signup.andela.com/static/talent-guy-1-48a0a876998025c9c184a2366f70fcf1.png


**sign up **
https://client.andela.com/assets/global/img_person_onboarding.png

**login **
https://client.andela.com/assets/global/img_person_login.png



**Home page img**
* https://andela.com/wp-content/uploads/2022/03/shutterstock_1660490494-1024x683.jpg
* https://andela.com/wp-content/uploads/2022/03/shutterstock_1696088776-1024x683.jpg
* https://andela.com/wp-content/uploads/2022/03/shutterstock_1653288229-1024x683.jpg
* 
**slider img in home page  **
* https://andela.com/wp-content/uploads/2022/03/shutterstock_1241581108-1536x1024.jpg
* https://andela.com/wp-content/uploads/2022/03/shutterstock_1862846512-1536x1075.jpg
* https://andela.com/wp-content/uploads/2022/03/african-american-young-programmer-working-remote-f-2022-03-25-18-49-53-utc.jpg

**clients page**
* https://andela.com/wp-content/uploads/2022/03/Visual-1.png

https://andela.com/wp-content/uploads/2022/03/3-1.png
* https://andela.com/wp-content/uploads/2022/03/1-10.png

* https://andela.com/wp-content/uploads/2022/03/section-bg-image-1536x810.jpeg
* https://andela.com/wp-content/uploads/2022/03/new-york-city-midtown-manhattan-2021-08-26-16-02-25-utc.jpg

**enterprise page**
* https://andela.com/wp-content/uploads/2022/03/1-1-1.png
* https://andela.com/wp-content/uploads/2022/03/Visual-2.png
* https://andela.com/wp-content/uploads/2022/03/section-image-7.png
* https://andela.com/wp-content/uploads/2022/03/section-bg-image-1536x810.jpeg
* https://andela.com/wp-content/uploads/2022/03/shutterstock_1241581108-1-1536x1024.jpg
* https://andela.com/wp-content/uploads/2022/03/shutterstock_1910023657-1-1536x1024.jpg
* https://andela.com/wp-content/uploads/2022/03/section-image-3.jpg
* https://andela.com/wp-content/uploads/2022/03/section-bg-image-1536x810.jpeg
**
**About page**
* https://andela.com/wp-content/uploads/2022/03/Image-from-iOS.png
* https://andela.com/wp-content/uploads/2022/03/smiling-young-african-american-business-woman-work-2021-08-28-04-34-28-utc.jpg

**User stroy**
* As a user i want to login.
* As a user to create account (sign up).
* As a user i want to fill form to find job esaily.
* As a user i want to see footer to show more details  about andela serivces and  communction way by facebook,instagram,and more.

**user story in home page **
*  AS a user i want to see introduction about andela site in header.
* As au user i want to see set of sections conatine a advicess to help me waht i looking for.
*  As au user i want to show the skills  are in demand.
*  As au user i want to make connection with global network and interational opportunities.
*  As au user i want to show a set od advicess to success.
*  As au user i want to show a articles to get inspire.
 
**user story client page**
* As au user i want to i want to regiorous vetty for talent from mulirple regions
* As au user i want to see the world leading componaines here in andela
* As au user i want to  build my team by deicover telent ,and work with anyone want.
* As au user i want to  build a brilliant team quickly.
* As au user i want to see andela articles to discover how leading compaines here build.
* As au user i want to see section to help me to find a right fir for my business by Schedule a call with technologists.

 **Enterpris page user story**
* As au user i want to  help me to build a world class team by Schedule a call or watch on overiew
* As au user i want to Elevate my business with in demand skills
* As au user i want to Scaling me team globally
* As au user i want to section to show  Why the world’s best talent prefers Andela
* As au user i want to Experts from around the world help me scale up or down based on my team’s changing needs.
* As au user i want to help me to Build my brilliant team quickly.
* As au user i want to help me add value to my business by  Discover their global neighborhood of technologists.
 **about page user story**
*  As a user i want to know more about the serveics of the site
* As au user i want to  to know what andela means to us section
*  As au user i want to see their investor
* As au user i want to  see achivement things
* As au user i want to  section to join the andela site 

## Issues
* NabrBar cpmponent
* Button common Component
* Header Common component
* Silder Component
* Home page
* About page
* Enterprise page
* finde work page
* login cpmpoent
* register component
<!-- * silder topic1 page 
* silder topic2 page 
* silder topic3 page 
* Related topic1 page 
* Related topic2 page 
* Related topic3 page 
* Related topic4 page
* Related topic5 page 
* Related topic6 page  -->
* footer component
