Sunteți pe pagina 1din 1

Task-uri Boboci

1. Creează un nou folder în folderul "pages" numit "myprofile".


2. Creează o nouă pagină în folder-ul de mai sus numită "myprofile.js".
Trebuie facute conexiune astfel incat sa ajungi la aceasta prin calea:
adresaSite/myprofile
3. Pentru a creea conexiunile, o poți face accesând "App.js" și importând
acolo noua funcție creată în "myProfile.js".
4. Adaugă pagina să poata fii accesată și din navbar.
5. Adaugă un text pe primul rând care să fie conectat la o clasă:
- textul trebuie să fie centrat pe mijloc
- textul trebuie să fie de lungime de 30px
- textul trebuie să fie italic
- textul trebuie să aibă o culoare aleatoare
6. Împarte pagina în 4 secțiuni după modelul de mai jos:
1 2
3
4
PS: Folosește Row / Col sau Grid System (Le gasesti pe net: "React Bootstrap
Row and Col" sau "Grid System").
7. Pe prima secțiune (1) adaugă o imagine cu tine (daca nu vrei, alege ceva
random de pe net). Imaginea trebuie să fie pusă într-un folder diferit în "Assets".
8. Pe a 2-a secțiune (2) adaugă o descriere despre tine (daca nu vrei,
adauga ceva aleator de tip Lorem Ipsum). Folosește ce font, mărime, culoare,
etc vrei.
9. Pe secțiunea a 3-a (3) adaugă un carusel cu 3 imagini aleatoare, care
apar în același folder ca cel de la secțiunea (1). Caruselul îl poți găsi căutând pe
net "React Bootstrap Carousel".
10. Pe secțiunea a 4-a (4) adaugă orice îți dorești tu, ceva relevant
(Consideră-l un task creativ și adaugă ceva ce consideri tu că ar fi interesant să
înveți).

S-ar putea să vă placă și