diff --git a/src/app/app.component.html b/src/app/app.component.html index 4fb4c3f..4758744 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -3,3 +3,9 @@
- Angular 11 + Rick and Morty GraphQL API. - Using apollo-angular + Angular 11 + Rick and Morty GraphQL API. Using apollo-angular @nguniversal/express-engine, apollo-angular, express, graphql, ngx-infinite-scroll, ngx-toastr.
- Developed by Meraki Developer -
+ diff --git a/src/app/components/pages/about/about.component.scss b/src/app/components/pages/about/about.component.scss index e6c34a7..e1dbfdb 100644 --- a/src/app/components/pages/about/about.component.scss +++ b/src/app/components/pages/about/about.component.scss @@ -6,9 +6,45 @@ section.about__page{ &__container{ display: flex; margin-top: 2rem; + flex-wrap: wrap; + justify-content: space-between; + } + &__paragraph{ + max-width: 50%; } &__copy{ text-align: end; } } } +.social__media{ + display: flex; + // flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + margin: 25px; + .fa{ + padding: 10px; + font-size: 30px; + width: 50px; + height: 50px; + text-align: center; + text-decoration: none; + margin: 5px 2px; + color: white; + &:hover{ + // opacity: .7; + transition: all .5s ease-in-out; + transform: scale(1.3); + } + &-twitter { + background: #55ACEE; + } + &-linkedin { + background: #007bb5; + } + &-github{ + background: #1f2225; + } + } +} diff --git a/src/assets/imgs/web_dev.svg b/src/assets/imgs/web_dev.svg index 4a6c461..0289a15 100644 --- a/src/assets/imgs/web_dev.svg +++ b/src/assets/imgs/web_dev.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/favicon.ico b/src/favicon.ico index 997406a..1e94923 100644 Binary files a/src/favicon.ico and b/src/favicon.ico differ diff --git a/src/index.html b/src/index.html index d66b133..049eb14 100644 --- a/src/index.html +++ b/src/index.html @@ -2,7 +2,8 @@ -