From 62f8d7f11c389d90f7e7b5443c08b0d4035901ba Mon Sep 17 00:00:00 2001 From: MatacheAlexandru <111695999+MatacheAlexandru@users.noreply.github.com> Date: Wed, 3 Apr 2024 00:13:57 +0300 Subject: [PATCH 01/66] Update package.json --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index efbc9f63d06..59334f4cec9 100755 --- a/package.json +++ b/package.json @@ -2,10 +2,10 @@ "name": "parcel-project-template", "version": "2.0.0", "description": "", - "homepage": "https://goitacademy.github.io/parcel-project-template", + "homepage": "https://github.com/MatacheAlexandru/Project-TeamWork.git", "scripts": { "start": "parcel src/*.html", - "build": "parcel build src/*.html --public-url /parcel-project-template/" + "build": "parcel build src/*.html --public-url /Project-TeamWork/" }, "repository": { "type": "git", From 973a0dabaa60e93230e09d57af838d967ec43db6 Mon Sep 17 00:00:00 2001 From: Iri20 <158469763+Iri20@users.noreply.github.com> Date: Mon, 8 Apr 2024 21:22:55 +0100 Subject: [PATCH 02/66] Products --- src/partials/images/ice-coffee.jpg | Bin 0 -> 5477 bytes src/partials/images/ice-cream.jpg | Bin 0 -> 10613 bytes src/partials/images/milkshakes.jpg | Bin 0 -> 10713 bytes src/partials/images/products-svg.svg | 21 ++++ src/partials/products.css | 138 +++++++++++++++++++++++++++ src/partials/products.html | 77 +++++++++++++++ 6 files changed, 236 insertions(+) create mode 100644 src/partials/images/ice-coffee.jpg create mode 100644 src/partials/images/ice-cream.jpg create mode 100644 src/partials/images/milkshakes.jpg create mode 100644 src/partials/images/products-svg.svg create mode 100644 src/partials/products.css create mode 100644 src/partials/products.html diff --git a/src/partials/images/ice-coffee.jpg b/src/partials/images/ice-coffee.jpg new file mode 100644 index 0000000000000000000000000000000000000000..d5df89efab2cbde569f09e314e59a8228a48c07e GIT binary patch literal 5477 zcmc&&hgXwLvwuPdDM30)XiAZm5TpnMqy#~FRS+SdlmJqscN9gs2uKMXDI!%65FsEX z^csqQbg6=LDN=6q_5JR5|AM=7W_Qla{$}<$`|OPP?t0ss(!fb&TZ z2^gULOLT-03|u4-7+?Wd0cHZT0Nem4aG5}y1W6pY0`UK3aX<@z0@4Kjr`G~h0DV9i zKoD4;Ao~IqfDwT#2vQW_3AhkA3Mc}S2~-4(0^PtUh?PLz^#9)rIBy2%DL@e*7h(_( zKtvBBrU#w36227#5Q7K}_)h~75tERTkrPw|!+*2{;g8{b0-z=a0YqS8FhO;C<-aHV zl^Lrv!-M}<4}y4gjp<~s9BP<259{4<`!5s0Cnt>g0Bh1U+n-z3xAJRu;cOYPWJ=>k zfD_B^>@EAmYy9;j_a#%UZCh?)b7aZol*4&9({*#tg5uTqQSI@Wt(aPY+?4D*OCbP| z-1-Yxj(t{|u^jzPRjR;ijQ+~fEh$imgRg%1B8JK&8t z=rYks-}4u%E5#n-lmE4X7`p5=%jMa29eo)WKy50xX^R07U%I+y&>vd6~AmV^`r2-S17IbB~^PTnWlRe{#`XW zlT&G+b9Um=K5l;n>#M2fURjl6l-6l$YHD9cWjR0`FOcTByn;Iotm*glTbP!W zY5L=Uw{2tR@R%55>&$Y0Z`!^Wdq328w1^LYm%J~jcH6iuvzcb5Ia1s%dNPu-y0qHY z87lwlFk{S1IJ)vToGgPjH)@=P?XXfV62r2BLw*0V<3YSK2F>dQQ~ zlHu|ctN!@3!)??J8{34|cK?KzPb>qd=Nb!InSX+J`Pr1e0r;Xs0b%@i@Uk z+qE7K+oDzGuIY~z554Y6-RY5RskT~>0q9I>diH)DDLXb1p#7f@>LHM<7DWJiG9_!k z{IycP>itN!nZC75qF9EXeteAIf|-F}c!bx^ewH8?X#BemqQ(pAO!yf9`rR4j-LK}{ z{e^&3i<6Mw&_SfOX%ElE2&RmHYbEbuzV4;&Zgz`Kt$LFxf~MA7ybgArj|UUZ3WR*X zM{d$J1`!OHzV#U0*exyBxNR($ZqwZw~uQVnDm`UiXOe%qIu(XhM*8c+H#m=H5<`6n81S-#6` z`F?xc=MkdUp04}$<~IDdC|~5Qn%UmQ%Ub`&wGZr`l8{`o7@N5o^W!fH09_2mZ{ga1qmA|yv?FhE2E0+CRVkdlB%f2%=606j6uMQ+$l zQZNG-4^$5&uIL&Upx?W~ZyT;Qn94yF62=mVss4G&$*1Y9i&dk_4TqcI7t3hFg?BsD zj_I377KaxntZ}_Pr(CzbGz)0aseG?fEdj4T_MGK=nk8X=nQ_bkgGo6>>b5?I)4qA2 z`#faVLVVuCn1RozHEX+am%T3?zuKwETitmMbfhK?uVJc27qg_f7Jn|n9q?emXEwq& z8aypu6tDYG4qAj(%#U}MaQCm%8|f((1(O3(ppnA%@kLa3l5wV#9p*3wVbgG{H!w$_ z-j3B7@UQ-qS5?P#)2Zh43EHD>BY?W>%j~zD2cz~?Sy4Qb2ai+Ww!>#`_8(R(sE|j zamwI15GFB!_TNuDRS*aU1n7o5?mjQK9eJ%(ThFamlAw7MX;3-cc}d3PG52B>zmmJ; zqgQSlv(46^(9 zxe&D#LRQ8#A9-fwKvbgp)G$kz;kb#E>I^md;M1Ek%TZ}YN%HBSJIg^&k1|I-%siJY zPj4+|f8R){e(I@n&*l4jmx*@TM(&E)=pi=bS=U+o-QczBGCMVn1-!({Gy{4@we2g# zGSTVQBB}XJ&360UZ}6z5h~nA-0j^%YJosx6)l2D_q)b6vP8eH3Z*^!K_T(q-O$8T& z4Vavp!r(|HOF`htT`+8I91C4w>OTq>&M}qhQ6$PdT2DiYwEM+$!Lm_ zm(dIUm+q}WC(={MMqY$8Si|awmZpBte~HX?NgoWOv(t(4u=fxNIXu*%2aymV4D^!i zhYml^QC@ka6+em)3{YYaWzcK6Na6c4LI;uKHKrF^C$u5#lxIP~LZ5b`o8tat`Eumg z;BiUV`j8A+i2fvWlnL^eqHMxESZ@7XBulr}0tG(%tM^O^Z zXSf|_dMA&>JJ@YQF`-E4H|o32zCBu1h6fU+G2?*syv3`rhgq-~f4|z^92^VGGcu)k zA_FoaYN7WXZ6v{qm9wvEf1v5J-PruFB~Crddh<1t%?J*fXk2Pzx$qUgB<=R@98lnC z6}YmKa`{sw#P(C@Vc-^PPVPh1iRzNX%Doi0BS^z^tw`viw4rRPR#q15y-atK_#7Ki z_VXE5`TiU< zl-!TwbX{#8GA7!DDA%l&)v7~JmXu{hWE+_b7?#WIf6S)MGaQ^^;6hn8qt-e?nn*^V z3az~_Mf;%sT4$lWExG`yp-(9I$*(%Oh71oZx$6;4pjQ1ii)NvQ7x>tKp|vb|6ROGQ zOI)FYVXeIOBcHEu>{2BV)`rX1TuDpr`+^nk2#xFb5uvWD*#*n}8EuA4;M}{Byjf;P z^Ffu7-0#xH0&*YXSB zr#TO&=S zc*jwOYV>rJDAjoBlDA-}+|tTdX>GmaofI=}fX5l}DZc}<)glfbyaqaMM<;nnEMx}d zbc)3}Cmv1A(55t~Ly)|!0n5bSMRTux(=QfgEn>3MJmSz;FB&Fg6N0|J3AVoR&RhEzSu3Mg^meeEwP3ChxWWR=!#pWmG;9)eh1PE& zl_ZAiQN*WV3yPdzj?)W{Yr02MSF+uk=%(c`RbJ|?#HW{{9m#Btkj{b1wI_gbxnh%aBz3U z=>V}GD=KvJxznAG1&|9nH{_l55n+A9rK8kOCp()R_(vUs9e1$Bn(HF*mdED%@El`2 zD6l+ET*lBwuS&68-cnYB#wh%yppbS zktE1V!fM$&jCjEV@bn18>cJHd(#opoX{!gAj($X`E}2-cY=W7k(r+#{{&`2mcZ8Jc zIgoq~Tsp~!G;Q5j^FQ^JkG}nDbH|Y#3U<_?xD-kPtq>||0*ikbn??ldeYjiXPuMFtsrZ71s-c)4lWG@d3f*VCq|N|h6Q zkLkRW{%i z1>K5uj_ux&e=fu%_n$2yqX%ahbIEIiyYIBwyW z9tWFmf1zJCv&VwB;`wg7dP!r!o2w`R(??h38ZHzd}(Z5-#%+Q;{sebMF{1&AU&bTCL$#!CjIxF;!k-F=HiBt zT!bp#MDd90xrV@%{?y}yI$i3@=n2*qNA6`U)ekAVKgHr@{R=1TFQ)(wqdw8sty+& z7k!)NEgD#+8>^n)-q6_A(kO>H{;c=&t_z>qkbnQ#%b~8*w z71W(e#8L67doDqpVtBUM_;DEL*F_A@TiU$;@#lp!%GYR@giA8YGg4B*!pwg4x*+S0 z(8#Mg1zHQb^eVkQq512^5WrbvM)7HI;^?)vP~T zI2jdWn%H!TesJWKMelD}N|bAdFh2*b>GK$tioQ%v_IVq^4+$074>F{un|*7399zhy z6f=m{e{ftK)mQp6EH||;W$2oV;mERU)IkB;#{B0y#SRGtjYaIFw|0=iX-v{_pKrcS z*I0E`y{huo%m7C-kmZ@-dZD^U)nztNoE~v&@tcOhE#f!Cn zW)N^d2r)fnil$ERDn{G8$wbb+_cFh~fUF(BGp@&l^Zim_`8D1ekE+~!ID^5CwLJJJ zR4w?`ZM|XV9KfufSZqExlckcd8~0kqc27yBCfIGnr-&Xlh;uadUzd?Fc=!tH{-};T-nV_q^Tu cbqz7o!FeoKReMfNEEc621wTn`ww;gv50$IEC;$Ke literal 0 HcmV?d00001 diff --git a/src/partials/images/ice-cream.jpg b/src/partials/images/ice-cream.jpg new file mode 100644 index 0000000000000000000000000000000000000000..ba2e153ff9c56a99825a37b1bc7e24046cb162ce GIT binary patch literal 10613 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 literal 0 HcmV?d00001 diff --git a/src/partials/images/products-svg.svg b/src/partials/images/products-svg.svg new file mode 100644 index 00000000000..c0dec3078ae --- /dev/null +++ b/src/partials/images/products-svg.svg @@ -0,0 +1,21 @@ + \ No newline at end of file diff --git a/src/partials/products.css b/src/partials/products.css new file mode 100644 index 00000000000..6dfa97dd6f5 --- /dev/null +++ b/src/partials/products.css @@ -0,0 +1,138 @@ +:root { + --font-dm-sans:"DM Sans"; + --font-titan-one:"Titan One", sans-serif; + --background-section2-section3-rozDeschis: #FFB8CA; + --background-section2-roz-inchis: #FFA5BA; + --background-section3-section7-bej: #F0D1A5; + --background-section3-section7-verde: #C2E297; + --backround-sec4-sec5-sec7-sec8-rozAlbit: #FFF5F6; + --bacground-buttonWhite-sec1-sec2-sec4-sec7: #FFFFFF; + --background-buttonRed-section2-section7: #D41443; + --backgoundSVG-footer: #FEA5BB; + --background-modal: #E18298; + --underline-color: #E1E1E1; + --font-color-white: #FFFFFF; + --font-color-red: #D41443; + --font-color-pink: #FFA5BA; + --font-color-footer-Grey: #907E82; +} + +@font-face { + font-family: "DM Sans"; + src: url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap'); +} + +@font-face { + font-family: "Titan One"; + src: url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap'); +} + +.container { + width: 1200px; + margin: 0, auto; +} + + +.title-products h3{ + font-family: var(--font-titan-one); + color: var(--font-color-pink); + font-weight: 400; + font-size: 30px; + letter-spacing: 0.04em; + text-transform: uppercase; + text-align: center; +} +.title-products h2{ + font-family: var(--font-titan-one); + color: var(--font-color-red); + font-weight: 400; + font-size: 58px; + letter-spacing: 0.06em; + text-transform: uppercase; + text-align: center; +} +.card-products { + display: flex; + text-align: center; + + +} +.card h3 { + font-family: var(--font-titan-one); + font-weight: 400; + font-size: 30px; + letter-spacing: 0.04em; + text-transform: uppercase; + text-align: center; + color: var(--font-color-white); + padding-top: 165px; + +} +.card p { + font-family: var(--font-dm-sans); + font-weight: 700; + font-size: 16px; + line-height: 1.76; + letter-spacing: 0.04em; + text-align: center; + color: var(--font-color-white); + padding-top: 32px; +} + +.points { + padding-top: 16px; + +} +.arrow { + width: 38px; + height: 40px; + border-radius: 50%; + background-color: #FFFFFF; + color: var(--font-color-red); + margin-top: 32px; +} +.card1 { + position: relative; + +} + +.card { + width: 368px; + height: 796px; + margin-left: 32px; +} +.card1 { + background-color: var(--background-section2-section3-rozDeschis); + border-radius: 24px; + width: 368px; + height: 535px; + +} +.card2 { + background-color: var(--background-section3-section7-bej); + border-radius: 24px; + width: 368px; + height: 535px; + +} +.card3 { + background-color: var(--background-section3-section7-verde); + border-radius: 24px; + width: 368px; + height: 535px; + +} + +.card-products { + +} + +.card { + + +} + +.img1 { + +border-radius: 50%; +} \ No newline at end of file diff --git a/src/partials/products.html b/src/partials/products.html new file mode 100644 index 00000000000..98301954968 --- /dev/null +++ b/src/partials/products.html @@ -0,0 +1,77 @@ + + + + + + + Producst + + +
+
+
+

