Everything starts with coffee

\r\n

best does not have to be intimidating. Meet inspiring people while you enjoy the best coffee in\r\n town.

\r\n Start connecting now\r\n

\r\n

\r\n\r\n\r\n

\r\n

Discover the Nº1 networking mobile App

\r\n

A community of more than 3M users is waiting for you to join. Check now who is around you and start\r\n building great relationships that might lead to a lot of opportunities.

\r\n Join the community\r\n

\r\n

\r\n\r\n\r\n

\r\n

Awesome design, exclusive features.

\r\n

Unlock for free easy to use features that make your next colleague or collaborator search easier and\r\n faster.

\r\n Try the app\r\n

\r\n

\r\n\r\n\r\n","css":"/* Import Google Fonts: 'Lexend', sans-serif; */\r\n@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;700&display=swap');\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\n/* Variables */\r\n:root {\r\n /* Colors */\r\n --accent-color: #FF77A5;\r\n --background-color: #F9F9FC;\r\n --color-text: #131131;\r\n --color-titles: #3F38A2;\r\n /* Fonts */\r\n --primary-font: 'Lexend', sans-serif;\r\n --weight-titles: 700;\r\n --weight-button: 500;\r\n --weight-p: 400;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n min-height: 100vh;\r\n background-color: var(--background-color);\r\n position: relative;\r\n top: 0;\r\n left: 0;\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody::after {\r\n content: \"\";\r\n width: 125px;\r\n height: 125px;\r\n background-color: #C5C3E3;\r\n border-radius: 50%;\r\n opacity: 0.6;\r\n position: absolute;\r\n bottom: 84%;\r\n right: 92%;\r\n}\r\n\r\nbody::before {\r\n content: \"\";\r\n width: 184px;\r\n height: 184px;\r\n background-color: #9DE3F3;\r\n border-radius: 50%;\r\n opacity: 0.6;\r\n position: absolute;\r\n bottom: 98%;\r\n right: 56%;\r\n}\r\n\r\nh2,\r\np,\r\na,\r\nspan {\r\n font-family: var(--primary-font);\r\n}\r\n\r\nh2 {\r\n font-size: 43px;\r\n font-weight: var(--weight-titles);\r\n color: var(--color-titles);\r\n}\r\n\r\np {\r\n font-weight: var(--weight-p);\r\n color: var(--color-text);\r\n}\r\n\r\np {\r\n font-size: 20px;\r\n}\r\n\r\nspan {\r\n font-size: 14px;\r\n}\r\n\r\na {\r\n font-size: 20px;\r\n font-weight: var(--weight-button);\r\n text-decoration: none;\r\n text-transform: capitalize;\r\n padding: 8px 16px;\r\n}\r\n\r\n/* Header Rules */\r\nheader {\r\n width: 100%;\r\n height: 80px;\r\n padding: 4% 5% 0%;\r\n /*flex*/\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n}\r\n\r\n.menu a {\r\n color: var(--color-text);\r\n margin-right: 24px;\r\n}\r\n\r\n.menu a:last-child {\r\n border: 3px solid var(--accent-color);\r\n border-radius: 50px;\r\n}\r\n\r\n/* Main Content Rules */\r\n\r\n.section {\r\n width: 100%;\r\n margin-top: 8%;\r\n /*flex*/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.section article {\r\n width: 40%;\r\n}\r\n\r\n.section p {\r\n margin-bottom: 24px;\r\n}\r\n\r\n.section a {\r\n width: 100%;\r\n height: 40px;\r\n border-radius: 50px;\r\n}\r\n\r\n.section a {\r\n color: var(--color-text);\r\n background-color: var(--background-color);\r\n border: 3px solid var(--accent-color);\r\n}\r\n\r\n#s1 a {\r\n color: var(--background-color);\r\n background-color: var(--accent-color);\r\n}\r\n\r\n\r\n.img1,\r\n.img2,\r\n.img3 {\r\n width: 30%;\r\n height: 350px;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n opacity: 1;\r\n}\r\n\r\n.img1 {\r\n background-image: url(https://drive.google.com/uc?export=view&id=1AqXPS7OK62CSj5ypYMdeqIKwzHeGm4IH);\r\n}\r\n\r\n.img2 {\r\n background-image: url(https://drive.google.com/uc?export=view&id=1ZxQCFeL4moh04NIV2YEHzX1qTatrcRN_);\r\n}\r\n\r\n.img3 {\r\n margin: 3% 5% 2%;\r\n background-image: url(https://drive.google.com/uc?export=view&id=1eUfhp8t8goHdHkQrAlX02nafUbfv6W0R);\r\n}\r\n\r\n/* Footer */\r\n\r\nfooter {\r\n width: 100%;\r\n height: max-content;\r\n padding: 4% 5% 0%;\r\n text-align: end;\r\n background-color: #DCDBEE;\r\n clip-path: polygon(38% 48%, 64% 20%, 100% 0, 100% 100%, 0 100%, 0 58%);\r\n}\r\n\r\n/* Specific Rules Sections for decoration */\r\n\r\n#s1::after {\r\n content: \"\";\r\n width: 184px;\r\n height: 164px;\r\n background-color: #D7F0E5;\r\n border-radius: 50%;\r\n opacity: 0.6;\r\n position: absolute;\r\n top: 4%;\r\n left: 95%;\r\n}\r\n\r\n#s2::before {\r\n content: \"\";\r\n width: 137px;\r\n height: 183px;\r\n background-color: #C4EEF8;\r\n border-radius: 50%;\r\n opacity: 0.6;\r\n position: absolute;\r\n top: 85%;\r\n right: 94%;\r\n}","js":"ScrollReveal().reveal('#s1', {\r\n delay: 75,\r\n duration: 1500,\r\n opacity: 0,\r\n distance: \"50%\",\r\n origin: \"top\",\r\n reset: true\r\n});\r\n\r\nScrollReveal().reveal('#s2', {\r\n delay: 125,\r\n duration: 1500,\r\n opacity: 0,\r\n distance: \"50%\",\r\n origin: \"right\",\r\n reset: true\r\n});\r\n\r\nScrollReveal().reveal('#s3', {\r\n delay: 175,\r\n duration: 1500,\r\n opacity: 0,\r\n distance: \"50%\",\r\n origin: \"bottom\",\r\n reset: true\r\n});","user_id":"1c3624cd-ae3b-4b60-946f-65ea8f296ff7","project_key":"bILTlv","description":"Scroll Animation With Scroll ScrollReveal.Js","plugins":[{"css":{"tailwind":false,"bootstrap":false,"fontawesome":false,"materialicons":true,"googlefonts":false,"bulma":false},"js":{"animejs":false,"gsap":false,"framermotion":false,"threejs":false,"velocity":false,"popmotion":false,"scrollreveal":true}}],"public":true,"config":{"tags": [], "cssProcessor": false},"tags":[],"hide_js":false,"hide_css":false,"messages":[],"view":[{"views":661}],"profiles":{"username":"devcanvas"}}]