diff --git a/5/assets/img/1b8e02b8e5512add87be4876daf3d9ce.png b/5/assets/img/1b8e02b8e5512add87be4876daf3d9ce.png new file mode 100644 index 0000000..5d46af4 Binary files /dev/null and b/5/assets/img/1b8e02b8e5512add87be4876daf3d9ce.png differ diff --git a/5/assets/img/417d66413488cfcee2e9ff52bd88b3c3.png b/5/assets/img/417d66413488cfcee2e9ff52bd88b3c3.png new file mode 100644 index 0000000..69ba3b0 Binary files /dev/null and b/5/assets/img/417d66413488cfcee2e9ff52bd88b3c3.png differ diff --git a/5/assets/img/edf2c9e9123f9912811abe2f770867da.png b/5/assets/img/edf2c9e9123f9912811abe2f770867da.png new file mode 100644 index 0000000..00ab22b Binary files /dev/null and b/5/assets/img/edf2c9e9123f9912811abe2f770867da.png differ diff --git a/5/css/style.css b/5/css/style.css index 9679b4e..6b7a202 100644 --- a/5/css/style.css +++ b/5/css/style.css @@ -4,7 +4,7 @@ box-sizing: border-box; font-size: 100%; list-style-type: none; - font-family: 'Open Sans', sans-serif; + font-family: 'Open-Sans', sans-serif; } @font-face { font-weight: 400; @@ -18,11 +18,121 @@ } @font-face { font-weight: 400; - font-family: sans-serif; + font-family: Open-Sans; src: url(../assets/fonts/OpenSans/static/OpenSans_Condensed-Regular.ttf); } @font-face { font-weight: 700; - font-family: sans-serif; + font-family: Open-Sans;; src: url(../assets/fonts/OpenSans/static/OpenSans-Bold.ttf); +} +.customers { + margin-top: 20px; +} +.container { + max-width: 1200px; + margin: 0 auto; + padding: 0 15px; +} +.section-titile { + text-align: center; + text-transform: uppercase; + font-size: 36px; +} +h2 { + font-family: Raleway; + font-weight: 400; +} +.section-titile::after { + content: ""; + width: 170px; + height: 1px; + background: #EC7979; + display: inline-block; + margin: 40px auto; +} +.section-subtitle { + text-align: center; + margin-bottom: 83px; + font-size: 18px +} +p { + font-family: Raleway; + font-weight: 400; +} +.item-list { + display: flex; + justify-content: center; + padding-bottom: 83px; + /*flex-wrap: wrap;*/ +} +.item { + max-width: 370px; + margin-left: 15.5px; + margin-right: 15.5px; + text-align: center; + +} +.item:first-child { + margin-left: 0px; +} +.item:last-child { + margin-right: 0px; +} +.coment { + padding: 38px 25px; + background-color:#E2E2E2; + border-radius: 10px; + position: relative; +} +p.comment-text { + color: #86878B; + font-family: Raleway; + font-size: 18px; + font-weight: 400; +} +.coment::after { + content: ""; + position: absolute; + bottom: -20px; + left: 20px; + width: 0; + height: 0; + border-left: 25px solid transparent; + border-right: 25px solid transparent; + border-top: 50px solid #E2E2E2; +} +.person { + max-width: 370px; + display: flex; + margin-top: 46px; + align-items: center; +} +/*.photo { + justify-content: left; + +}*/ +img.comment-photo { + width: 70px; + height: 70px; + border-radius: 100px; +} +.info { + margin-left: 30px; + flex-direction: column; + /*align-items: flex-start;*/ +} +p.name { +font-family: "Open-Sans"; +font-size: 24px; +font-style: normal; +font-weight: 700; +padding-bottom: 18px; +} +p.position { +font-family: Raleway; +font-size: 18px; +font-style: normal; +font-weight: 400; +text-align: left; } \ No newline at end of file diff --git a/5/index.html b/5/index.html index 4ba757a..8dbee72 100644 --- a/5/index.html +++ b/5/index.html @@ -7,6 +7,74 @@ What out customers - +
+
+
+

what our customers are saying

+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+
+

+ Lorem ipsum dolor sit amet, + consectetur adipisicing elit. Doloribus + accusamus expedita repellat similique + odio aspernatur ex, architecto eaque + quo suscipit. +

+
+
+
+ +
+

Davis Rhiel Madsen

+

Manager

+ +
+
+
+
+

+ Lorem ipsum dolor sit amet, + consectetur adipisicing elit. Doloribus + accusamus expedita repellat similique + odio aspernatur ex, architecto eaque + quo suscipit. +

+
+
+
+ +
+

Jaydon Rosser

+

Manager

+ +
+
+
+
+

+ Lorem ipsum dolor sit amet, + consectetur adipisicing elit. Doloribus + accusamus expedita repellat similique + odio aspernatur ex, architecto eaque + quo suscipit. +

+
+
+
+ +
+

Cooper Dorwart

+

Manager

+ +
+
+
+
+
\ No newline at end of file