diff --git a/aboutUs.html b/aboutUs.html new file mode 100644 index 0000000..5d3ad51 --- /dev/null +++ b/aboutUs.html @@ -0,0 +1,32 @@ + + + + + + Document + + + + + +
+

HEADER

+
+ +
+
+

Sobre a plataforma

+
+ +
+ +
+
+

Sobre nós

+

Nós somos a equipe mySchneider da FIAP, composta por Leandro Cavallari, João Belluzo, Sofia Sawczenko, Gabriel Tavares e Breno Perrotti. Como estudantes apaixonados por tecnologia, unimos nossas habilidades para desenvolver uma rede social completa para a Schneider Electric. Ao combinar expertise em design, arquitetura de software, experiência do usuário e desenvolvimento frontend, criamos a plataforma "MySchneider". Nosso compromisso com a excelência e inovação nos motiva a continuar gerando soluções impactantes e com valor aos nossos clientes.

+
+

FOOTER

+
+ + + \ No newline at end of file diff --git a/css/aboutUs.css b/css/aboutUs.css new file mode 100644 index 0000000..17c16e3 --- /dev/null +++ b/css/aboutUs.css @@ -0,0 +1,18 @@ +.customHeadFontSize{ + font-size: 26px; + font-family: Varela Round, Sans-serif; +} +.customBodyFontSize{ + font-size: 18px; + text-align: justify; + font-family: Varela Round, Sans-serif; +} +.customBGC{ + background-color: #F9F9F9; +} +.customSectionBGC{ + background-color: white; +} +.customMargin{ + margin-left: 131px; +} diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..2a855f6 --- /dev/null +++ b/css/index.css @@ -0,0 +1,5 @@ +.customBodyFontSize{ + font-size: 18px; + text-align: justify; + font-family: Varela Round, Sans-serif; +} \ No newline at end of file diff --git a/css/perfil.css b/css/perfil.css new file mode 100644 index 0000000..c7d9af4 --- /dev/null +++ b/css/perfil.css @@ -0,0 +1,260 @@ +/* Header */ + +#headerprofile{ + display: flex; + justify-content: center; +} + +#ulconfig{ + display: flex; + flex-direction: row; + gap: 32px; + text-decoration: none; + list-style: none; + + @media (max-width: 1000px){ + display: none; + } +} + +.li-text{ + font-family: 15; + font-weight: 600; + color: #8F8F8F; +} + +/* Main */ + +.imgremove{ + display: block; + @media (max-width: 1000px) { + display: none + } +} +.imgremoveSMALLER{ + display: block; + @media(max-width: 600px){ + display: none; + } +} +.verTodos{ + display: flex; + flex-direction: row-reverse; + @media(max-width: 1000px){ + flex-direction: row; + justify-content: center; + } +} + +#imgmodifier{ + @media (max-width: 1000px) { + width: 150px; + height: 150px; + } +} + +#mainperfil{ + align-items: center; + display: flex; + flex-direction: row; + justify-content: space-evenly; + + @media (max-width: 1000px){ + flex-direction: column; + } +} + +#maincontainer { + width: min(75vw, 60rem); + display: flex; + flex-direction: column; + gap: 10px; +} + +.containercard { + display: flex; + flex-direction: row; + height: auto; + max-height: 100%; + border: 1px solid #E0DFDC; + border-radius: 8px; + + @media (max-width: 1000px){ + flex-direction: column; + } +} + + +#containerimgandfollowers{ + display: flex; + flex-direction: column; + width: 100%; +} + +#sizeandflex{ + display: flex; + flex-direction: row; + justify-content: space-between; + width: 100%; + height: 20%; + margin-top: 15px; + + @media (max-width: 1000px){ + flex-direction: column; + } +} + +#h1main{ + font-size: 35px; + font-weight: 600; + color: #000; + margin-left: 20px; +} + +#organizeimg{ + display: flex; + flex-direction: row; + gap: 10px; + + @media (max-width: 1000px){ + margin-left: 20px; + } +} + +#pmain{ + font-size: 14px; + font-weight: 350; + color: rgba(0,0,0,0.60); + width: 130px; + margin-top: 15px; +} + +#organizetexts{ + display: flex; + flex-direction: column; + padding: 20px; +} + +#pmain2{ + font-size: 16px; + font-weight: 350; + color: rgba(0,0,0,0.90); +} + +#pmain3{ + font-size: 14px; + font-weight: 350; + color: rgba(0,0,0,0.60); +} + +#pmain4{ + font-size: 16px; + font-weight: 400; + color: #626469; + width: 100%; +} + +/* Card 2*/ + +#containercardtwo{ + height: 255px; + border: 1px solid #E0DFDC; + border-radius: 8px; + + @media (max-width: 1000px){ + height: auto; + } +} +/*Card 3*/ +#containercardthree{ + height: 500px; + border: 1px solid #E0DFDC; + border-radius: 8px; + + @media (max-width: 1000px){ + height: auto; + } +} +#containercardthree_innerContainer{ + display: flex; + flex-direction: row; + height: 100%; + justify-content: space-evenly; + +} +#containercardthree_innerCard{ + height: 255px; + + width: 30%; + border: 1px solid #E0DFDC; + border-radius: 8px; +} +#InncerCard_Footer{ + height: 1px; +} +/* Achievements*/ + +.containerachievements{ + display: flex; + flex-direction: row; + justify-content: space-around; + + @media (max-width: 1000px){ + flex-direction: column; + } +} + +.containeritem{ + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 20px; +} + +.pachievements{ + font-size: 15px; + font-weight: 600; + text-align: center; + width: 200px; + color: #000; +} + +/* Card Super*/ + +.containersuper{ + display: flex; + flex-direction: row; + justify-content: space-between; + + @media (max-width: 1000px){ + gap: 24px; + justify-content: space-evenly; + } +} +.containersuperLenin{ + display: flex; + flex-direction: row; + gap: 20px; + @media(max-width: 1000px){ + justify-content: space-evenly; + } +} + +#containercardtwosuper{ + width: min(30vw, 50rem); + border: 1px solid #E0DFDC; + height: 568px; + border-radius: 8px; + + @media (max-width: 1000px){ + margin-top: 10px; + width: min(75vw, 30rem); + } +} + +.pcardsuper{ + color: #3DCD58; + font-size: 18px; + font-weight: 600; +} \ No newline at end of file diff --git a/img/background-img.png b/img/background-img.png new file mode 100644 index 0000000..81fc2e6 Binary files /dev/null and b/img/background-img.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..a0eb232 --- /dev/null +++ b/index.html @@ -0,0 +1,72 @@ + + + + + + + + + Document + + +
+ + + +
+ + +
+
+ + +
+
+ + + + \ No newline at end of file diff --git a/perfil.html b/perfil.html new file mode 100644 index 0000000..ff50613 --- /dev/null +++ b/perfil.html @@ -0,0 +1,252 @@ + + + + + + + + + Perfil + + + + + + + + + + + + + +
+ +
+ + +
+
+ +
+ + +
+
+

Joana Ramos

+
+ +

189 seguidores

+
+
+ +
+

(ela/dela)

+

Estagiária de Recursos Humanos • São Paulo, SP

+

+ Estagiária de 19 anos na Schneider, atualmente sou graduanda de Psicologia. Vinda de uma família humilde do norte da capital paulista, tenho sido uma presença ativa nas redes sociais. Visualizo na Schneider uma + valiosa oportunidade para transformar minha vida e impactar positivamente o mundo, alinhando-me plenamente com os nobres ideais da empresa. +

+
+ +
+ +
+ + + +
+

Conquistas

+
+
+ +

Mais de 10 cursos concluídos

+
+ +
+ +

Liderou um Projeto

+
+ +
+ +

Iniciou uma ação de caridade

+
+ +
+ +

Logou por mais 30 dias seguidos no MySchneider

+
+
+
+ + +
+

Publicações

+
+
+
+
+
+ +
+
+
+ +
+ +
+ +
+ + +
+
+

Meus Amigos [54]

+ +
+ + + + + +
+ +
+ + + + + +
+ +
+ Ver todos > +
+ +

Minhas Comunidades [4]

+ +
+ + + + +
+ +
+ Ver todos > +
+
+ +
+
+ + + + + +