100% natural

+

products

+
+ +
+
+ ice-cream +
+

ice cream

+ + + + + + +

Indulge in our rich and creamy ice
cream, handcrafted with all-natural
ingredients and available in a
variety of flavors.

+ + + + +
+
+ +
+ ice-coffee +
+

ice coffee

+ + + + + + +

Refresh and energize with our
perfectly brewed iced coffee, made
with high-quality beans and served
over ice.

+ + + + +
+
+ +
+ milkshakes +
+

milkshakes

+ + + + + + +

Satisfy your sweet tooth with our
thick, made with premium ice
cream, topped with whipped cream
and your favorite toppings.

+ + + + +
+
+ +
+
+
+ + + From 32f699255f51cf552f6ee45a1f6843d3e2c0eaad Mon Sep 17 00:00:00 2001 From: Mihaela <26812755+ellamm@users.noreply.github.com> Date: Tue, 9 Apr 2024 16:56:10 +0300 Subject: [PATCH 03/66] Add Contact Part contact part html+css+modal(not complete, but optional) --- src/images/contacts-section-divider.png | Bin 0 -> 138 bytes src/index.html | 1 + src/modal.js | 14 ++ src/partials/contacts.html | 166 ++++++++++++++++ src/sass/contacts.scss | 253 ++++++++++++++++++++++++ src/sass/index.scss | 1 + 6 files changed, 435 insertions(+) create mode 100644 src/images/contacts-section-divider.png create mode 100644 src/modal.js create mode 100644 src/partials/contacts.html create mode 100644 src/sass/contacts.scss diff --git a/src/images/contacts-section-divider.png b/src/images/contacts-section-divider.png new file mode 100644 index 0000000000000000000000000000000000000000..030cf14550db3f9c7a5032ab0ad7614031b8cc74 GIT binary patch literal 138 zcmeAS@N?(olHy`uVBq!ia0y~yU{nCInK;;hVM%xNb!1@J*w6hZkrl|7_jGX#sbGA2z>yIs$zq^#{mZJ3hnq_$ f={B$jGx+lExample title + diff --git a/src/modal.js b/src/modal.js new file mode 100644 index 00000000000..45ca0c69a1f --- /dev/null +++ b/src/modal.js @@ -0,0 +1,14 @@ +(() => { + const refs = { + openModalBtn: document.querySelector("[data-modal-open]"), + closeModalBtn: document.querySelector("[data-modal-close]"), + modal: document.querySelector("[data-modal]"), + }; + + refs.openModalBtn.addEventListener("click", toggleModal); + refs.closeModalBtn.addEventListener("click", toggleModal); + + function toggleModal() { + refs.modal.classList.toggle("is-hidden"); + } +})(); \ No newline at end of file diff --git a/src/partials/contacts.html b/src/partials/contacts.html new file mode 100644 index 00000000000..8bb4f1c3e2b --- /dev/null +++ b/src/partials/contacts.html @@ -0,0 +1,166 @@ + + + + + + + contacts + + +
+
+
    +
  • +
    +
    Cafe
    +
    +

    Chicago

    +

    + Handcrafted coffee, baked goods, and premium ice cream. +

    +
    + line-separator +
    +

    Monday - Friday

    +

    06:00 AM - 10:00 PM

    +

    Saturday - Sunday

    +

    08:00 AM - 16:00 PM

    +
    + line-separator + +
    +
  • +
  • +
    +
    Food Truck
    +
    +

    Los Angeles

    +

    + Fusion cuisine and refreshing ice cream made with passion. +

    +
    + line-separator +
    +

    Monday - Friday

    +

    06:00 AM - 10:00 PM

    +

    Saturday - Sunday

    +

    08:00 AM - 16:00 PM

    +
    + line-separator + +
    +
  • +
  • +
    +
    Cafe
    +
    +

    New York

    +

    + Specialty teas, artisanal pastries, mouth-watering ice cream. +

    +
    + line-separator +
    +

    Monday - Friday

    +

    06:00 AM - 10:00 PM

    +

    Saturday - Sunday

    +

    08:00 AM - 16:00 PM

    +
    + line-separator + +
    +
  • +
+
+
+ + +
+ + +
+ + + diff --git a/src/sass/contacts.scss b/src/sass/contacts.scss new file mode 100644 index 00000000000..aad6ef05361 --- /dev/null +++ b/src/sass/contacts.scss @@ -0,0 +1,253 @@ +:root { + --background-section2-section3-rozDeschis: #ffb8ca; + --background-section2-roz-inchis: #ffa5ba; + --background-section3-section7-bej: #f0d1a5; + --background-section3-section7-verde: #c2e297; + --backround-sec4-sec5-sec7-sec8-rozAlbit: #fff5f6; + --bacground-buttonWhite-sec1-sec2-sec4-sec7: #ffffff; + --background-buttonRed-section2-section7: #d41443; + --backgoundSVG-footer: #fea5bb; + --background-modal: #e18298; + --underline-color: #e1e1e1; + + --font-color-white: #ffffff; + --font-color-red: #d41443; + --font-color-pink: #ffa5ba; + --font-color-footer-Grey: #907e82; + + --primary-font-family: "DM Sans", sans-serif; + --secondary-fony-family: "Titan One", sans-serif; + --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1); +} + +@font-face { + font-family: "DM Sans"; + src: url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"); +} + +@font-face { + font-family: "Titan One"; + src: url("https://fonts.googleapis.com/css2?family=Titan+One&display=swap"); +} + +body { + font-family: "DM Sans", sans-serif; + font-size: 12px; + font-weight: 500; + text-align: left; + @media screen and (min-width: 768px) { + font-size: 14px; + } + + @media screen and (min-width: 1200px) { + font-size: 16px; + } + +} + +.country-contacts-container { + width: 100%; + margin: 0 auto; + padding: 20px; +} + +.list-country-contacts { + list-style-type: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 32px; +} + +.contacts-item-container { + height: 332px; + width: 216px; + padding: 40px; + box-sizing: content-box; + @media screen and (min-width: 768px) { + width: 260px; + height: 528px; + box-sizing: border-box; + } + + @media screen and (min-width: 1200px) { + width: 288px; + height: 448px; + box-sizing: border-box; + } +} + +.contacts-separator { + max-width: 100%; +} + +.list-country-contacts li { + border-radius: 24px; + background-color: #ffffff; + box-shadow: 0px 8px 30px 0px rgba(212, 20, 67, 0.1); + + width: 280px; + height: 412px; + height: 412px; + @media screen and (min-width: 768px) { + width: 224px; + height: 528px; + } + + @media screen and (min-width: 1200px) { + width: 368px; + height: 538px; + padding: 40px; + } + +} + +.orange-contacts-title { + background: var(--background-section3-section7-bej); + border-radius: 6px; + color: var(--font-color-white); + text-align: center; + width: 25%; + padding: 5px 0px; +} + +.green-contacts-title { + background: var(--background-section3-section7-verde); + border-radius: 6px; + color: var(--font-color-white); + text-align: center; + width: 45%; + padding: 5px 0px; +} + +.city-description-container, +.timetable-container, +.contacts-info-container { + margin-top: 32px; +} + +.contacts-description { + color: #907e82; +} + +.contacts-titles { + color: #000; +} +.contacts-timetable { + color: var(--background-section2-roz-inchis); +} + +.contacts { + color: #907e82; + text-decoration: none; + display: block; +} + +.contacts-buttons { + align-items: center; + display: flex; + justify-content: center; + flex-wrap: wrap; +} + +.contacts-buttons .button { + border-radius: 22px; + width: 168px; + height: 44px; + background: #ffffff; + color: var(--background-buttonRed-section2-section7); + text-align: center; + font-weight: 700; + align-items: center; +} + +.button:hover, +.button:focus { + background: var(--background-buttonRed-section2-section7); + color: var(--font-color-white); +} + +/* modal part - not complete */ +.is-hidden { + visibility: hidden; + scale: 1.05; +} + +.modal { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + background: #ffffff; + transition: transform var(--transition); +} + +.modal-content { + position: relative; + background-color: var(--background-modal); + border-radius: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12), + 0 1px 2px 0 rgba(0, 0, 0, 0.2); + padding: 24px; + width: 408px; + height: 584px; + display: flex; + flex-direction: column; + align-items: center; +} + +.close-btn { + position: absolute; + top: 24px; + right: 24px; + border-radius: 50%; + width: 24px; + height: 24px; + color: #907e82; + background-color: #ffffff; + display: flex; + justify-content: center; + align-items: center; + outline: none; + border-style: none; + margin-bottom: 24px; + cursor: pointer; +} + +.modal-heading { + font-weight: 500; + font-size: 16px; + line-height: 1.5; + letter-spacing: 0.02em; + text-align: center; + color: #ffffff; + margin-top: 40px; + margin-bottom: 16px; +} + +.modal-send-btn { + border-radius: 4px; + padding: 16px 32px; + width: 169px; + height: 56px; + box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15); + background: #907e82; + font-weight: 500; + font-size: 16px; + line-height: 1.5; + letter-spacing: 0.04em; + text-align: center; + color: #fff; + cursor: pointer; + border-style: none; +} + +.modal-send-btn:hover { + background-color: #907e82; + transform: scale(1.05); + transition: background-color var(--transition); +} diff --git a/src/sass/index.scss b/src/sass/index.scss index 8d1a014a6b5..7fd44d7e799 100755 --- a/src/sass/index.scss +++ b/src/sass/index.scss @@ -1,2 +1,3 @@ @import './common'; @import './example'; +@import './contacts'; From c5bf320a22b3920e4fe0f27d800577b26e96bced Mon Sep 17 00:00:00 2001 From: Mihaela <26812755+ellamm@users.noreply.github.com> Date: Tue, 9 Apr 2024 17:20:08 +0300 Subject: [PATCH 04/66] Add arrow and gap Add arrows and gap for buttons --- src/partials/contacts.html | 2 ++ src/sass/contacts.scss | 20 ++++++++++++++++++++ 2 files changed, 22 insertions(+) diff --git a/src/partials/contacts.html b/src/partials/contacts.html index 8bb4f1c3e2b..d316a9406c5 100644 --- a/src/partials/contacts.html +++ b/src/partials/contacts.html @@ -139,9 +139,11 @@ data-modal-open > Our Locations + diff --git a/src/sass/contacts.scss b/src/sass/contacts.scss index aad6ef05361..17f6d7571b2 100644 --- a/src/sass/contacts.scss +++ b/src/sass/contacts.scss @@ -148,6 +148,7 @@ body { display: flex; justify-content: center; flex-wrap: wrap; + gap: 12px; } .contacts-buttons .button { @@ -165,8 +166,27 @@ body { .button:focus { background: var(--background-buttonRed-section2-section7); color: var(--font-color-white); + border: solid var(--font-color-white); } +.arrow { + border: solid var(--background-buttonRed-section2-section7); + border-width: 0 3px 3px 0; + display: inline-block; + padding: 3px; + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); +} + +.arrow:hover, +.arrow:focus{ + border: solid var(--font-color-white); + border-width: 0 3px 3px 0; + display: inline-block; + padding: 3px; +} + + /* modal part - not complete */ .is-hidden { visibility: hidden; From a9e9f3e98109dcb7b5670e69826c5ebc90fe8ff6 Mon Sep 17 00:00:00 2001 From: Mihaela <26812755+ellamm@users.noreply.github.com> Date: Tue, 9 Apr 2024 20:03:29 +0300 Subject: [PATCH 05/66] create contacts section --- src/images/contacts-section-divider.png | Bin 0 -> 138 bytes src/index.html | 1 + src/modal.js | 14 ++ src/partials/contacts.html | 168 +++++++++++++++ src/sass/contacts.scss | 273 ++++++++++++++++++++++++ src/sass/index.scss | 1 + 6 files changed, 457 insertions(+) create mode 100644 src/images/contacts-section-divider.png create mode 100644 src/modal.js create mode 100644 src/partials/contacts.html create mode 100644 src/sass/contacts.scss diff --git a/src/images/contacts-section-divider.png b/src/images/contacts-section-divider.png new file mode 100644 index 0000000000000000000000000000000000000000..030cf14550db3f9c7a5032ab0ad7614031b8cc74 GIT binary patch literal 138 zcmeAS@N?(olHy`uVBq!ia0y~yU{nCInK;;hVM%xNb!1@J*w6hZkrl|7_jGX#sbGA2z>yIs$zq^#{mZJ3hnq_$ f={B$jGx+lExample title + diff --git a/src/modal.js b/src/modal.js new file mode 100644 index 00000000000..45ca0c69a1f --- /dev/null +++ b/src/modal.js @@ -0,0 +1,14 @@ +(() => { + const refs = { + openModalBtn: document.querySelector("[data-modal-open]"), + closeModalBtn: document.querySelector("[data-modal-close]"), + modal: document.querySelector("[data-modal]"), + }; + + refs.openModalBtn.addEventListener("click", toggleModal); + refs.closeModalBtn.addEventListener("click", toggleModal); + + function toggleModal() { + refs.modal.classList.toggle("is-hidden"); + } +})(); \ No newline at end of file diff --git a/src/partials/contacts.html b/src/partials/contacts.html new file mode 100644 index 00000000000..d316a9406c5 --- /dev/null +++ b/src/partials/contacts.html @@ -0,0 +1,168 @@ + + + + + + + contacts + + +
+
+
    +
  • +
    +
    Cafe
    +
    +

    Chicago

    +

    + Handcrafted coffee, baked goods, and premium ice cream. +

    +
    + line-separator +
    +

    Monday - Friday

    +

    06:00 AM - 10:00 PM

    +

    Saturday - Sunday

    +

    08:00 AM - 16:00 PM

    +
    + line-separator + +
    +
  • +
  • +
    +
    Food Truck
    +
    +

    Los Angeles

    +

    + Fusion cuisine and refreshing ice cream made with passion. +

    +
    + line-separator +
    +

    Monday - Friday

    +

    06:00 AM - 10:00 PM

    +

    Saturday - Sunday

    +

    08:00 AM - 16:00 PM

    +
    + line-separator + +
    +
  • +
  • +
    +
    Cafe
    +
    +

    New York

    +

    + Specialty teas, artisanal pastries, mouth-watering ice cream. +

    +
    + line-separator +
    +

    Monday - Friday

    +

    06:00 AM - 10:00 PM

    +

    Saturday - Sunday

    +

    08:00 AM - 16:00 PM

    +
    + line-separator + +
    +
  • +
+
+
+ + +
+ + +
+ + + diff --git a/src/sass/contacts.scss b/src/sass/contacts.scss new file mode 100644 index 00000000000..17f6d7571b2 --- /dev/null +++ b/src/sass/contacts.scss @@ -0,0 +1,273 @@ +:root { + --background-section2-section3-rozDeschis: #ffb8ca; + --background-section2-roz-inchis: #ffa5ba; + --background-section3-section7-bej: #f0d1a5; + --background-section3-section7-verde: #c2e297; + --backround-sec4-sec5-sec7-sec8-rozAlbit: #fff5f6; + --bacground-buttonWhite-sec1-sec2-sec4-sec7: #ffffff; + --background-buttonRed-section2-section7: #d41443; + --backgoundSVG-footer: #fea5bb; + --background-modal: #e18298; + --underline-color: #e1e1e1; + + --font-color-white: #ffffff; + --font-color-red: #d41443; + --font-color-pink: #ffa5ba; + --font-color-footer-Grey: #907e82; + + --primary-font-family: "DM Sans", sans-serif; + --secondary-fony-family: "Titan One", sans-serif; + --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1); +} + +@font-face { + font-family: "DM Sans"; + src: url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"); +} + +@font-face { + font-family: "Titan One"; + src: url("https://fonts.googleapis.com/css2?family=Titan+One&display=swap"); +} + +body { + font-family: "DM Sans", sans-serif; + font-size: 12px; + font-weight: 500; + text-align: left; + @media screen and (min-width: 768px) { + font-size: 14px; + } + + @media screen and (min-width: 1200px) { + font-size: 16px; + } + +} + +.country-contacts-container { + width: 100%; + margin: 0 auto; + padding: 20px; +} + +.list-country-contacts { + list-style-type: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 32px; +} + +.contacts-item-container { + height: 332px; + width: 216px; + padding: 40px; + box-sizing: content-box; + @media screen and (min-width: 768px) { + width: 260px; + height: 528px; + box-sizing: border-box; + } + + @media screen and (min-width: 1200px) { + width: 288px; + height: 448px; + box-sizing: border-box; + } +} + +.contacts-separator { + max-width: 100%; +} + +.list-country-contacts li { + border-radius: 24px; + background-color: #ffffff; + box-shadow: 0px 8px 30px 0px rgba(212, 20, 67, 0.1); + + width: 280px; + height: 412px; + height: 412px; + @media screen and (min-width: 768px) { + width: 224px; + height: 528px; + } + + @media screen and (min-width: 1200px) { + width: 368px; + height: 538px; + padding: 40px; + } + +} + +.orange-contacts-title { + background: var(--background-section3-section7-bej); + border-radius: 6px; + color: var(--font-color-white); + text-align: center; + width: 25%; + padding: 5px 0px; +} + +.green-contacts-title { + background: var(--background-section3-section7-verde); + border-radius: 6px; + color: var(--font-color-white); + text-align: center; + width: 45%; + padding: 5px 0px; +} + +.city-description-container, +.timetable-container, +.contacts-info-container { + margin-top: 32px; +} + +.contacts-description { + color: #907e82; +} + +.contacts-titles { + color: #000; +} +.contacts-timetable { + color: var(--background-section2-roz-inchis); +} + +.contacts { + color: #907e82; + text-decoration: none; + display: block; +} + +.contacts-buttons { + align-items: center; + display: flex; + justify-content: center; + flex-wrap: wrap; + gap: 12px; +} + +.contacts-buttons .button { + border-radius: 22px; + width: 168px; + height: 44px; + background: #ffffff; + color: var(--background-buttonRed-section2-section7); + text-align: center; + font-weight: 700; + align-items: center; +} + +.button:hover, +.button:focus { + background: var(--background-buttonRed-section2-section7); + color: var(--font-color-white); + border: solid var(--font-color-white); +} + +.arrow { + border: solid var(--background-buttonRed-section2-section7); + border-width: 0 3px 3px 0; + display: inline-block; + padding: 3px; + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); +} + +.arrow:hover, +.arrow:focus{ + border: solid var(--font-color-white); + border-width: 0 3px 3px 0; + display: inline-block; + padding: 3px; +} + + +/* modal part - not complete */ +.is-hidden { + visibility: hidden; + scale: 1.05; +} + +.modal { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + background: #ffffff; + transition: transform var(--transition); +} + +.modal-content { + position: relative; + background-color: var(--background-modal); + border-radius: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12), + 0 1px 2px 0 rgba(0, 0, 0, 0.2); + padding: 24px; + width: 408px; + height: 584px; + display: flex; + flex-direction: column; + align-items: center; +} + +.close-btn { + position: absolute; + top: 24px; + right: 24px; + border-radius: 50%; + width: 24px; + height: 24px; + color: #907e82; + background-color: #ffffff; + display: flex; + justify-content: center; + align-items: center; + outline: none; + border-style: none; + margin-bottom: 24px; + cursor: pointer; +} + +.modal-heading { + font-weight: 500; + font-size: 16px; + line-height: 1.5; + letter-spacing: 0.02em; + text-align: center; + color: #ffffff; + margin-top: 40px; + margin-bottom: 16px; +} + +.modal-send-btn { + border-radius: 4px; + padding: 16px 32px; + width: 169px; + height: 56px; + box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15); + background: #907e82; + font-weight: 500; + font-size: 16px; + line-height: 1.5; + letter-spacing: 0.04em; + text-align: center; + color: #fff; + cursor: pointer; + border-style: none; +} + +.modal-send-btn:hover { + background-color: #907e82; + transform: scale(1.05); + transition: background-color var(--transition); +} diff --git a/src/sass/index.scss b/src/sass/index.scss index 8d1a014a6b5..07e731d38cf 100755 --- a/src/sass/index.scss +++ b/src/sass/index.scss @@ -1,2 +1,3 @@ @import './common'; @import './example'; +@import './contacts'; \ No newline at end of file From 67a4a307f8e8864891998d22baa6418e4900f514 Mon Sep 17 00:00:00 2001 From: Erdelyi Gyongyi Date: Wed, 10 Apr 2024 21:10:26 +0300 Subject: [PATCH 06/66] footer 10.04.24/2 --- src/partials/footer1.html | 77 ++++++++++ src/sass/footer1.css | 287 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 364 insertions(+) create mode 100644 src/partials/footer1.html create mode 100644 src/sass/footer1.css diff --git a/src/partials/footer1.html b/src/partials/footer1.html new file mode 100644 index 00000000000..a28abf12f93 --- /dev/null +++ b/src/partials/footer1.html @@ -0,0 +1,77 @@ + + + + + + + Footer + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/sass/footer1.css b/src/sass/footer1.css new file mode 100644 index 00000000000..89233d63976 --- /dev/null +++ b/src/sass/footer1.css @@ -0,0 +1,287 @@ +:root { + background-color: #FFF5F6; + font-dm-sans: "DM Sans" +} + +.titan-one-regular { + font-family: "Titan One", sans-serif; + font-weight: 400; + font-style: normal; +} + +.dm-sans-uniquifier { + font-family: "DM Sans", sans-serif; + font-optical-sizing: auto; + font-style: normal; +} + +.footer-text1 { + font-family: "Titan One"; + font-weight: 400; + size: 30px; + color: #FFA5BA; + letter: 4%; + margin: 0; +} + +.footer-text2 { + font-family: "Titan One"; + font-weight: 400; + font-size: xx-large; + color: #D41443; + letter: 6%; + height: 66px; + +} + +.svg-footer { + background-color: #FEA5BB; + width: 34px; + height: 34px; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; +} + +.svg-footer svg { + width: 20px; + height: 20px; +} + +.footer-contact { + text-decoration: none; + color: black; + font-family: "DM Sans"; + size: 16px; + letter: 2%; +} + +.footer-contact::after { + content: "+60(0)383766284"; + color: red; +} + +.footer-line { + width: 100%; + height: 1px; + background-color: #E1E1E1; +} + + +/* Stilizare Mobile */ + +@media screen and (max-width: 320px) { + + .container { + max-width: 320px; + width: 100%; + margin: 0 auto; + } + + .footer-text1 { + display: block; + width: 70%; + text-align: left; + } + + .footer-text2 { + display: block; + width: 70%; + text-align: left; + letter-spacing: 2px; + } + + .footer-media { + display: flex; + flex-direction: column; + text-align: right; + align-content: flex-end; + + } + + .svglist-footer { + display: flex; + gap: 15px; + margin-bottom: 30px; + align-content: flex-end; + justify-content: flex-end; + + } + + .footer-rights1 { + font-family: "DM Sans"; + color: #907E82; + font-weight: 700; + font-size: 14px; + display: flex; + text-align: center; + justify-content: center; + align-items: center; + } + + .footer-contact { + font-size: 12px; + overflow: visible; + display: flex; + align-content: flex-end; + justify-content: flex-end; + } + + .footer-rights1 { + display: block; + } + + .footer-rights { + display: none; + } +} + + +/* Stilizare tableta */ + +@media screen and (min-width: 321px) and (max-width:768px) { + .container { + max-width: 768px; + width: 100%; + margin: 0 auto; + } + + .footer-text1 { + display: block; + width: 80%; + text-align: left; + margin-top: auto; + } + + .footer-text2 { + display: block; + width: 70%; + text-align: left; + letter-spacing: 2px; + margin-top: 12px; + } + + .svglist-footer { + display: flex; + gap: 35px; + margin-bottom: 30px; + margin-top: 30px; + align-content: flex-end; + justify-content: flex-end; + } + + .footer-media { + display: flex; + flex-direction: column; + align-items: flex-end; + } + + .footer-content { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + align-content: center; + } + + .footer-contact { + margin-bottom: 40px; + } + + .footer-rights { + display: flex; + justify-content: center; + align-items: center; + align-content: center; + width: 100%; + color: #907E82; + } + + .footer-rights1 { + display: none; + } +} + +/* Stilizare Desktop */ + +@media screen and (min-width: 1200px) { + .container { + max-width: 1200px; + width: 100%; + margin: 0 auto; + } + + .footer-text1 { + margin-bottom: 16px; + margin-top: 20px; + display: block; + } + + .footer-text2 { + margin-top: 0; + display: block; + } + + .footer-texts { + display: flex; + flex-direction: column; + align-items: flex-start; + align-content: flex-start; + + } + + .footer-media { + display: flex; + flex-direction: column; + align-items: flex-end; + } + + .svglist-footer { + display: flex; + gap: 30px; + margin-bottom: 16px; + justify-content: flex-end; + align-items: flex-start; + + } + + .footer-rights { + display: flex; + justify-content: center; + align-items: center; + align-content: center; + width: 100%; + color: #907E82; + } + + .footer-contact { + font-size: 16px; + margin-bottom: 30px; + display: flex; + align-content: flex-end; + justify-content: flex-end; + font-family: "DM Sans"; + color: black; + } + + .footer-content { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + align-content: center; + } + + .footer-rights1 { + display: none; + } + + .footer-text3 { + display: flex; + justify-content: center; + } + +} \ No newline at end of file From 00067a5e5a2ec31b26754b4496c46174c8a7ed26 Mon Sep 17 00:00:00 2001 From: Erdelyi Gyongyi Date: Wed, 10 Apr 2024 21:21:51 +0300 Subject: [PATCH 07/66] footer - finish --- src/images/symbol-footer.svg | 13 +++++++++++++ src/partials/{footer1.html => footer.html} | 0 src/sass/{footer1.css => footer.css} | 0 3 files changed, 13 insertions(+) create mode 100644 src/images/symbol-footer.svg rename src/partials/{footer1.html => footer.html} (100%) rename src/sass/{footer1.css => footer.css} (100%) diff --git a/src/images/symbol-footer.svg b/src/images/symbol-footer.svg new file mode 100644 index 00000000000..4cb53bf1936 --- /dev/null +++ b/src/images/symbol-footer.svg @@ -0,0 +1,13 @@ + diff --git a/src/partials/footer1.html b/src/partials/footer.html similarity index 100% rename from src/partials/footer1.html rename to src/partials/footer.html diff --git a/src/sass/footer1.css b/src/sass/footer.css similarity index 100% rename from src/sass/footer1.css rename to src/sass/footer.css From 43df3543223e1ba5c5cec2a85020be737a86fc0b Mon Sep 17 00:00:00 2001 From: Erdelyi Gyongyi Date: Wed, 10 Apr 2024 21:38:59 +0300 Subject: [PATCH 08/66] test --- src/index.html | 8 ++++---- src/partials/footer.html | 8 +++++--- 2 files changed, 9 insertions(+), 7 deletions(-) diff --git a/src/index.html b/src/index.html index 92da07de4e6..e2579de1ae9 100755 --- a/src/index.html +++ b/src/index.html @@ -1,15 +1,15 @@ - + Page title - + -

Example title

+ - + diff --git a/src/partials/footer.html b/src/partials/footer.html index a28abf12f93..f3d7096530c 100644 --- a/src/partials/footer.html +++ b/src/partials/footer.html @@ -1,4 +1,4 @@ - + + + \ No newline at end of file From 7f480b86f619e90d3041e41a2508567a25b34a02 Mon Sep 17 00:00:00 2001 From: Erdelyi Gyongyi Date: Wed, 10 Apr 2024 21:44:08 +0300 Subject: [PATCH 09/66] test1 --- src/sass/footer.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/sass/footer.css b/src/sass/footer.css index 89233d63976..7a8e5979433 100644 --- a/src/sass/footer.css +++ b/src/sass/footer.css @@ -107,6 +107,7 @@ align-content: flex-end; justify-content: flex-end; + } .footer-rights1 { From 9c21967f5648876bd49bb9bb75d8e14ccf4077ee Mon Sep 17 00:00:00 2001 From: Erdelyi Gyongyi Date: Wed, 10 Apr 2024 22:10:29 +0300 Subject: [PATCH 10/66] test3 --- src/index.html | 31 +++++++++++++++++-------------- 1 file changed, 17 insertions(+), 14 deletions(-) diff --git a/src/index.html b/src/index.html index e2579de1ae9..7e7180ce2b9 100755 --- a/src/index.html +++ b/src/index.html @@ -1,15 +1,18 @@ - - - - - Page title - - - - - - - - - + + + + + + Page title + + + + + +

Example title

+ + + + + \ No newline at end of file From 6cf17ebcb5dbb100fba42d7c909d38b9a5366989 Mon Sep 17 00:00:00 2001 From: Mihaela <26812755+ellamm@users.noreply.github.com> Date: Fri, 12 Apr 2024 17:46:13 +0300 Subject: [PATCH 11/66] Small updates update color button update name modal.js update responsiveness --- src/index.html | 2 +- src/{modal.js => modal_section_contacts.js} | 0 src/partials/contacts.html | 2 +- src/sass/contacts.scss | 48 ++++++--------------- 4 files changed, 15 insertions(+), 37 deletions(-) rename src/{modal.js => modal_section_contacts.js} (100%) diff --git a/src/index.html b/src/index.html index a6354a6e3d5..86ad696936d 100755 --- a/src/index.html +++ b/src/index.html @@ -10,7 +10,7 @@

Example title

- + diff --git a/src/modal.js b/src/modal_section_contacts.js similarity index 100% rename from src/modal.js rename to src/modal_section_contacts.js diff --git a/src/partials/contacts.html b/src/partials/contacts.html index d316a9406c5..5391fab5a88 100644 --- a/src/partials/contacts.html +++ b/src/partials/contacts.html @@ -163,6 +163,6 @@ - + diff --git a/src/sass/contacts.scss b/src/sass/contacts.scss index 17f6d7571b2..00e68847c35 100644 --- a/src/sass/contacts.scss +++ b/src/sass/contacts.scss @@ -15,23 +15,12 @@ --font-color-pink: #ffa5ba; --font-color-footer-Grey: #907e82; - --primary-font-family: "DM Sans", sans-serif; - --secondary-fony-family: "Titan One", sans-serif; + --primary-font-family: 'DM Sans', sans-serif; --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1); } -@font-face { - font-family: "DM Sans"; - src: url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"); -} - -@font-face { - font-family: "Titan One"; - src: url("https://fonts.googleapis.com/css2?family=Titan+One&display=swap"); -} - body { - font-family: "DM Sans", sans-serif; + font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 500; text-align: left; @@ -42,13 +31,11 @@ body { @media screen and (min-width: 1200px) { font-size: 16px; } - } .country-contacts-container { width: 100%; margin: 0 auto; - padding: 20px; } .list-country-contacts { @@ -57,23 +44,16 @@ body { flex-wrap: wrap; justify-content: center; gap: 32px; + @media screen and (min-width: 768px) { + padding: 20px 16px; + } + padding: 20px; } .contacts-item-container { - height: 332px; - width: 216px; - padding: 40px; - box-sizing: content-box; + padding: 32px; @media screen and (min-width: 768px) { - width: 260px; - height: 528px; - box-sizing: border-box; - } - - @media screen and (min-width: 1200px) { - width: 288px; - height: 448px; - box-sizing: border-box; + padding: 40px 32px; } } @@ -88,7 +68,6 @@ body { width: 280px; height: 412px; - height: 412px; @media screen and (min-width: 768px) { width: 224px; height: 528px; @@ -97,9 +76,7 @@ body { @media screen and (min-width: 1200px) { width: 368px; height: 538px; - padding: 40px; } - } .orange-contacts-title { @@ -143,6 +120,7 @@ body { display: block; } +/* Button section */ .contacts-buttons { align-items: center; display: flex; @@ -156,6 +134,7 @@ body { width: 168px; height: 44px; background: #ffffff; + border: solid #ffffff; color: var(--background-buttonRed-section2-section7); text-align: center; font-weight: 700; @@ -166,7 +145,7 @@ body { .button:focus { background: var(--background-buttonRed-section2-section7); color: var(--font-color-white); - border: solid var(--font-color-white); + border: solid var(--background-buttonRed-section2-section7); } .arrow { @@ -175,18 +154,17 @@ body { display: inline-block; padding: 3px; transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); } .arrow:hover, -.arrow:focus{ +.arrow:focus { border: solid var(--font-color-white); border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } - /* modal part - not complete */ .is-hidden { visibility: hidden; From 19f176f1645b64ac5f0bbb831ebab3260ac779c7 Mon Sep 17 00:00:00 2001 From: Mihaela <26812755+ellamm@users.noreply.github.com> Date: Fri, 12 Apr 2024 18:09:00 +0300 Subject: [PATCH 12/66] Remove general files remove added data from general files index --- src/index.html | 3 +- src/partials/contacts.html | 309 ++++++++++++++++++------------------- src/sass/contacts.scss | 2 +- src/sass/index.scss | 3 +- 4 files changed, 150 insertions(+), 167 deletions(-) diff --git a/src/index.html b/src/index.html index 86ad696936d..92da07de4e6 100755 --- a/src/index.html +++ b/src/index.html @@ -10,7 +10,6 @@

Example title

- - + diff --git a/src/partials/contacts.html b/src/partials/contacts.html index 5391fab5a88..041155fa4d5 100644 --- a/src/partials/contacts.html +++ b/src/partials/contacts.html @@ -1,168 +1,153 @@ - - - - - - - contacts - - -
-
-
    -
  • -
    -
    Cafe
    -
    -

    Chicago

    -

    - Handcrafted coffee, baked goods, and premium ice cream. -

    -
    - line-separator -
    -

    Monday - Friday

    -

    06:00 AM - 10:00 PM

    -

    Saturday - Sunday

    -

    08:00 AM - 16:00 PM

    -
    - line-separator - -
    -
  • -
  • -
    -
    Food Truck
    -
    -

    Los Angeles

    -

    - Fusion cuisine and refreshing ice cream made with passion. -

    -
    - line-separator -
    -

    Monday - Friday

    -

    06:00 AM - 10:00 PM

    -

    Saturday - Sunday

    -

    08:00 AM - 16:00 PM

    -
    - line-separator - -
    -
  • -
  • -
    -
    Cafe
    -
    -

    New York

    -

    - Specialty teas, artisanal pastries, mouth-watering ice cream. -

    -
    - line-separator -
    -

    Monday - Friday

    -

    06:00 AM - 10:00 PM

    -

    Saturday - Sunday

    -

    08:00 AM - 16:00 PM

    -
    - line-separator -
    - noreply@envato.com +
    +
    +
      +
    • +
      +
      Cafe
      +
      +

      Chicago

      +

      + Handcrafted coffee, baked goods, and premium ice cream. +

      +
      + line-separator +
      +

      Monday - Friday

      +

      06:00 AM - 10:00 PM

      +

      Saturday - Sunday

      +

      08:00 AM - 16:00 PM

      +
      + line-separator + -
      -
    • -
    -
    -
    - - -
    + +61(0) 383 766 284 +
    +
    +
  • +
  • +
    +
    Food Truck
    +
    +

    Los Angeles

    +

    + Fusion cuisine and refreshing ice cream made with passion. +

    +
    + line-separator +
    +

    Monday - Friday

    +

    06:00 AM - 10:00 PM

    +

    Saturday - Sunday

    +

    08:00 AM - 16:00 PM

    +
    + line-separator +
    + noreply@envato.com -
  • +
  • +
    +
    Cafe
    +
    +

    New York

    +

    + Specialty teas, artisanal pastries, mouth-watering ice cream. +

    +
    + line-separator +
    +

    Monday - Friday

    +

    06:00 AM - 10:00 PM

    +

    Saturday - Sunday

    +

    08:00 AM - 16:00 PM

    +
    + line-separator +
    +
  • +
+
+
+ + +
+ +
- - - + + + + diff --git a/src/sass/contacts.scss b/src/sass/contacts.scss index 00e68847c35..06b6224e4c9 100644 --- a/src/sass/contacts.scss +++ b/src/sass/contacts.scss @@ -93,7 +93,7 @@ body { border-radius: 6px; color: var(--font-color-white); text-align: center; - width: 45%; + width: 50%; padding: 5px 0px; } diff --git a/src/sass/index.scss b/src/sass/index.scss index 07e731d38cf..3edd6ea826e 100755 --- a/src/sass/index.scss +++ b/src/sass/index.scss @@ -1,3 +1,2 @@ @import './common'; -@import './example'; -@import './contacts'; \ No newline at end of file +@import './example'; \ No newline at end of file From 01a9b465c913b883fafda3df0453f51187975090 Mon Sep 17 00:00:00 2001 From: Mihaela <26812755+ellamm@users.noreply.github.com> Date: Sat, 13 Apr 2024 09:23:04 +0300 Subject: [PATCH 13/66] Update more specific styling --- src/partials/contacts.html | 2 +- src/sass/contacts.scss | 22 +++++++++++----------- 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/src/partials/contacts.html b/src/partials/contacts.html index 041155fa4d5..da8765d2c9a 100644 --- a/src/partials/contacts.html +++ b/src/partials/contacts.html @@ -134,7 +134,7 @@ - + + diff --git a/src/partials/footer.html b/src/partials/footer.html new file mode 100644 index 00000000000..57fc5bd58df --- /dev/null +++ b/src/partials/footer.html @@ -0,0 +1,57 @@ + diff --git a/src/sass/contacts.scss b/src/sass/contacts.scss index 17f6d7571b2..64c8d90683a 100644 --- a/src/sass/contacts.scss +++ b/src/sass/contacts.scss @@ -15,23 +15,23 @@ --font-color-pink: #ffa5ba; --font-color-footer-Grey: #907e82; - --primary-font-family: "DM Sans", sans-serif; - --secondary-fony-family: "Titan One", sans-serif; + --primary-font-family: 'DM Sans', sans-serif; + --secondary-fony-family: 'Titan One', sans-serif; --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1); } @font-face { - font-family: "DM Sans"; - src: url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"); + font-family: 'DM Sans'; + src: url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap'); } @font-face { - font-family: "Titan One"; - src: url("https://fonts.googleapis.com/css2?family=Titan+One&display=swap"); + font-family: 'Titan One'; + src: url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap'); } body { - font-family: "DM Sans", sans-serif; + font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 500; text-align: left; @@ -42,12 +42,13 @@ body { @media screen and (min-width: 1200px) { font-size: 16px; } - } .country-contacts-container { + max-width: 1200px; width: 100%; margin: 0 auto; + height: auto; padding: 20px; } @@ -86,20 +87,16 @@ body { background-color: #ffffff; box-shadow: 0px 8px 30px 0px rgba(212, 20, 67, 0.1); - width: 280px; - height: 412px; - height: 412px; @media screen and (min-width: 768px) { - width: 224px; + width: 295px; height: 528px; } @media screen and (min-width: 1200px) { - width: 368px; + width: 265px; height: 538px; padding: 40px; } - } .orange-contacts-title { @@ -175,18 +172,17 @@ body { display: inline-block; padding: 3px; transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); } .arrow:hover, -.arrow:focus{ +.arrow:focus { border: solid var(--font-color-white); border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } - /* modal part - not complete */ .is-hidden { visibility: hidden; diff --git a/src/sass/customers.scss b/src/sass/customers.scss index 06c15b420ca..0ce2815a1ce 100644 --- a/src/sass/customers.scss +++ b/src/sass/customers.scss @@ -1,9 +1,10 @@ /* Stilizare pentru desktop */ @media screen and (min-width: 769px) { .container { + max-width: 1200px; width: 100%; margin: 0 auto; - height: 580px; + height: auto; } .customers-img { @@ -77,7 +78,7 @@ @media screen and (min-width: 321px) and (max-width: 768px) { .container { width: 100%; - height: 580px; + height: auto; margin: 0 auto; } @@ -155,7 +156,7 @@ @media screen and (max-width: 320px) { .container { width: 100%; - height: 680px; + height: auto; margin: 0 auto; } diff --git a/src/sass/footer.scss b/src/sass/footer.scss new file mode 100644 index 00000000000..8523b8802b5 --- /dev/null +++ b/src/sass/footer.scss @@ -0,0 +1,294 @@ +:root { + /* --background-color: #fff5f6; */ + --font-dm-sans: 'DM Sans'; +} + +.footer-container { + background-color: #fff5f6; + padding-top: 30px; +} + +.footer-media { + padding-right: 20px; +} + +.footer-texts { + padding-left: 20px; +} + +.titan-one-regular { + font-family: 'Titan One', sans-serif; + font-weight: 400; + font-style: normal; +} + +.dm-sans-uniquifier { + font-family: 'DM Sans', sans-serif; + font-optical-sizing: auto; + font-style: normal; +} + +.footer-text1 { + font-family: 'Titan One'; + font-weight: 400; + size: 30px; + color: #ffa5ba; + letter: 4%; + margin: 0; +} + +.footer-text2 { + font-family: 'Titan One'; + font-weight: 400; + font-size: xx-large; + color: #d41443; + letter: 6%; + height: 66px; +} + +.svg-footer { + background-color: #fea5bb; + width: 34px; + height: 34px; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; +} + +.svg-footer svg { + width: 20px; + height: 20px; +} + +.footer-contact { + text-decoration: none; + color: black; + font-family: 'DM Sans'; + size: 16px; + letter: 2%; +} + +.footer-contact::after { + content: '+60(0)383766284'; + color: red; +} + +.footer-line { + width: 100%; + height: 1px; + background-color: #e1e1e1; +} + +/* Stilizare Mobile */ + +@media screen and (max-width: 320px) { + .footer-container { + max-width: 320px; + width: 100%; + height: auto; + margin: 0 auto; + } + + .footer-text1 { + display: block; + width: 70%; + text-align: left; + } + + .footer-text2 { + display: block; + width: 70%; + text-align: left; + letter-spacing: 2px; + } + + .footer-media { + display: flex; + flex-direction: column; + text-align: right; + align-content: flex-end; + } + + .svglist-footer { + display: flex; + gap: 15px; + margin-bottom: 30px; + align-content: flex-end; + justify-content: flex-end; + } + + .footer-rights1 { + font-family: 'DM Sans'; + color: #907e82; + font-weight: 700; + font-size: 14px; + display: flex; + text-align: center; + justify-content: center; + align-items: center; + } + + .footer-contact { + font-size: 12px; + overflow: visible; + display: flex; + align-content: flex-end; + justify-content: flex-end; + } + + .footer-rights1 { + display: block; + } + + .footer-rights { + display: none; + } +} + +/* Stilizare tableta */ + +@media screen and (min-width: 321px) and (max-width: 768px) { + .footer-container { + max-width: 768px; + width: 100%; + height: auto; + margin: 0 auto; + } + + .footer-text1 { + display: block; + width: 80%; + text-align: left; + margin-top: auto; + } + + .footer-text2 { + display: block; + width: 70%; + text-align: left; + letter-spacing: 2px; + margin-top: 12px; + } + + .svglist-footer { + display: flex; + gap: 35px; + margin-bottom: 30px; + margin-top: 30px; + align-content: flex-end; + justify-content: flex-end; + } + + .footer-media { + display: flex; + flex-direction: column; + align-items: flex-end; + } + + .footer-content { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + align-content: center; + } + + .footer-contact { + margin-bottom: 40px; + } + + .footer-rights { + display: flex; + justify-content: center; + align-items: center; + align-content: center; + width: 100%; + color: #907e82; + } + + .footer-rights1 { + display: none; + } +} + +/* Stilizare Desktop */ + +@media screen and (min-width: 769px) { + .footer-container { + max-width: 1200px; + width: 100%; + height: auto; + margin: 0 auto; + } + + .footer-text1 { + margin-bottom: 16px; + margin-top: 20px; + display: block; + } + + .footer-text2 { + margin-top: 0; + display: block; + } + + .footer-texts { + display: flex; + flex-direction: column; + align-items: flex-start; + align-content: flex-start; + } + + .footer-media { + display: flex; + flex-direction: column; + align-items: flex-end; + } + + .svglist-footer { + display: flex; + gap: 30px; + margin-bottom: 16px; + justify-content: flex-end; + align-items: flex-start; + } + + .footer-rights { + display: flex; + justify-content: center; + align-items: center; + align-content: center; + width: 100%; + color: #907e82; + } + + .footer-contact { + font-size: 16px; + margin-bottom: 30px; + display: flex; + align-content: flex-end; + justify-content: flex-end; + font-family: 'DM Sans'; + color: black; + } + + .footer-content { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + align-content: center; + } + + .footer-rights1 { + display: none; + } + + .footer-text3 { + display: flex; + justify-content: center; + } +} From 845b1b90e120d2b70ef662fbb2e82e39907465c9 Mon Sep 17 00:00:00 2001 From: MatacheAlexandru <111695999+MatacheAlexandru@users.noreply.github.com> Date: Sun, 14 Apr 2024 13:07:03 +0300 Subject: [PATCH 21/66] test commit costumers contacts footer 2 --- src/partials/contacts.html | 20 ++++++++++---------- src/sass/contacts.scss | 5 ++++- 2 files changed, 14 insertions(+), 11 deletions(-) diff --git a/src/partials/contacts.html b/src/partials/contacts.html index e7f9a466cfc..877082e17d1 100644 --- a/src/partials/contacts.html +++ b/src/partials/contacts.html @@ -122,16 +122,16 @@ - -
- - +
+ + +
+
+
+
+
+ + + +
-
- - - -
- - - -
-
-
-
- - - -
- - - - - - -
-
+
+ + +
-
-
-
-

ICE CREAM MADE WITH

-

PASSION

-
-
- - -
-
-
- milk -
-
-
-

- Indulge in a scoop of ice cream made with passion and treat - your taste buds to an unforgettable experience! -

-
-
- - - -
-
-
-
+
+
+
+

ICE CREAM MADE WITH

+

PASSION

+
+
+ + +
+
+
+ milk +
+
+
+

+ Indulge in a scoop of ice cream made with passion and treat your + taste buds to an unforgettable experience! +

+
+
+ + + +
+
+
+
-
-
-
- ice cream cone -
-
-
-
+
+
+
+ ice cream cone +
+
+
+
-
-
-
-

16

-

cafes

-
-
+
+
+
+

16

+

cafes

+
+
-
-

23

-

food trucks

-
-
+
+

23

+

food trucks

+
+
-
- girl tasting ice cream -
-
-
-
+
+ girl tasting ice cream +
+
- - - - +
+
+ + + diff --git a/src/sass/about.scss b/src/sass/about.scss index 4172ebc4816..1b1f10f8054 100644 --- a/src/sass/about.scss +++ b/src/sass/about.scss @@ -216,7 +216,7 @@ } } -.modal { +.modal-about { position: fixed; left: 0; top: 0; @@ -230,7 +230,7 @@ box-shadow: 0 1px 1px 0 rgb(0, 0, 0, 14%), 0 1px 3px 0 rgb(0, 0, 0, 12%), 0 2px 1px 0 rgb(0, 0, 0, 20%); } -.is-hidden { +.is-hidden-about { visibility: hidden; transform: scale(1.2); } @@ -254,7 +254,7 @@ height: 15px; stroke: #000; } -.modal-content { +.modal-content-about { margin: 0 auto; padding-top: 30px; width: 400px; @@ -266,7 +266,7 @@ border: 1px solid transparent; border-radius: 4px; } -.modal p { +.modal-about p { color: red; text-indent: 5px; margin-bottom: 0; From 4c0b77318f709480f1baff675c50e04740dac0df Mon Sep 17 00:00:00 2001 From: Roxana Date: Fri, 19 Apr 2024 14:32:40 +0300 Subject: [PATCH 63/66] update 14:30 --- .../{slider-pic4 1.png => slider-pic4-1.png} | Bin .../{slider-pic5 1.png => slider-pic5-1.png} | Bin .../{slider-pic7 1.png => slider-pic7-1.png} | Bin src/partials/about.html | 2 +- src/partials/contacts.html | 4 +-- src/partials/gallery.html | 2 +- src/partials/header-hero.html | 6 ++-- src/sass/contacts.scss | 2 ++ src/sass/footer.scss | 10 ++++++ src/sass/header-hero.scss | 8 +++-- src/sass/products.scss | 33 +++++++++++++++--- 11 files changed, 54 insertions(+), 13 deletions(-) rename src/images/{slider-pic4 1.png => slider-pic4-1.png} (100%) rename src/images/{slider-pic5 1.png => slider-pic5-1.png} (100%) rename src/images/{slider-pic7 1.png => slider-pic7-1.png} (100%) diff --git a/src/images/slider-pic4 1.png b/src/images/slider-pic4-1.png similarity index 100% rename from src/images/slider-pic4 1.png rename to src/images/slider-pic4-1.png diff --git a/src/images/slider-pic5 1.png b/src/images/slider-pic5-1.png similarity index 100% rename from src/images/slider-pic5 1.png rename to src/images/slider-pic5-1.png diff --git a/src/images/slider-pic7 1.png b/src/images/slider-pic7-1.png similarity index 100% rename from src/images/slider-pic7 1.png rename to src/images/slider-pic7-1.png diff --git a/src/partials/about.html b/src/partials/about.html index 40cbd6c56d6..3b319e8d8b3 100644 --- a/src/partials/about.html +++ b/src/partials/about.html @@ -1,4 +1,4 @@ -
+

TRADITION AND LOVE

HOW IT'S MADE?

diff --git a/src/partials/contacts.html b/src/partials/contacts.html index 4380f4e95ae..ff2b42adaa7 100644 --- a/src/partials/contacts.html +++ b/src/partials/contacts.html @@ -1,4 +1,4 @@ -
+
  • @@ -137,7 +137,7 @@