diff --git a/src/index.html b/src/index.html index ba9cff5..5f4794c 100644 --- a/src/index.html +++ b/src/index.html @@ -184,43 +184,55 @@
-
- Steven Strange - Steven Strange - DoctorS +
+ Steven Strange +
+

Steven Strange

+

DoctorS

+
-
Pixelbuddha Suspendisse sodales - sem est, - in scelerisque felis scelerisque in. Aenean faucibus mollis risus. Praesent sit amet erat eget - eros. +
+
+ Pixelbuddha Suspendisse sodales sem est, + in scelerisque felis scelerisque in. Aenean faucibus mollis risus. Praesent sit amet erat + eget + eros. +
2 hours ago
-
- Steven Strange - Steven Strange - DoctorS +
+ Steven Strange +
+

Aemiliana Alejo

+

alejo

+
-
Pixelbuddha Suspendisse sodales - sem est, - in scelerisque felis scelerisque in. Aenean faucibus mollis risus. Praesent sit amet erat eget - eros. +
+
+ Pixelbuddha Ut enim ad minima veniam, quis nostrum + exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi + consequatur. +
-
2 hours ago
+
3 hours ago
-
- Steven Strange - Steven Strange - DoctorS +
+ Steven Strange +
+

Melpomeni Étaín

+

etain

+
-
Pixelbuddha Suspendisse sodales - sem est, - in scelerisque felis scelerisque in. Aenean faucibus mollis risus. Praesent sit amet erat eget - eros. +
+
+ Pixelbuddha Nor again is there anyone who loves or pursues or + desires to obtain pain of itself. +
-
2 hours ago
+
4 hours ago
diff --git a/src/js/script.js b/src/js/script.js index a14307f..9c9ee62 100644 --- a/src/js/script.js +++ b/src/js/script.js @@ -14,6 +14,7 @@ $(document).ready(function () { $('.reviews__content').slick({ nextArrow: '', prevArrow: '', - auto: true, + autoplay: true, + autoplaySpeed: 4000, }); }); diff --git a/src/scss/_author.scss b/src/scss/_author.scss new file mode 100644 index 0000000..f86121a --- /dev/null +++ b/src/scss/_author.scss @@ -0,0 +1,41 @@ +.author { + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; +} + +.avatar { + width: 85px; + height: 85px; + border-radius: 50%; +} + +.author__details { + margin-left: 23px; +} + +.author__name { + margin: 0; + padding: 0; + font-family: Montserrat, sans-serif; + font-size: 24px; + font-weight: bold; + color: $primary-dark; +} + +.author__nickname { + margin: 0; + padding: 0; + font-family: Montserrat, sans-serif; + font-weight: 600; + font-size: 16px; +} + +.nickname { + color: $primary; + + &:before { + content: '@'; + } +} \ No newline at end of file diff --git a/src/scss/_reviews.scss b/src/scss/_reviews.scss new file mode 100644 index 0000000..596d5e8 --- /dev/null +++ b/src/scss/_reviews.scss @@ -0,0 +1,24 @@ +.reviews { + margin-top: 85px; +} + +.review { + padding-bottom: 50px; +} + +.review__content { + margin-top: 40px; + font-family: Source Sans Pro, sans-serif; + font-size: 20px; + color: #333333; + text-align: center; +} + +.review__date { + margin-top: 30px; + font-family: Montserrat, sans-serif; + font-size: 16px; + font-weight: 500; + color: $regular-text; + text-align: center; +} \ No newline at end of file diff --git a/src/scss/style.scss b/src/scss/style.scss index 024146e..9007376 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -1,8 +1,10 @@ @import "variables"; @import "buttons"; @import "global"; +@import "author"; @import "navbar"; @import "header"; @import "download"; @import "editor"; -@import "about"; \ No newline at end of file +@import "about"; +@import "reviews"; \ No newline at end of file