From 5c19eb00f52ddf93745bb698e8fec4ff34f700bf Mon Sep 17 00:00:00 2001 From: Uliana Seredenko Date: Sun, 24 Mar 2024 15:50:49 +0200 Subject: [PATCH] opinion-section completed --- src/css/styles.css | 60 +++++++++++++++++++++++++++- src/images/companies/BigSpring.png | Bin 0 -> 2692 bytes src/images/companies/Clearbit.png | Bin 0 -> 1511 bytes src/images/companies/Mine.png | Bin 0 -> 2028 bytes src/images/companies/Shake.png | Bin 0 -> 2164 bytes src/images/companies/Tonkean.png | Bin 0 -> 2574 bytes src/images/symbol-defs.svg | 35 ++-------------- src/index.html | 62 ++++++++++++++++++++++++++++- 8 files changed, 122 insertions(+), 35 deletions(-) create mode 100644 src/images/companies/BigSpring.png create mode 100644 src/images/companies/Clearbit.png create mode 100644 src/images/companies/Mine.png create mode 100644 src/images/companies/Shake.png create mode 100644 src/images/companies/Tonkean.png diff --git a/src/css/styles.css b/src/css/styles.css index bed71a0..15209b9 100644 --- a/src/css/styles.css +++ b/src/css/styles.css @@ -64,10 +64,11 @@ ol { background-repeat: no-repeat; background-size: 1440px; */ width: 100%; - height: 696px; + min-height: 696px; margin: 0 auto; - background-image: linear-gradient(to bottom, #fff, #e2f1ff); padding-top: 20px; + background-image: linear-gradient(to bottom, #fff, #e2f1ff); + clip-path: polygon(0 0, 100% 0, 100% 83%, 0% 100%); } .navigation { @@ -465,3 +466,58 @@ ol { width: 600px; height: 400px; } + +/** + |============================ + | OPINION SECTION + |============================ +*/ +.opinion-section { + padding-bottom: 205px; +} + +.main-opinion-container { + margin: 0 auto; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + min-height: 700px; + max-width: 964px; +} + +.opinion-heading { + text-align: center; + font-size: 24px; + color: var(--black-text); + margin-bottom: 32px; +} + +.feedback-container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.man-image { + border-radius: 50%; + margin-bottom: 32px; +} + +.opinion-p { + font-size: 16px; + font-weight: bold; + margin-bottom: 64px; +} + +.opinion-list { + display: flex; + gap: 91px; +} + +.skewed { + clip-path: polygon(100% 6%, 100% 83%, 0 100%, 0 25%); + background-image: linear-gradient(to bottom, #f9f0ff, #e2f1ff); + z-index: -1; +} diff --git a/src/images/companies/BigSpring.png b/src/images/companies/BigSpring.png new file mode 100644 index 0000000000000000000000000000000000000000..7b0a1bffb8cb7881df9c83e904cc22017499a380 GIT binary patch literal 2692 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 N002ovPDHLkV1gnY%me@c literal 0 HcmV?d00001 diff --git a/src/images/companies/Mine.png b/src/images/companies/Mine.png new file mode 100644 index 0000000000000000000000000000000000000000..237ad7cedc0a575209ec859fbfc3d029aca663c0 GIT binary patch literal 2028 zcmV-P)keopF?`jfq0->TL`IXrp79nbdoFI_Y?%%}|h$oPoz}XWl zR#_SeOz-M#AH&%g?Cl*tk7JSJT(mbg*M4K?V0ZWU zVJ72sUc7kvmsuW$huJ%K{DIZfM!ABKVtH(QxiBLUuHaA!AjT>Nh_vnywR!9cp zET;we_U-Y*UQe{>HYj3@pju)Du;o+35>;YFVR{lbRL*>zRz3ihQS*y z;!F4!f;HnfZd59bkBf``-{4iN75Cno&(yxQy}jP5RvT-s(DCf@@s9>*36v%0b2Z4g z1)OJcjP*&tFlPRzw4CMXa)Nus$$`s5G|^fZsjaP* z1EV}p%}B6*4%&=hgXp8!?Xo8M!w<}{sO~-0<@7UcPMuAU?7~6@#%O3Wq^H92>^}}m zxK8jun%8f*<)l#^&y#{hISEg4u1rn(let z$P;y<;fS>f`!l8>vd1; z$*{Uk;E?~jGi<5l3jk@YSq+oGk()h$@Wa8Vv>-D=q>Xx>&Z$3+|EbbLuSa6b(ti%9X7U@+;|q<#nVd!#onc8K7Jlsn8q}M}jD#opM<+ zEx1t+=F5Wdnx-nE23(hA03#QSMY1^nN*P_l;X3MvK(;jvW}l6+195zoH3Fyrr!Dao zRA`uJ*sx(s0|+w$!;yz^BMnXZRVqgX&tr$GQ}*uN+dnhoh|P-Iw|fWVH;3w7IY|xN zh#2Qi1ZAgbq})COye`CWJ3BIE4C}WdG*__T5uFut0|@YredL7|eSP`Ty^x{Nz=<-A z3=9fWzAgCwvJ*iDqA7o=pX=rfq(3XUhO%N-VkMK|`HhWqacWbR%oz}=gMZs;KT(^V zf1$a(mYPpNm(F9z=7kQPrfF*i5th3ogjdvof^z0{O}MeKI`Aai00W^fOME{LSH}=| zlFA(WMPn3T*eE9fYO##&oQ7;Bz{r_%AlENPm$3nczW@5Qe`3%A57K+MD9;+>XhJ{R z^`cD!!mTO6wZYM~U(F+SA#mqQ$b5!u{yFrEqdp$M|Aw!xesvi0f#!OifX6^VgV%y! zu?wdEYtjVZ2;NHKNMMJ#+4n-Z0A<*4s*(j=#TN}VhXP9|jxQ}NcpphVWWfCh_0VRb zsxa*#1FV5?O^-oGV5SA6EL2!7ORiDzxG|XR`?<+<5=hSE=ve^6M#r*6xB06wWS9fV zWSNACuP;gT2@R#(%b-mvtMqI6P(F8rX8=SxJ0^3wcCs9ruAkhT15%b78!IPl4$#+; znjGuu3>mnWBDm#Yx|7f$F$wn3pv-MVTJk4z(s^Vd1FbQ8dw&pJNDJ=P$(%yEF)|Z2 zUBc%7hDzl)mp=6(72R2IQjW>TJck?YkBd4fPPYNHa-3iZ5k-6!kR&j%MCKX35eZW7@>{b%!NfBJ2_g zs)O%fWZ}bUEj-#A_w=#y`qIHH;Ot)jXo39PBx&ROY;N!1y5Ju~T_wTcEN|if0000< KMNUMnLSTaUbmiRu literal 0 HcmV?d00001 diff --git a/src/images/companies/Shake.png b/src/images/companies/Shake.png new file mode 100644 index 0000000000000000000000000000000000000000..7340698878c57132e35e4a29f62336193433f211 GIT binary patch literal 2164 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 literal 0 HcmV?d00001 diff --git a/src/images/symbol-defs.svg b/src/images/symbol-defs.svg index 0486529..69abd13 100644 --- a/src/images/symbol-defs.svg +++ b/src/images/symbol-defs.svg @@ -8,18 +8,18 @@ - + - + - + - + @@ -37,33 +37,6 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/index.html b/src/index.html index d21fbd1..1b057bd 100644 --- a/src/index.html +++ b/src/index.html @@ -4,7 +4,7 @@ Page title - + Data-driven pipelines in minutes -
+ + +
+
+
+

+ "What I love about Qubly is the easy way we can collaborate even + if there is a lot of people involved in the process" +

+ + +
    +
  • + Company name - Tonkean +
    • +
  • + Company name - BigSpring +
    • +
  • + Company name - Clearbit +
    • +
  • + Company name - Mine +
    • +
  • + Company name - Shake +
    • +
+
+
+
+ +