PageSourceSearch

https://elvito.netlify.app/

html elvito.netlify.app collected 2026-10-03 10:41:38 UTC 114,496 bytes, 6 lines download raw bytes

1<!DOCTYPE html><html><head><title>Vito Medlej Fullstack Developer Personal Portfolio Website</title><link rel="shortcut icon" href="https://res.cloudinary.com/dwcu3wcol/image/upload/v1657099811/log_nkmcys.jpg"/><meta name="description" content="Vito Medlej, A lebanese professional software engineer in Beirut, Can develop all kinds of websites and web/mobile applications according to your needs"/><meta property="og:title" content="Vito Medlej Personal Portfolio | Lebanese Web Developer"/><meta property="og:url" content="https://elvito.netlify.app"/><meta property="og:description" content="Vito Medlej | Web Developer based in Lebanon. And this is my Portfolio and my blog "/><meta property="og:image" content="https://res.cloudinary.com/dwcu3wcol/image/upload/v1658929513/log-removebg-preview_fygpsd.png"/><meta http-equiv="content-language" content="en"/><meta charSet="UTF-8"/>
2<!-- This site is hosted on Netlify. Anyone can build and deploy a site
3     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=4010221f-1986-4799-b21e-fd7f6741859d
4     Netlify hosting facts for this site: static/SSR served via Netlify Edge. --><meta name="robots" content="index, follow"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta name="keywords" content="Personal Portfolio"/><meta name="author" content="Vito Medlej"/><meta name="publisher" content="publisher"/><meta name="copyright" content="copyright"/><meta name="page-topic" content="Web Development | Blog"/><meta name="page-type" content="Blogging"/><meta name="audience" content="Everyone"/><meta name="next-head-count" content="18"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com"/><link rel="stylesheet" data-href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700&amp;display=swap"/><link rel="preload" href="/_next/static/css/05c728cd6efdf65c.css" as="style"/><link rel="stylesheet" href="/_next/static/css/05c728cd6efdf65c.css" data-n-g=""/><noscript data-n-css=""></noscript>
4<script defer="" nomodule="" src="/_next/static/chunks/polyfills-0d1b80a048d4787e.js"></script>
4<script src="/_next/static/chunks/webpack-6cb4b56aca963ab3.js" defer=""></script>
4<script src="/_next/static/chunks/framework-ae4f43955bfa5ddc.js" defer=""></script>
4<script src="/_next/static/chunks/main-3cf1b4d0a841b0b4.js" defer=""></script>
4<script src="/_next/static/chunks/pages/_app-5f6082914106244e.js" defer=""></script>
4<script src="/_next/static/chunks/287-e4ee2a9bb197f951.js" defer=""></script>
4<script src="/_next/static/chunks/238-6100faf0a4463c61.js" defer=""></script>
4<script src="/_next/static/chunks/984-384b47db7e8bc464.js" defer=""></script>
4<script src="/_next/static/chunks/20-7d0f4051e4d02a40.js" defer=""></script>
4<script src="/_next/static/chunks/pages/index-c9acca288aa84e8b.js" defer=""></script>
4<script src="/_next/static/J76-ozbLxY0b1OoLkYX89/_buildManifest.js" defer=""></script>
4<script src="/_next/static/J76-ozbLxY0b1OoLkYX89/_ssgManifest.js" defer=""></script>
4<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700&display=swap"/></head><body><div id="__next"><style data-emotion="css-global wc9el0">html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;-webkit-text-size-adjust:100%;}*,*::before,*::after{box-sizing:inherit;}strong,b{font-weight:700;}body{margin:0;color:#000000;font-family:'Montserrat',sans-serif;font-weight:400;font-size:1.1428571428571428rem;line-height:1.5;background-color:#232323;}@media print{body{background-color:#fff;}}body::backdrop{background-color:#232323;}</style><style data-emotion="css 1vkx3y">.css-1vkx3y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:static;background:transparent;box-shadow:rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;padding-top:.45em;padding-bottom:.45em;z-index:555;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:fixed;}</style><style data-emotion="css 1pzvlnt">.css-1pzvlnt{background-color:#121212;color:#000000;-webkit-transition:box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);background-image:linear-gradient(rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:static;background:transparent;box-shadow:rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;padding-top:.45em;padding-bottom:.45em;z-index:555;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:fixed;}</style><header class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation4 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionStatic css-1pzvlnt"><style data-emotion="css 1fjnlk4">.css-1fjnlk4{width:100%;margin-left:auto;box-sizing:border-box;margin-right:auto;display:block;padding-left:16px;padding-right:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;}@media (min-width:600px){.css-1fjnlk4{padding-left:24px;padding-right:24px;}}@media (min-width:1200px){.css-1fjnlk4{max-width:1200px;}}</style><div class="MuiContainer-root MuiContainer-maxWidthLg css-1fjnlk4"><style data-emotion="css m0zbmx">.css-m0zbmx{-webkit-flex:1;-ms-flex:1;flex:1;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="MuiBox-root css-m0zbmx"><img class="logoImg small" src="https://res.cloudinary.com/dwcu3wcol/image/upload/v1658929513/log-removebg-preview_fygpsd.png" alt=""/><style data-emotion="css 1mn5xek">.css-1mn5xek{margin:0;font-family:'Montserrat',sans-serif;font-weight:400;font-size:1.1428571428571428rem;line-height:1.5;color:white;cursor:pointer;font-weight:600;}</style><p class="MuiTypography-root MuiTypography-body1 css-1mn5xek">Medlej</p></div><style data-emotion="css 4jq7fg">.css-4jq7fg{font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:6px 8px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#0092ff;margin-right:1em;font-weight:500;color:white;}.css-4jq7fg:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(0, 146, 255, 0.08);}@media (hover: none){.css-4jq7fg:hover{background-color:transparent;}}.css-4jq7fg.Mui-disabled{color:rgba(255, 255, 255, 0.3);}.css-4jq7fg:hover{color:#0092ff;}</style><style data-emotion="css 1ph9g3c">.css-1ph9g3c{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
4-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:6px 8px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#0092ff;margin-right:1em;font-weight:500;color:white;}.css-1ph9g3c::-moz-focus-inner{border-style:none;}.css-1ph9g3c.Mui-disabled{pointer-events:none;cursor:default;}@media print{.css-1ph9g3c{-webkit-print-color-adjust:exact;color-adjust:exact;}}.css-1ph9g3c:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(0, 146, 255, 0.08);}@media (hover: none){.css-1ph9g3c:hover{background-color:transparent;}}.css-1ph9g3c.Mui-disabled{color:rgba(255, 255, 255, 0.3);}.css-1ph9g3c:hover{color:#0092ff;}</style><button class="MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButtonBase-root  css-1ph9g3c" tabindex="0" type="button">Blog</button><style data-emotion="css 1tgnps0">.css-1tgnps0{text-align:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.7142857142857142rem;padding:8px;border-radius:50%;overflow:visible;color:#fff;-webkit-transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;margin-left:-12px;padding:12px;font-size:2rem;color:white;}.css-1tgnps0:hover{background-color:rgba(255, 255, 255, 0.08);}@media (hover: none){.css-1tgnps0:hover{background-color:transparent;}}.css-1tgnps0.Mui-disabled{background-color:transparent;color:rgba(255, 255, 255, 0.3);}.css-1tgnps0:hover{color:white;}.css-1tgnps0:focus{color:white;}</style><style data-emotion="css 16px9u4">.css-16px9u4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;text-align:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.7142857142857142rem;padding:8px;border-radius:50%;overflow:visible;color:#fff;-webkit-transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;margin-left:-12px;padding:12px;font-size:2rem;color:white;}.css-16px9u4::-moz-focus-inner{border-style:none;}.css-16px9u4.Mui-disabled{pointer-events:none;cursor:default;}@media print{.css-16px9u4{-webkit-print-color-adjust:exact;color-adjust:exact;}}.css-16px9u4:hover{background-color:rgba(255, 255, 255, 0.08);}@media (hover: none){.css-16px9u4:hover{background-color:transparent;}}.css-16px9u4.Mui-disabled{background-color:transparent;color:rgba(255, 255, 255, 0.3);}.css-16px9u4:hover{color:white;}.css-16px9u4:focus{color:white;}</style><button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-edgeStart MuiIconButton-sizeLarge css-16px9u4" tabindex="0" type="button" aria-label="menu"><style data-emotion="css 14yq2cq">.css-14yq2cq{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;font-size:1.7142857142857142rem;}</style><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-14yq2cq" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="MenuIcon"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg></button></div></header><style data-emotion="css a3xyjy">.css-a3xyjy{z-index:1200;}</style><div class="site-content MuiBox-root css-0"><style data-emotion="css dw7dob">.css-dw7dob{margin:0 auto;color:white;}</style><div class="MuiBox-root css-dw7dob"><style data-emotion="css 1n160z9">.css-1n160z9{width:100%;margin-left:auto;box-sizing:border-box;margin-right:auto;display:block;padding-left:16px;padding-right:16px;margin:0 auto;}@media (min-width:600px){.css-1n160z9{padding-left:24px;padding-right:24px;}}@media (min-width:1200px){.css-1n160z9{max-width:1200px;}}@media (min-width:0px){.css-1n160z9{padding-top:7.5em;padding-bottom:7.5em;}}@media (min-width:600px){.css-1n160z9{padding-top:8.5em;padding-bottom:8.5em;}}</style><div class="MuiContainer-root MuiContainer-maxWidthLg css-1n160z9" id="hero"><style data-emotion="css 8rnkcc">.css-8rnkcc{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;
4-webkit-justify-content:space-between;justify-content:space-between;}</style><div class="MuiGrid-root MuiGrid-container css-8rnkcc"><style data-emotion="css fic4xv">.css-fic4xv{box-sizing:border-box;margin:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}@media (min-width:600px){.css-fic4xv{-webkit-flex-basis:83.333333%;-ms-flex-preferred-size:83.333333%;flex-basis:83.333333%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:83.333333%;}}@media (min-width:900px){.css-fic4xv{-webkit-flex-basis:66.666667%;-ms-flex-preferred-size:66.666667%;flex-basis:66.666667%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:66.666667%;}}@media (min-width:1200px){.css-fic4xv{-webkit-flex-basis:58.333333%;-ms-flex-preferred-size:58.333333%;flex-basis:58.333333%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:58.333333%;}}@media (min-width:1536px){.css-fic4xv{-webkit-flex-basis:58.333333%;-ms-flex-preferred-size:58.333333%;flex-basis:58.333333%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:58.333333%;}}</style><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-10 MuiGrid-grid-md-8 MuiGrid-grid-lg-7 css-fic4xv"><div class="MuiBox-root css-0"><style data-emotion="css oox84h">.css-oox84h{margin:0;color:#ffffff;font-family:'Montserrat',sans-serif;font-weight:300;font-size:6.857142857142857rem;line-height:1.167;text-align:left;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);opacity:0;padding-top:1em;font-weight:600;}@media (min-width:0px){.css-oox84h{font-size:2.4em;}}@media (min-width:600px){.css-oox84h{font-size:3.4em;}}@media (min-width:900px){.css-oox84h{font-size:3.8em;}}</style><h1 class="MuiTypography-root MuiTypography-h1 t1 css-oox84h">The place where your business expands</h1><style data-emotion="css 1ndl9h0">.css-1ndl9h0{margin:0;color:#b9b9b9;line-height:1.3em;font-family:'Montserrat',sans-serif;font-weight:300;font-size:4.285714285714286rem;text-align:left;padding-top:1.5em;max-width:570px;font-weight:300;}@media (min-width:0px){.css-1ndl9h0{font-size:.9em;}}@media (min-width:600px){.css-1ndl9h0{font-size:1em;}}</style><h2 class="MuiTypography-root MuiTypography-h2 secondary t2 t25o0 css-1ndl9h0">Hey there! Call me Vito Medlej. I enjoy creating kickass websites and web/mobile apps, ones that suit your desires and needs using latest technologies and cleanest design patterns.</h2><style data-emotion="css sweedx">.css-sweedx{margin-top:2.5em;margin-bottom:2.5em;gap:.8em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="MuiBox-root css-sweedx"><style data-emotion="css 1ebtj7o">.css-1ebtj7o{font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:6px 8px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#0092ff;opacity:0;border-radius:0;padding:.75em 2.5em;}.css-1ebtj7o:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(0, 146, 255, 0.08);}@media (hover: none){.css-1ebtj7o:hover{background-color:transparent;}}.css-1ebtj7o.Mui-disabled{color:rgba(255, 255, 255, 0.3);}@media (min-width:0px){.css-1ebtj7o{-webkit-flex:1;-ms-flex:1;flex:1;}}@media (min-width:600px){.css-1ebtj7o{-webkit-flex:inherit;-ms-flex:inherit;flex:inherit;}}</style><style data-emotion="css 1ge7zsl">.css-1ge7zsl{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
4-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:6px 8px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#0092ff;opacity:0;border-radius:0;padding:.75em 2.5em;}.css-1ge7zsl::-moz-focus-inner{border-style:none;}.css-1ge7zsl.Mui-disabled{pointer-events:none;cursor:default;}@media print{.css-1ge7zsl{-webkit-print-color-adjust:exact;color-adjust:exact;}}.css-1ge7zsl:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(0, 146, 255, 0.08);}@media (hover: none){.css-1ge7zsl:hover{background-color:transparent;}}.css-1ge7zsl.Mui-disabled{color:rgba(255, 255, 255, 0.3);}@media (min-width:0px){.css-1ge7zsl{-webkit-flex:1;-ms-flex:1;flex:1;}}@media (min-width:600px){.css-1ge7zsl{-webkit-flex:inherit;-ms-flex:inherit;flex:inherit;}}</style><button class="MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButtonBase-root  b1 explore offset  css-1ge7zsl" tabindex="0" type="button">View Projects</button><a href="https://drive.google.com/drive/u/0/my-drive" rel="noreferrer" target="_blank"><style data-emotion="css 1y71h98">.css-1y71h98{font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:6px 8px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#0092ff;padding:1em 1.5em;border-radius:3px;opacity:0;height:-webkit-max-content;height:-moz-max-content;height:max-content;}.css-1y71h98:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(0, 146, 255, 0.08);}@media (hover: none){.css-1y71h98:hover{background-color:transparent;}}.css-1y71h98.Mui-disabled{color:rgba(255, 255, 255, 0.3);}@media (min-width:0px){.css-1y71h98{width:100%;}}@media (min-width:600px){.css-1y71h98{width:auto;}}.css-1y71h98:hover{color:#0092ff;}</style><style data-emotion="css 142xi0k">.css-142xi0k{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:6px 8px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#0092ff;padding:1em 1.5em;border-radius:3px;opacity:0;height:-webkit-max-content;height:-moz-max-content;height:max-content;}
4.css-142xi0k::-moz-focus-inner{border-style:none;}.css-142xi0k.Mui-disabled{pointer-events:none;cursor:default;}@media print{.css-142xi0k{-webkit-print-color-adjust:exact;color-adjust:exact;}}.css-142xi0k:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(0, 146, 255, 0.08);}@media (hover: none){.css-142xi0k:hover{background-color:transparent;}}.css-142xi0k.Mui-disabled{color:rgba(255, 255, 255, 0.3);}@media (min-width:0px){.css-142xi0k{width:100%;}}@media (min-width:600px){.css-142xi0k{width:auto;}}.css-142xi0k:hover{color:#0092ff;}</style><button class="MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButtonBase-root b2 css-142xi0k" tabindex="0" type="button"><style data-emotion="css 3nfiio">.css-3nfiio{margin:0;font-family:'Montserrat',sans-serif;font-weight:400;font-size:1.1428571428571428rem;line-height:1.5;font-size:14px;}</style><p class="MuiTypography-root MuiTypography-body1 css-3nfiio">View Resume</p></button></a></div></div></div><style data-emotion="css 1f032c9">.css-1f032c9{box-sizing:border-box;margin:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}@media (min-width:600px){.css-1f032c9{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}}@media (min-width:900px){.css-1f032c9{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}}@media (min-width:1200px){.css-1f032c9{-webkit-flex-basis:41.666667%;-ms-flex-preferred-size:41.666667%;flex-basis:41.666667%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:41.666667%;}}@media (min-width:1536px){.css-1f032c9{-webkit-flex-basis:41.666667%;-ms-flex-preferred-size:41.666667%;flex-basis:41.666667%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:41.666667%;}}@media (min-width:0px){.css-1f032c9{margin-bottom:3.5em;}}@media (min-width:600px){.css-1f032c9{margin-bottom:4em;margin-right:1em;}}@media (min-width:900px){.css-1f032c9{margin-right:2em;}}@media (min-width:1200px){.css-1f032c9{margin-bottom:1em;margin-right:0em;}}</style><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-12 MuiGrid-grid-md-12 MuiGrid-grid-lg-5 css-1f032c9"><style data-emotion="css 1takz3s">.css-1takz3s{border-radius:6px;}@media (min-width:0px){.css-1takz3s{width:100%;}}@media (min-width:600px){.css-1takz3s{width:350px;}}@media (min-width:900px){.css-1takz3s{width:400px;}}</style><div class="MuiBox-root css-1takz3s"><style data-emotion="css jnng17">.css-jnng17{opacity:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;height:460px;}@media (min-width:0px){.css-jnng17{box-shadow:.5em 3em 0 #313131;}}@media (min-width:600px){.css-jnng17{box-shadow:2em 3em 0px #313131;}}</style><div class="mainBox MuiBox-root css-jnng17"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;right:0"><img alt="Personal Image" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" class="img1" style="opacity:0;border-radius:6px;z-index:2;position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Personal Image" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fucarecdn.com%2F150b60a1-4ef3-4ec8-8f1a-d90a7ea26c85%2F-%2Fcrop%2F1129x1256%2F0%2C194%2F-%2Fpreview%2F3000x3000%2F&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fucarecdn.com%2F150b60a1-4ef3-4ec8-8f1a-d90a7ea26c85%2F-%2Fcrop%2F1129x1256%2F0%2C194%2F-%2Fpreview%2F3000x3000%2F&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fucarecdn.com%2F150b60a1-4ef3-4ec8-8f1a-d90a7ea26c85%2F-%2Fcrop%2F1129x1256%2F0%2C194%2F-%2Fpreview%2F3000x3000%2F&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fucarecdn.com%2F150b60a1-4ef3-4ec8-8f1a-d90a7ea26c85%2F-%2Fcrop%2F1129x1256%2F0%2C194%2F-%2Fpreview%2F3000x3000%2F&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fucarecdn.com%2F150b60a1-4ef3-4ec8-8f1a-d90a7ea26c85%2F-%2Fcrop%2F1129x1256%2F0%2C194%2F-%2Fpreview%2F3000x3000%2F&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fucarecdn.com%2F150b60a1-4ef3-4ec8-8f1a-d90a7ea26c85%2F-%2Fcrop%2F1129x1256%2F0%2C194%2F-%2Fpreview%2F3000x3000%2F&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fucarecdn.com%2F150b60a1-4ef3-4ec8-8f1a-d90a7ea26c85%2F-%2Fcrop%2F1129x1256%2F0%2C194%2F-%2Fpreview%2F3000x3000%2F&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fucarecdn.com%2F150b60a1-4ef3-4ec8-8f1a-d90a7ea26c85%2F-%2Fcrop%2F1129x1256%2F0%2C194%2F-%2Fpreview%2F3000x3000%2F&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fucarecdn.com%2F150b60a1-4ef3-4ec8-8f1a-d90a7ea26c85%2F-%2Fcrop%2F1129x1256%2F0%2C194%2F-%2Fpreview%2F3000x3000%2F&amp;w=3840&amp;q=75" decoding="async" data-nimg="fill" style="opacity:0;border-radius:6px;z-index:2;position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class="img1" loading="lazy"/></noscript></span><style data-emotion="css ugc9xn">.css-ugc9xn{width:100px;height:100px;z-index:0;position:absolute;opacity:0;bottom:-5%;background:transparent;background-image:radial-gradient(white 2px, transparent 0);-webkit-background-size:15px 13px;background-size:15px 13px;}@media (min-width:0px){.css-ugc9xn{right:-1%;}}@media (min-width:600px){.css-ugc9xn{right:-5%;}}</style><div class="gradientBg MuiBox-root css-ugc9xn"></div><style data-emotion="css 1wurgaj">.css-1wurgaj{z-index:2;position:absolute;width:100%;top:105%;overflow:hidden;opacity:0;background:#0092ff;}@media (min-width:0px){.css-1wurgaj{bottom:0%;}}@media (min-width:600px){.css-1wurgaj{right:25%;}}@media (min-width:1200px){.css-1wurgaj{bottom:-5%;}}</style><div class="quoteBox MuiBox-root css-1wurgaj"><style data-emotion="css 1q7ojst">.css-1q7ojst{margin:0;font-family:'Montserrat',sans-serif;font-weight:400;font-size:1.1428571428571428rem;line-height:1.5;font-weight:300;font-size:.85em;padding:1em;}</style><p class="MuiTypography-root MuiTypography-body1 css-1q7ojst">&quot;Many ideas grow better when transplanted into another mind than the one where they sprang up.&quot;
5
6– Oliver Wendell Holmes</p></div></div></div></div></div></div> <style data-emotion="css 18mrtf2">.css-18mrtf2{width:100%;margin-left:auto;box-sizing:border-box;margin-right:auto;display:block;padding-left:16px;padding-right:16px;margin:0 auto;margin-top:4em;margin-bottom:4em;}@media (min-width:600px){.css-18mrtf2{padding-left:24px;padding-right:24px;}}@media (min-width:1200px){.css-18mrtf2{max-width:1200px;}}</style><div class="MuiContainer-root MuiContainer-maxWidthLg css-18mrtf2"><style data-emotion="css ex5q6w">.css-ex5q6w{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin:0 auto;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}</style><div class="MuiBox-root css-ex5q6w"><style data-emotion="css 6j2gon">.css-6j2gon{margin:0;color:#ffffff;font-family:'Montserrat',sans-serif;font-weight:300;font-size:6.857142857142857rem;line-height:1.167;font-weight:600;}@media (min-width:0px){.css-6j2gon{font-size:2.2em;}}@media (min-width:600px){.css-6j2gon{font-size:2.5em;}}
6@media (min-width:900px){.css-6j2gon{font-size:3em;}}</style><h1 class="MuiTypography-root MuiTypography-h1 h1 t25o0 css-6j2gon">You‘re Safe And in Good Hands</h1><style data-emotion="css 134s2qv">.css-134s2qv{margin:0;color:#b9b9b9;line-height:1.3em;font-family:'Montserrat',sans-serif;font-weight:300;font-size:4.285714285714286rem;padding-top:1.5em;-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px);opacity:0;max-width:570px;}@media (min-width:0px){.css-134s2qv{font-size:.8em;}}@media (min-width:600px){.css-134s2qv{font-size:1em;}}</style><h2 class="MuiTypography-root MuiTypography-h2 secondary h2 css-134s2qv">Customer satisfaction comes first, and in order to do that I decided to pickup skills and principles to provide quality service.</h2><style data-emotion="css 1c5yjcf">.css-1c5yjcf{margin-top:3em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5%;}@media (min-width:0px){.css-1c5yjcf{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}}@media (min-width:600px){.css-1c5yjcf{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}}</style><div class="MuiBox-root css-1c5yjcf"><style data-emotion="css 1epbzu7">.css-1epbzu7{opacity:0;-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px);margin-top:2em;margin-bottom:2em;}@media (min-width:0px){.css-1epbzu7{width:90%;}}@media (min-width:600px){.css-1epbzu7{width:45%;}}@media (min-width:900px){.css-1epbzu7{width:30%;}}</style><div class="perkCard MuiBox-root css-1epbzu7"><style data-emotion="css 1031ve9">.css-1031ve9{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;font-size:1.7142857142857142rem;box-sizing:content-box;background:#0092ff;color:white;padding:.55em;border-radius:50%;}</style><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium cardIcon css-1031ve9" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="HandymanIcon"><path d="m21.67 18.17-5.3-5.3h-.99l-2.54 2.54v.99l5.3 5.3c.39.39 1.02.39 1.41 0l2.12-2.12c.39-.38.39-1.02 0-1.41z"></path><path d="m17.34 10.19 1.41-1.41 2.12 2.12c1.17-1.17 1.17-3.07 0-4.24l-3.54-3.54-1.41 1.41V1.71l-.7-.71-3.54 3.54.71.71h2.83l-1.41 1.41 1.06 1.06-2.89 2.89-4.13-4.13V5.06L4.83 2.04 2 4.87 5.03 7.9h1.41l4.13 4.13-.85.85H7.6l-5.3 5.3c-.39.39-.39 1.02 0 1.41l2.12 2.12c.39.39 1.02.39 1.41 0l5.3-5.3v-2.12l5.15-5.15 1.06 1.05z"></path></svg><style data-emotion="css 1dsy82p">.css-1dsy82p{margin:0;color:#b9b9b9;line-height:1.3em;font-family:'Montserrat',sans-serif;font-weight:300;font-size:4.285714285714286rem;font-weight:400;font-size:1.5em;padding-top:.5em;}</style><h2 class="MuiTypography-root MuiTypography-h2 css-1dsy82p">Continuous support</h2><style data-emotion="css 19yuvyi">.css-19yuvyi{margin:0;color:#a7a7a7;line-height:1.3em;font-family:'Montserrat',sans-serif;font-weight:400;font-size:3.4285714285714284rem;font-weight:300;font-size:.8em;padding-top:1em;}</style><h3 class="MuiTypography-root MuiTypography-h3 secondary css-19yuvyi">I will advance your web-based software to keep it efficient, competitive on the market. Using a well-established DevOps processes, It helps me roll out urgent updates within few hours and release new, planned functional modules every other week.</h3></div><div class="perkCard MuiBox-root css-1epbzu7"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium cardIcon css-1031ve9" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="HttpIcon"><path d="M4.5 11h-2V9H1v6h1.5v-2.5h2V15H6V9H4.5v2zm2.5-.5h1.5V15H10v-4.5h1.5V9H7v1.5zm5.5 0H14V15h1.5v-4.5H17V9h-4.5v1.5zm9-1.5H18v6h1.5v-2h2c.8 0 1.5-.7 1.5-1.5v-1c0-.8-.7-1.5-1.5-1.5zm0 2.5h-2v-1h2v1z"></path></svg><h2 class="MuiTypography-root MuiTypography-h2 css-1dsy82p">Back-end development</h2>
6<h3 class="MuiTypography-root MuiTypography-h3 secondary css-19yuvyi">I accurately implement the business logic of your web app on the back end. I always rely on proven frameworks to ensure fast and quality coding. And I build well structured APIs to integrate your web app with corporate or third-party systems and services</h3></div><div class="perkCard MuiBox-root css-1epbzu7"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium cardIcon css-1031ve9" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="DevicesIcon"><path d="M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z"></path></svg><h2 class="MuiTypography-root MuiTypography-h2 css-1dsy82p">Frontend design/dev</h2><h3 class="MuiTypography-root MuiTypography-h3 secondary css-19yuvyi">As a web expert I tend to closely analyze the user audience to understand their needs and reflect these findings in UI design. Having agreed on the look and feel of a web app with project stakeholders, I push to bring it to life with smart front-end technologies.</h3></div></div></div></div> <style data-emotion="css ltxcsh">.css-ltxcsh{margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-width:0;border-style:solid;border-color:#353535;border-bottom-width:thin;}</style><hr class="MuiDivider-root MuiDivider-fullWidth css-ltxcsh"/> <!-- --> <style data-emotion="css k7x2go">.css-k7x2go{width:100%;margin-left:auto;box-sizing:border-box;margin-right:auto;display:block;padding-left:16px;padding-right:16px;margin:0 auto;}@media (min-width:600px){.css-k7x2go{padding-left:24px;padding-right:24px;}}@media (min-width:1200px){.css-k7x2go{max-width:1200px;}}@media (min-width:0px){.css-k7x2go{padding-top:6em;padding-bottom:6em;}}</style><div class="MuiContainer-root MuiContainer-maxWidthLg css-k7x2go"><style data-emotion="css 1d3bbye">.css-1d3bbye{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}</style><div class="MuiGrid-root MuiGrid-container css-1d3bbye"><style data-emotion="css 1bocszh">.css-1bocszh{box-sizing:border-box;margin:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin:0 auto;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}</style><div class="MuiGrid-root MuiGrid-item css-1bocszh"><h1 class="MuiTypography-root MuiTypography-h1  title1 t25o0 css-6j2gon">Tools Of The Present And Future</h1><style data-emotion="css 1xfvvx8">.css-1xfvvx8{margin:0;color:#b9b9b9;line-height:1.3em;font-family:'Montserrat',sans-serif;font-weight:300;font-size:4.285714285714286rem;padding-top:1.5em;max-width:570px;}@media (min-width:0px){.css-1xfvvx8{font-size:.8em;}}@media (min-width:600px){.css-1xfvvx8{font-size:1em;}}</style><h2 class="MuiTypography-root MuiTypography-h2 secondary title2 t25o0 css-1xfvvx8">Frontend technologies I prefer using</h2></div><style data-emotion="css 1eeg9jd">.css-1eeg9jd{box-sizing:border-box;margin:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin:0 auto;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-top:3em;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}@media (min-width:600px){.css-1eeg9jd{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}}
6@media (min-width:900px){.css-1eeg9jd{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}}@media (min-width:1200px){.css-1eeg9jd{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}}@media (min-width:1536px){.css-1eeg9jd{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}}@media (min-width:0px){.css-1eeg9jd{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}}</style><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1eeg9jd"><style data-emotion="css 1uq34em">.css-1uq34em{margin-top:1em;margin-bottom:1em;opacity:0;max-width:250px;-webkit-transition:.2s ease;transition:.2s ease;}@media (min-width:0px){.css-1uq34em{width:50%;}}@media (min-width:600px){.css-1uq34em{width:33%;}}</style><div class="toolCard1 MuiBox-root css-1uq34em"><style data-emotion="css d0huep">.css-d0huep{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}@media (min-width:0px){.css-d0huep{width:35px;height:40px;}}@media (min-width:600px){.css-d0huep{width:60px;height:60px;}}</style><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class=" icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://www.svgrepo.com/show/355190/reactjs.svg 1x, https://www.svgrepo.com/show/355190/reactjs.svg 2x" src="https://www.svgrepo.com/show/355190/reactjs.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class=" icon" loading="lazy"/></noscript></span></div><style data-emotion="css 1rg99ux">.css-1rg99ux{margin:0;color:#a7a7a7;line-height:1.3em;font-family:'Montserrat',sans-serif;font-weight:400;font-size:3.4285714285714284rem;}@media (min-width:0px){.css-1rg99ux{font-size:.86em;}}@media (min-width:600px){.css-1rg99ux{font-size:1em;}}</style><h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">React js/native</h3></div><div class="toolCard1 MuiBox-root css-1uq34em"><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class=" icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://www.svgrepo.com/show/452156/angular.svg 1x, https://www.svgrepo.com/show/452156/angular.svg 2x" src="https://www.svgrepo.com/show/452156/angular.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class=" icon" loading="lazy"/></noscript></span></div>
6<h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">Angular</h3></div><div class="toolCard1 MuiBox-root css-1uq34em"><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="filter  icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://www.svgrepo.com/show/353773/gatsby.svg 1x, https://www.svgrepo.com/show/353773/gatsby.svg 2x" src="https://www.svgrepo.com/show/353773/gatsby.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class="filter  icon" loading="lazy"/></noscript></span></div><h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">Gatsby</h3></div><div class="toolCard1 MuiBox-root css-1uq34em"><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class=" icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://www.svgrepo.com/show/374068/scss.svg 1x, https://www.svgrepo.com/show/374068/scss.svg 2x" src="https://www.svgrepo.com/show/374068/scss.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class=" icon" loading="lazy"/></noscript></span></div><h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">Scss</h3></div><div class="toolCard1 MuiBox-root css-1uq34em"><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class=" icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://www.svgrepo.com/show/355081/js.svg 1x, https://www.svgrepo.com/show/355081/js.svg 2x" src="https://www.svgrepo.com/show/355081/js.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class=" icon" loading="lazy"/></noscript></span></div>
6<h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">Javascript</h3></div><div class="toolCard1 MuiBox-root css-1uq34em"><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class=" icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://www.svgrepo.com/show/349540/typescript.svg 1x, https://www.svgrepo.com/show/349540/typescript.svg 2x" src="https://www.svgrepo.com/show/349540/typescript.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class=" icon" loading="lazy"/></noscript></span></div><h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">Typescript</h3></div><div class="toolCard1 MuiBox-root css-1uq34em"><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class=" icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://www.svgrepo.com/show/353782/git-icon.svg 1x, https://www.svgrepo.com/show/353782/git-icon.svg 2x" src="https://www.svgrepo.com/show/353782/git-icon.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class=" icon" loading="lazy"/></noscript></span></div><h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">Git</h3></div><div class="toolCard1 MuiBox-root css-1uq34em"><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="filter  icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://res.cloudinary.com/dwcu3wcol/image/upload/v1658045310/nextjs_l7vxuz.svg 1x, https://res.cloudinary.com/dwcu3wcol/image/upload/v1658045310/nextjs_l7vxuz.svg 2x" src="https://res.cloudinary.com/dwcu3wcol/image/upload/v1658045310/nextjs_l7vxuz.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class="filter  icon" loading="lazy"/></noscript></span></div>
6<h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">Nextjs</h3></div></div><div class="MuiGrid-root MuiGrid-item css-1bocszh"><style data-emotion="css 1bsso6m">.css-1bsso6m{margin:0;color:#b9b9b9;line-height:1.3em;font-family:'Montserrat',sans-serif;font-weight:300;font-size:4.285714285714286rem;padding-top:3.5em;opacity:0;}@media (min-width:0px){.css-1bsso6m{font-size:.8em;}}@media (min-width:600px){.css-1bsso6m{font-size:1em;}}</style><h2 class="MuiTypography-root MuiTypography-h2 secondary secondTitle t25o0 css-1bsso6m">Other technologies</h2></div><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1eeg9jd"><div class="toolCard2 MuiBox-root css-1uq34em"><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class=" icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://www.svgrepo.com/show/353985/laravel.svg 1x, https://www.svgrepo.com/show/353985/laravel.svg 2x" src="https://www.svgrepo.com/show/353985/laravel.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class=" icon" loading="lazy"/></noscript></span></div><h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">Laravel PHP</h3></div><div class="toolCard2 MuiBox-root css-1uq34em"><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class=" icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://www.svgrepo.com/show/374073/serverless.svg 1x, https://www.svgrepo.com/show/374073/serverless.svg 2x" src="https://www.svgrepo.com/show/374073/serverless.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class=" icon" loading="lazy"/></noscript></span></div><h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">Serverless</h3></div><div class="toolCard2 MuiBox-root css-1uq34em"><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class=" icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://www.svgrepo.com/show/373644/graphql.svg 1x, https://www.svgrepo.com/show/373644/graphql.svg 2x" src="https://www.svgrepo.com/show/373644/graphql.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class=" icon" loading="lazy"/></noscript></span></div>
6<h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">GraphQl</h3></div><div class="toolCard2 MuiBox-root css-1uq34em"><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class=" icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://www.svgrepo.com/show/355133/mysql.svg 1x, https://www.svgrepo.com/show/355133/mysql.svg 2x" src="https://www.svgrepo.com/show/355133/mysql.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class=" icon" loading="lazy"/></noscript></span></div><h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">MySQL</h3></div><div class="toolCard2 MuiBox-root css-1uq34em"><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class=" icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://www.svgrepo.com/show/303460/redis-logo.svg 1x, https://www.svgrepo.com/show/303460/redis-logo.svg 2x" src="https://www.svgrepo.com/show/303460/redis-logo.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class=" icon" loading="lazy"/></noscript></span></div><h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">Redis DB</h3></div><div class="toolCard2 MuiBox-root css-1uq34em"><div class="MuiBox-root css-d0huep"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class=" icon" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Icon" srcSet="https://www.svgrepo.com/show/354119/nodejs-icon.svg 1x, https://www.svgrepo.com/show/354119/nodejs-icon.svg 2x" src="https://www.svgrepo.com/show/354119/nodejs-icon.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class=" icon" loading="lazy"/></noscript></span></div>
6<h3 class="MuiTypography-root MuiTypography-h3 css-1rg99ux">Nodejs</h3></div></div></div></div> <hr class="MuiDivider-root MuiDivider-fullWidth css-ltxcsh"/> <style data-emotion="css 1kzo3b9">.css-1kzo3b9{overflow-x:hidden;}</style><div class="MuiBox-root css-1kzo3b9"><style data-emotion="css otjekc">.css-otjekc{width:100%;margin-left:auto;box-sizing:border-box;margin-right:auto;display:block;padding-left:16px;padding-right:16px;margin:0 auto;padding-top:6em;padding-bottom:6em;}@media (min-width:600px){.css-otjekc{padding-left:24px;padding-right:24px;}}@media (min-width:1200px){.css-otjekc{max-width:1200px;}}</style><div class="MuiContainer-root MuiContainer-maxWidthLg css-otjekc" id="ProjectSection"><div class="MuiGrid-root MuiGrid-container css-1d3bbye"><div class="MuiGrid-root MuiGrid-item css-1bocszh"><h1 class="MuiTypography-root MuiTypography-h1 title3 t25o0 css-6j2gon">Successful Projects I&#x27;m Proud Of</h1><h2 class="MuiTypography-root MuiTypography-h2 title4 t25o0 css-1xfvvx8">No better way to get experience than real-life projects</h2></div><style data-emotion="css 1asnt3r">.css-1asnt3r{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin:0 auto;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:3em;}</style><div class="MuiBox-root css-1asnt3r"><style data-emotion="css dfoqq1">.css-dfoqq1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateX(-150%);-moz-transform:translateX(-150%);-ms-transform:translateX(-150%);transform:translateX(-150%);}@media (min-width:0px){.css-dfoqq1{margin-top:0em;margin-bottom:0em;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}@media (min-width:600px){.css-dfoqq1{margin-top:1em;margin-bottom:1em;}}@media (min-width:900px){.css-dfoqq1{margin-top:3em;margin-bottom:3em;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}</style><div class="p0 MuiBox-root css-dfoqq1"><style data-emotion="css 18pghjd">.css-18pghjd{height:400px;position:relative;}@media (min-width:0px){.css-18pghjd{width:100%;min-width:auto;}}@media (min-width:600px){.css-18pghjd{width:600px;min-width:250px;}}@media (min-width:900px){.css-18pghjd{min-width:390px;}}</style><div class="MuiBox-root css-18pghjd"><img alt="Project Image" class="img1" src="https://ucarecdn.com/ccf9df8b-25c5-4477-9661-5b51d8cdffe6/WebsiteLaptopMockupInstagramPost21.png"/></div><style data-emotion="css 1b1qfs3">.css-1b1qfs3{-webkit-transition:all .1s ease;transition:all .1s ease;border-radius:6px;position:relative;max-width:600px;padding:2em 1.5em;text-align:left;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;background:white;color:black;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media (min-width:0px){.css-1b1qfs3{width:94%;-webkit-transform:translateY(-25%);-moz-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);}}@media (min-width:900px){.css-1b1qfs3{width:auto;-webkit-transform:translateX(-25%);-moz-transform:translateX(-25%);-ms-transform:translateX(-25%);transform:translateX(-25%);}}@media (min-width:0px){.css-1b1qfs3:hover{-webkit-transform:translateY(-25%);-moz-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);}}@media (min-width:900px){.css-1b1qfs3:hover{-webkit-transform:rotateY(0deg) rotateX(0deg) translateX(-25%);-moz-transform:rotateY(0deg) rotateX(0deg) translateX(-25%);-ms-transform:rotateY(0deg) rotateX(0deg) translateX(-25%);transform:rotateY(0deg) rotateX(0deg) translateX(-25%);}}</style><div class="MuiBox-root css-1b1qfs3"><div class="MuiBox-root css-0"><style data-emotion="css 36qivo">.css-36qivo{margin:0;font-family:'Montserrat',sans-serif;font-weight:400;font-size:1.1428571428571428rem;line-height:1.5;color:black;font-size:1.4em;font-weight:500;padding-bottom:.25em;}</style><p class="MuiTypography-root MuiTypography-body1 css-36qivo">OnBeirut Agnecy</p><style data-emotion="css lisja8">.css-lisja8{margin:0;color:#a7a7a7;line-height:1.3em;font-family:'Montserrat',sans-serif;font-weight:400;font-size:3.4285714285714284rem;color:black;font-weight:300;}@media (min-width:0px){.css-lisja8{font-size:.83em;}}@media (min-width:600px){.css-lisja8{font-size:.9em;}}</style>
6<h3 class="MuiTypography-root MuiTypography-h3 css-lisja8">OnBeirut Web &amp; Mobile apps development Agency. We are a small experienced team of software engineering professionals specializes in crafting tailored solutions for businesses of all sizes. We focus on delivering engaging, user-friendly websites and mobile apps, and provide ongoing support to help you achieve lasting online success. With our expertise and passion for the digital world, we’re your reliable partner for all your web and mobile development needs.</h3><style data-emotion="css m0nn9j">.css-m0nn9j{gap:.5em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:1em;}</style><div class="MuiBox-root css-m0nn9j"><a href="https://onbeirut.onrender.com/" rel="noreferrer" target="_blank"><style data-emotion="css 18uxmad">.css-18uxmad{font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:6px 16px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#fff;background-color:#0092ff;box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);padding:.5em .8em;border-radius:3px;color:white;border:1px solid #0092ff;}.css-18uxmad:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgb(0, 102, 178);box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);}@media (hover: none){.css-18uxmad:hover{background-color:#0092ff;}}.css-18uxmad:active{box-shadow:0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);}.css-18uxmad.Mui-focusVisible{box-shadow:0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);}.css-18uxmad.Mui-disabled{color:rgba(255, 255, 255, 0.3);box-shadow:none;background-color:rgba(255, 255, 255, 0.12);}</style><style data-emotion="css d6z7zp">.css-d6z7zp{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:6px 16px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#fff;background-color:#0092ff;box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);padding:.5em .8em;border-radius:3px;color:white;border:1px solid #0092ff;}.css-d6z7zp::-moz-focus-inner{border-style:none;}.css-d6z7zp.Mui-disabled{pointer-events:none;cursor:default;}@media print{.css-d6z7zp{-webkit-print-color-adjust:exact;color-adjust:exact;}}.css-d6z7zp:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgb(0, 102, 178);box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);}@media (hover: none){.css-d6z7zp:hover{background-color:#0092ff;}}.css-d6z7zp:active{box-shadow:0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);}.css-d6z7zp.Mui-focusVisible{box-shadow:0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);}.css-d6z7zp.Mui-disabled{color:rgba(255, 255, 255, 0.3);box-shadow:none;background-color:rgba(255, 255, 255, 0.12);}</style><button class="MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButtonBase-root  css-d6z7zp" tabindex="0" type="button"><style data-emotion="css 1w121mj">.css-1w121mj{margin:0;font-family:'Montserrat',sans-serif;font-weight:400;font-size:1.1428571428571428rem;line-height:1.5;font-size:12px;}</style><p class="MuiTypography-root MuiTypography-body1 css-1w121mj">Live Site</p></button></a><a href="https://github.com/VitoMedlej/" rel="noreferrer" target="_blank"><style data-emotion="css 1hpxb8d">.css-1hpxb8d{font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:6px 8px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#0092ff;padding:.5em .8em;border-radius:3px;color:#0092ff;}.css-1hpxb8d:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(0, 146, 255, 0.08);}@media (hover: none){.css-1hpxb8d:hover{background-color:transparent;}}.css-1hpxb8d.Mui-disabled{color:rgba(255, 255, 255, 0.3);}.css-1hpxb8d:hover{color:#0092ff;}</style><style data-emotion="css 1qfrwpd">.css-1qfrwpd{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
6-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:6px 8px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#0092ff;padding:.5em .8em;border-radius:3px;color:#0092ff;}.css-1qfrwpd::-moz-focus-inner{border-style:none;}.css-1qfrwpd.Mui-disabled{pointer-events:none;cursor:default;}@media print{.css-1qfrwpd{-webkit-print-color-adjust:exact;color-adjust:exact;}}.css-1qfrwpd:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(0, 146, 255, 0.08);}@media (hover: none){.css-1qfrwpd:hover{background-color:transparent;}}.css-1qfrwpd.Mui-disabled{color:rgba(255, 255, 255, 0.3);}.css-1qfrwpd:hover{color:#0092ff;}</style><button class="MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButtonBase-root  css-1qfrwpd" tabindex="0" type="button"><p class="MuiTypography-root MuiTypography-body1 css-1w121mj">Check Code</p></button></a></div></div></div></div><style data-emotion="css 2lwcdx">.css-2lwcdx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateX(150%);-moz-transform:translateX(150%);-ms-transform:translateX(150%);transform:translateX(150%);}@media (min-width:0px){.css-2lwcdx{margin-top:0em;margin-bottom:0em;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}@media (min-width:600px){.css-2lwcdx{margin-top:1em;margin-bottom:1em;}}@media (min-width:900px){.css-2lwcdx{margin-top:3em;margin-bottom:3em;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}}</style><div class="p1 MuiBox-root css-2lwcdx"><div class="MuiBox-root css-18pghjd"><img alt="Project Image" class="img1" src="https://ucarecdn.com/bbf7103d-7ae2-4c2f-bb47-e7cba2544100/PastelPinkGreenMarbleNaturalBeautyProductsFacebookCover31.png"/></div><style data-emotion="css 130x0l">.css-130x0l{-webkit-transition:all .1s ease;transition:all .1s ease;border-radius:6px;position:relative;max-width:600px;padding:2em 1.5em;text-align:left;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;background:white;color:black;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media (min-width:0px){.css-130x0l{width:94%;-webkit-transform:translateY(-25%);-moz-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);}}@media (min-width:900px){.css-130x0l{width:auto;-webkit-transform:translateX(25%);-moz-transform:translateX(25%);-ms-transform:translateX(25%);transform:translateX(25%);}}@media (min-width:0px){.css-130x0l:hover{-webkit-transform:translateY(-25%);-moz-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);}}@media (min-width:900px){.css-130x0l:hover{-webkit-transform:rotateY(0deg) rotateX(0deg) translateX(25%);-moz-transform:rotateY(0deg) rotateX(0deg) translateX(25%);-ms-transform:rotateY(0deg) rotateX(0deg) translateX(25%);transform:rotateY(0deg) rotateX(0deg) translateX(25%);}}</style><div class="MuiBox-root css-130x0l"><div class="MuiBox-root css-0"><p class="MuiTypography-root MuiTypography-body1 css-36qivo">Zekra For Natural Cosmetics</p>
6<h3 class="MuiTypography-root MuiTypography-h3 css-lisja8">The owners of Zekra realized that social media isn&#x27;t enough, since they aren&#x27;t getting enough sales. Our web solution certainly helped them grow online.</h3><div class="MuiBox-root css-m0nn9j"><a href="https://zekra.shop/" rel="noreferrer" target="_blank"><button class="MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButtonBase-root  css-d6z7zp" tabindex="0" type="button"><p class="MuiTypography-root MuiTypography-body1 css-1w121mj">Live Site</p></button></a><a href="https://github.com/VitoMedlej" rel="noreferrer" target="_blank"><button class="MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButtonBase-root  css-1qfrwpd" tabindex="0" type="button"><p class="MuiTypography-root MuiTypography-body1 css-1w121mj">Check Code</p></button></a></div></div></div></div><div class="p2 MuiBox-root css-dfoqq1"><div class="MuiBox-root css-18pghjd"><img alt="Project Image" class="img1" src="https://ucarecdn.com/8afdca65-2661-40fe-b012-c7e1e3fd0bf3/PastelPinkGreenMarbleNaturalBeautyProductsFacebookCover21.png"/></div><div class="MuiBox-root css-1b1qfs3"><div class="MuiBox-root css-0"><p class="MuiTypography-root MuiTypography-body1 css-36qivo">Powerhouse European Appliances</p><h3 class="MuiTypography-root MuiTypography-h3 css-lisja8">Powerhouse serves as an online platform to provide Lebanese customers with access to European electronics through social media. Our full e-commerce site increased Powerhouse&#x27;s online presence and boosted sales with significant measurable results.</h3><div class="MuiBox-root css-m0nn9j"><a href="powerhouse-lb.com" rel="noreferrer" target="_blank"><button class="MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButtonBase-root  css-d6z7zp" tabindex="0" type="button"><p class="MuiTypography-root MuiTypography-body1 css-1w121mj">Live Site</p></button></a><a href="https://github.com/VitoMedlej/" rel="noreferrer" target="_blank"><button class="MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButtonBase-root  css-1qfrwpd" tabindex="0" type="button"><p class="MuiTypography-root MuiTypography-body1 css-1w121mj">Check Code</p></button></a></div></div></div></div><div class="p3 MuiBox-root css-2lwcdx"><div class="MuiBox-root css-18pghjd"><img alt="Project Image" class="img1" src="https://ucarecdn.com/5de3c6dc-1b9d-4289-a027-86ca9055b53e/PastelPinkGreenMarbleNaturalBeautyProductsFacebookCover1.png"/></div><div class="MuiBox-root css-130x0l"><div class="MuiBox-root css-0"><p class="MuiTypography-root MuiTypography-body1 css-36qivo">TeenTops Electronics </p><h3 class="MuiTypography-root MuiTypography-h3 css-lisja8">Teentops is an online electronics store that lacked online presence. With a full plan I was able to build the site, from designing the frontend, developing the API, and ensuring the site was fully optimized for SEO. As a result, we were able to significantly increase customer trust and engagement with the brand.    </h3><div class="MuiBox-root css-m0nn9j"><a href="https://teentops-lb.com/" rel="noreferrer" target="_blank"><button class="MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButtonBase-root  css-d6z7zp" tabindex="0" type="button"><p class="MuiTypography-root MuiTypography-body1 css-1w121mj">Live Site</p></button></a><a href="https://github.com/VitoMedlej/" rel="noreferrer" target="_blank"><button class="MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButtonBase-root  css-1qfrwpd" tabindex="0" type="button"><p class="MuiTypography-root MuiTypography-body1 css-1w121mj">Check Code</p></button></a></div></div></div></div></div><style data-emotion="css 10wu34r">.css-10wu34r{margin:0 auto;margin-top:3em;}</style><div class="MuiBox-root css-10wu34r"><style data-emotion="css 1rms1nz">.css-1rms1nz{font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:6px 16px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#fff;background-color:#0092ff;box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);opacity:0;padding:.5em 3.5em;background:transparent;border:1px solid;color:#0092ff;}.css-1rms1nz:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgb(0, 102, 178);box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);}@media (hover: none){.css-1rms1nz:hover{background-color:#0092ff;}}.css-1rms1nz:active{box-shadow:0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);}.css-1rms1nz.Mui-focusVisible{box-shadow:0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);}.css-1rms1nz.Mui-disabled{color:rgba(255, 255, 255, 0.3);box-shadow:none;background-color:rgba(255, 255, 255, 0.12);}.css-1rms1nz:hover{border:1px solid transparent;}</style><style data-emotion="css 160wmf4">.css-160wmf4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
6-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:6px 16px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#fff;background-color:#0092ff;box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);opacity:0;padding:.5em 3.5em;background:transparent;border:1px solid;color:#0092ff;}.css-160wmf4::-moz-focus-inner{border-style:none;}.css-160wmf4.Mui-disabled{pointer-events:none;cursor:default;}@media print{.css-160wmf4{-webkit-print-color-adjust:exact;color-adjust:exact;}}.css-160wmf4:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgb(0, 102, 178);box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);}@media (hover: none){.css-160wmf4:hover{background-color:#0092ff;}}.css-160wmf4:active{box-shadow:0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);}.css-160wmf4.Mui-focusVisible{box-shadow:0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);}.css-160wmf4.Mui-disabled{color:rgba(255, 255, 255, 0.3);box-shadow:none;background-color:rgba(255, 255, 255, 0.12);}.css-160wmf4:hover{border:1px solid transparent;}</style><button class="MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButtonBase-root loadMore css-160wmf4" tabindex="0" type="button" aria-label="More Projects Soon">Load More</button><style data-emotion="css 1e2dcm1">.css-1e2dcm1{z-index:1500;pointer-events:none;}</style><style data-emotion="css okvapm">.css-okvapm{z-index:1500;pointer-events:none;}</style></div></div></div><hr class="MuiDivider-root MuiDivider-fullWidth divider css-ltxcsh"/></div><div class="MuiContainer-root MuiContainer-maxWidthLg css-otjekc" id="about"><style data-emotion="css 1ykj5h1">.css-1ykj5h1{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media (min-width:600px){.css-1ykj5h1{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}}@media (min-width:900px){.css-1ykj5h1{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}}</style><div class="MuiGrid-root MuiGrid-container css-1ykj5h1"><style data-emotion="css i03vqy">.css-i03vqy{box-sizing:border-box;margin:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}@media (min-width:600px){.css-i03vqy{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}}@media (min-width:900px){.css-i03vqy{-webkit-flex-basis:33.333333%;-ms-flex-preferred-size:33.333333%;flex-basis:33.333333%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:33.333333%;}}@media (min-width:1200px){.css-i03vqy{-webkit-flex-basis:41.666667%;-ms-flex-preferred-size:41.666667%;flex-basis:41.666667%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:41.666667%;}}@media (min-width:1536px){.css-i03vqy{-webkit-flex-basis:41.666667%;-ms-flex-preferred-size:41.666667%;flex-basis:41.666667%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:41.666667%;}}</style><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-12 MuiGrid-grid-md-4 MuiGrid-grid-lg-5 css-i03vqy"><style data-emotion="css 1bl3l2u">.css-1bl3l2u{max-width:400px;width:100%;height:450px;margin:0 auto;position:relative;}@media (min-width:0px){.css-1bl3l2u{box-shadow:-.5em 1.5em 0px #0092ff;}}@media (min-width:600px){.css-1bl3l2u{box-shadow:-1.5em 1.5em 0px #0092ff;}}</style><div class="MuiBox-root css-1bl3l2u"><style data-emotion="css 3s9fhs">.css-3s9fhs{width:100px;height:100px;z-index:0;position:absolute;background:transparent;background-image:radial-gradient(white 2px, transparent 0);-webkit-background-size:15px 13px;background-size:15px 13px;}@media (min-width:0px){.css-3s9fhs{right:-4%;bottom:-5%;}}@media (min-width:600px){.css-3s9fhs{right:90%;bottom:-10%;}}</style><div class="MuiBox-root css-3s9fhs"></div><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;right:0"><img alt="Personal Image" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" class="img1 " style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Personal Image" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdwcu3wcol%2Fimage%2Fupload%2Fv1659776757%2F20211226_154523_-_Copy_hhy2kp.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdwcu3wcol%2Fimage%2Fupload%2Fv1659776757%2F20211226_154523_-_Copy_hhy2kp.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdwcu3wcol%2Fimage%2Fupload%2Fv1659776757%2F20211226_154523_-_Copy_hhy2kp.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdwcu3wcol%2Fimage%2Fupload%2Fv1659776757%2F20211226_154523_-_Copy_hhy2kp.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdwcu3wcol%2Fimage%2Fupload%2Fv1659776757%2F20211226_154523_-_Copy_hhy2kp.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdwcu3wcol%2Fimage%2Fupload%2Fv1659776757%2F20211226_154523_-_Copy_hhy2kp.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdwcu3wcol%2Fimage%2Fupload%2Fv1659776757%2F20211226_154523_-_Copy_hhy2kp.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdwcu3wcol%2Fimage%2Fupload%2Fv1659776757%2F20211226_154523_-_Copy_hhy2kp.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdwcu3wcol%2Fimage%2Fupload%2Fv1659776757%2F20211226_154523_-_Copy_hhy2kp.jpg&amp;w=3840&amp;q=75" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class="img1 " loading="lazy"/></noscript></span></div></div><style data-emotion="css 9mbfrm">.css-9mbfrm{box-sizing:border-box;margin:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}@media (min-width:600px){.css-9mbfrm{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}}
6@media (min-width:900px){.css-9mbfrm{-webkit-flex-basis:62.5%;-ms-flex-preferred-size:62.5%;flex-basis:62.5%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:62.5%;}}@media (min-width:1200px){.css-9mbfrm{-webkit-flex-basis:58.333333%;-ms-flex-preferred-size:58.333333%;flex-basis:58.333333%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:58.333333%;}}@media (min-width:1536px){.css-9mbfrm{-webkit-flex-basis:58.333333%;-ms-flex-preferred-size:58.333333%;flex-basis:58.333333%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:58.333333%;}}</style><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-12 MuiGrid-grid-md-7.5 MuiGrid-grid-lg-7 css-9mbfrm"><style data-emotion="css tvvkpm">.css-tvvkpm{padding-bottom:.5em;}</style><div class="MuiBox-root css-tvvkpm"><style data-emotion="css uud0b4">.css-uud0b4{margin:0;color:#ffffff;font-family:'Montserrat',sans-serif;font-weight:300;font-size:6.857142857142857rem;line-height:1.167;font-weight:600;padding-top:.5em;padding-bottom:.5em;}@media (min-width:0px){.css-uud0b4{font-size:2.2em;padding-top:1.8em;}}@media (min-width:600px){.css-uud0b4{font-size:2.5em;}}@media (min-width:900px){.css-uud0b4{font-size:3em;padding-top:0px;}}</style><h1 class="MuiTypography-root MuiTypography-h1 css-uud0b4">About Me, Im Vito Medlej</h1><style data-emotion="css 1xv6l58">.css-1xv6l58{margin:0;color:#b9b9b9;line-height:1.3em;font-family:'Montserrat',sans-serif;font-weight:300;font-size:4.285714285714286rem;max-width:570px;}@media (min-width:0px){.css-1xv6l58{font-size:.8em;}}@media (min-width:600px){.css-1xv6l58{font-size:1em;}}</style><h2 class="MuiTypography-root MuiTypography-h2 css-1xv6l58">A 20-year-old Lebanon-based software developer. I first started developing games using Unity3D, but soon realized I preferred web and mobile app development, and I&#x27;ve been building and working on that for the past 3 years now.</h2></div><style data-emotion="css 1bc3nz5">.css-1bc3nz5{margin:0;color:#b9b9b9;line-height:1.3em;font-family:'Montserrat',sans-serif;font-weight:300;font-size:4.285714285714286rem;max-width:570px;padding-bottom:.5em;}@media (min-width:0px){.css-1bc3nz5{font-size:.8em;}}@media (min-width:600px){.css-1bc3nz5{font-size:1em;}}</style><h2 class="MuiTypography-root MuiTypography-h2 css-1bc3nz5">Being self-taught made me appreciate education; thus, I&#x27;m studying Management Information Systems simultaneously. Business and technology are both my passions.</h2><style data-emotion="css 1qokuqc">.css-1qokuqc{margin:0;color:#b9b9b9;line-height:1.3em;font-family:'Montserrat',sans-serif;font-weight:300;font-size:4.285714285714286rem;max-width:570px;}@media (min-width:0px){.css-1qokuqc{font-size:.82em;}}@media (min-width:600px){.css-1qokuqc{font-size:1em;}}</style><h2 class="MuiTypography-root MuiTypography-h2 css-1qokuqc">Aside from working hard, I tend to enjoy simple things like reading, petting cats, hitting<span style="cursor:pointer;color:#0092ff">...read more</span></h2></div></div></div><style data-emotion="css 2yyumq">.css-2yyumq{width:100%;height:300px;margin-top:6em;margin-bottom:6em;position:relative;}</style><div class="MuiBox-root css-2yyumq"><style data-emotion="css 1bxrnz7">.css-1bxrnz7{width:100%;top:0;left:-100%;position:absolute;background:#0092ff;}</style><div class="CTAbox MuiBox-root css-1bxrnz7"><style data-emotion="css 1njlsa4">.css-1njlsa4{width:100%;margin-left:auto;box-sizing:border-box;margin-right:auto;display:block;padding-left:16px;padding-right:16px;margin:0 auto;padding-top:3em;padding-bottom:3em;}@media (min-width:600px){.css-1njlsa4{padding-left:24px;padding-right:24px;}}@media (min-width:1200px){.css-1njlsa4{max-width:1200px;}}</style><div class="MuiContainer-root MuiContainer-maxWidthLg CTAcontainer  css-1njlsa4"><style data-emotion="css 1b4q1r2">.css-1b4q1r2{margin:0;font-family:'Montserrat',sans-serif;font-weight:400;font-size:1.1428571428571428rem;line-height:1.5;font-weight:600;text-align:center;}@media (min-width:0px){.css-1b4q1r2{font-size:1.5em;}}@media (min-width:600px){.css-1b4q1r2{font-size:2em;}}
6@media (min-width:900px){.css-1b4q1r2{font-size:2.5em;}}</style><p class="MuiTypography-root MuiTypography-body1 t25o0 css-1b4q1r2">What&#x27;s holding you back? Send me a message!</p><style data-emotion="css z3unct">.css-z3unct{margin:1.5em 0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style><div class="MuiBox-root css-z3unct"><style data-emotion="css 195y5ds">.css-195y5ds{font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:5px 15px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;border:1px solid rgba(0, 146, 255, 0.5);color:#0092ff;color:white;opacity:0;border:1px solid white;margin-top:.5em;padding:.5em 3.5em;}.css-195y5ds:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(0, 146, 255, 0.08);border:1px solid #0092ff;}@media (hover: none){.css-195y5ds:hover{background-color:transparent;}}.css-195y5ds.Mui-disabled{color:rgba(255, 255, 255, 0.3);border:1px solid rgba(255, 255, 255, 0.12);}.css-195y5ds:hover{background:white;color:#0092ff;}</style><style data-emotion="css 363fqd">.css-363fqd{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:'Montserrat',sans-serif;font-weight:500;font-size:1rem;line-height:1.75;text-transform:uppercase;min-width:64px;padding:5px 15px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;border:1px solid rgba(0, 146, 255, 0.5);color:#0092ff;color:white;opacity:0;border:1px solid white;margin-top:.5em;padding:.5em 3.5em;}.css-363fqd::-moz-focus-inner{border-style:none;}.css-363fqd.Mui-disabled{pointer-events:none;cursor:default;}@media print{.css-363fqd{-webkit-print-color-adjust:exact;color-adjust:exact;}}.css-363fqd:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(0, 146, 255, 0.08);border:1px solid #0092ff;}@media (hover: none){.css-363fqd:hover{background-color:transparent;}}.css-363fqd.Mui-disabled{color:rgba(255, 255, 255, 0.3);border:1px solid rgba(255, 255, 255, 0.12);}.css-363fqd:hover{background:white;color:#0092ff;}</style><button class="MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButtonBase-root ctabtn css-363fqd" tabindex="0" type="button">Contact</button></div></div></div></div><style data-emotion="css 13tqxrv">@media (min-width:0px){.css-13tqxrv{display:none;}}@media (min-width:900px){.css-13tqxrv{display:block;}}</style><div class="ball MuiBox-root css-13tqxrv"></div></div></div><div class="MuiBox-root css-0"><style data-emotion="css ltxcsh">.css-ltxcsh{margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-width:0;border-style:solid;border-color:#353535;border-bottom-width:thin;}</style><hr class="MuiDivider-root MuiDivider-fullWidth css-ltxcsh"/><style data-emotion="css bxowec">.css-bxowec{width:100%;color:white;min-height:200px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;}</style><div class="MuiBox-root css-bxowec"><style data-emotion="css 1jfdsd7">.css-1jfdsd7{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;max-width:1200px;gap:1.5em;margin-top:2em;margin-bottom:2em;}@media (min-width:0px){.css-1jfdsd7{margin-left:3vw;margin-right:3vw;}}@media (min-width:1200px){.css-1jfdsd7{margin-left:auto;margin-right:auto;}}</style><div class="MuiGrid-root MuiGrid-container css-1jfdsd7"><style data-emotion="css 1wzbda">.css-1wzbda{box-sizing:border-box;margin:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}@media (min-width:600px){.css-1wzbda{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:50%;}}
6@media (min-width:900px){.css-1wzbda{-webkit-flex-basis:41.666667%;-ms-flex-preferred-size:41.666667%;flex-basis:41.666667%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:41.666667%;}}@media (min-width:1200px){.css-1wzbda{-webkit-flex-basis:41.666667%;-ms-flex-preferred-size:41.666667%;flex-basis:41.666667%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:41.666667%;}}@media (min-width:1536px){.css-1wzbda{-webkit-flex-basis:41.666667%;-ms-flex-preferred-size:41.666667%;flex-basis:41.666667%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:41.666667%;}}</style><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-5 css-1wzbda"><style data-emotion="css 1n5msd0">.css-1n5msd0{margin:0;color:#ffffff;font-family:'Montserrat',sans-serif;font-weight:300;font-size:6.857142857142857rem;line-height:1.167;font-size:1.4em;font-weight:400;}</style><h1 class="MuiTypography-root MuiTypography-h1 css-1n5msd0">About</h1><style data-emotion="css qonal4">.css-qonal4{margin-top:1em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:15px;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;color:white;}</style><div class="MuiBox-root css-qonal4"><style data-emotion="css biuc10">.css-biuc10{margin:0;color:#a7a7a7;line-height:1.3em;font-family:'Montserrat',sans-serif;font-weight:400;font-size:3.4285714285714284rem;font-size:1em;}</style><h3 class="MuiTypography-root MuiTypography-h3 css-biuc10">Hi, my name is Vito Medlej and I have created the OnBeirut Agency which aims to solve various issues small lebanese businesses face. You are free to use the website as a template for yourself as long as you give credit.</h3></div></div><style data-emotion="css 1d2cjjf">.css-1d2cjjf{box-sizing:border-box;margin:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}@media (min-width:600px){.css-1d2cjjf{-webkit-flex-basis:33.333333%;-ms-flex-preferred-size:33.333333%;flex-basis:33.333333%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:33.333333%;}}@media (min-width:900px){.css-1d2cjjf{-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:25%;}}@media (min-width:1200px){.css-1d2cjjf{-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:25%;}}@media (min-width:1536px){.css-1d2cjjf{-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:25%;}}</style><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4 MuiGrid-grid-md-3 css-1d2cjjf"><h1 class="MuiTypography-root MuiTypography-h1 css-1n5msd0">Links</h1><div class="link MuiBox-root css-qonal4"><style data-emotion="css pts5f9">.css-pts5f9{margin:0;font-family:'Montserrat',sans-serif;font-weight:400;font-size:1.1428571428571428rem;line-height:1.5;}</style><p class="MuiTypography-root MuiTypography-body1 FooterLink css-pts5f9">Home</p><a href="/contact">Contact</a><p class="MuiTypography-root MuiTypography-body1 FooterLink css-pts5f9">About</p></div></div><style data-emotion="css f9p5hp">.css-f9p5hp{box-sizing:border-box;margin:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}@media (min-width:600px){.css-f9p5hp{-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:25%;}}
6@media (min-width:900px){.css-f9p5hp{-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:25%;}}@media (min-width:1200px){.css-f9p5hp{-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:25%;}}@media (min-width:1536px){.css-f9p5hp{-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:25%;}}</style><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3 MuiGrid-grid-md-3 css-f9p5hp"><h1 class="MuiTypography-root MuiTypography-h1 css-1n5msd0">Contact</h1><div class="link MuiBox-root css-qonal4"><a target="_blank" rel="noreferrer" href="https://github.com/VitoMedlej">Github</a><style data-emotion="css 1l07tdc">.css-1l07tdc{margin:0;color:#ffffff;font-family:'Montserrat',sans-serif;font-weight:300;font-size:6.857142857142857rem;line-height:1.167;font-size:1em;}</style><h1 class="MuiTypography-root MuiTypography-h1 css-1l07tdc">[email protected]</h1><h1 class="MuiTypography-root MuiTypography-h1 css-1l07tdc">Lebanon/Beirut</h1><h1 class="MuiTypography-root MuiTypography-h1 css-1l07tdc">+961/81826445</h1></div></div></div></div><hr class="MuiDivider-root MuiDivider-fullWidth css-ltxcsh"/><style data-emotion="css 7dko21">.css-7dko21{max-width:1200px;text-align:center;margin:1em auto;}</style><div class="MuiBox-root css-7dko21"><h1 class="MuiTypography-root MuiTypography-h1 css-1l07tdc">Copyright © <a href="https://onbeirut.onrender.com">onbeirut.onrender.com</a> <!-- --> <!-- -->2025<!-- -->.</h1></div></div></div>
6<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"projectsArray":[{"title":"OnBeirut Agnecy","repoUrl":"https://github.com/VitoMedlej/","siteUrl":"https://onbeirut.onrender.com/","description":"OnBeirut Web \u0026 Mobile apps development Agency. We are a small experienced team of software engineering professionals specializes in crafting tailored solutions for businesses of all sizes. We focus on delivering engaging, user-friendly websites and mobile apps, and provide ongoing support to help you achieve lasting online success. With our expertise and passion for the digital world, we’re your reliable partner for all your web and mobile development needs.","img":"https://ucarecdn.com/ccf9df8b-25c5-4477-9661-5b51d8cdffe6/WebsiteLaptopMockupInstagramPost21.png"},{"title":"Zekra For Natural Cosmetics","repoUrl":"https://github.com/VitoMedlej","siteUrl":"https://zekra.shop/","description":"The owners of Zekra realized that social media isn't enough, since they aren't getting enough sales. Our web solution certainly helped them grow online.","img":"https://ucarecdn.com/bbf7103d-7ae2-4c2f-bb47-e7cba2544100/PastelPinkGreenMarbleNaturalBeautyProductsFacebookCover31.png"},{"title":"Powerhouse European Appliances","repoUrl":"https://github.com/VitoMedlej/","siteUrl":"powerhouse-lb.com","description":"Powerhouse serves as an online platform to provide Lebanese customers with access to European electronics through social media. Our full e-commerce site increased Powerhouse's online presence and boosted sales with significant measurable results.","img":"https://ucarecdn.com/8afdca65-2661-40fe-b012-c7e1e3fd0bf3/PastelPinkGreenMarbleNaturalBeautyProductsFacebookCover21.png"},{"title":"TeenTops Electronics ","repoUrl":"https://github.com/VitoMedlej/","siteUrl":"https://teentops-lb.com/","description":"Teentops is an online electronics store that lacked online presence. With a full plan I was able to build the site, from designing the frontend, developing the API, and ensuring the site was fully optimized for SEO. As a result, we were able to significantly increase customer trust and engagement with the brand.    ","img":"https://ucarecdn.com/5de3c6dc-1b9d-4289-a027-86ca9055b53e/PastelPinkGreenMarbleNaturalBeautyProductsFacebookCover1.png"}],"iconsArray":[{"svg":"https://www.svgrepo.com/show/353985/laravel.svg","title":"Laravel PHP","isBackend":true},{"svg":"https://www.svgrepo.com/show/355190/reactjs.svg","title":"React js/native"},{"svg":"https://www.svgrepo.com/show/452156/angular.svg","title":"Angular"},{"filter":true,"svg":"https://www.svgrepo.com/show/353773/gatsby.svg","title":"Gatsby"},{"svg":"https://www.svgrepo.com/show/374073/serverless.svg","title":"Serverless","isBackend":true},{"svg":"https://www.svgrepo.com/show/373644/graphql.svg","title":"GraphQl","isBackend":true},{"svg":"https://www.svgrepo.com/show/355133/mysql.svg","title":"MySQL","isBackend":true},{"svg":"https://www.svgrepo.com/show/303460/redis-logo.svg","title":"Redis DB","isBackend":true},{"svg":"https://www.svgrepo.com/show/354119/nodejs-icon.svg","title":"Nodejs","isBackend":true},{"svg":"https://www.svgrepo.com/show/374068/scss.svg","title":"Scss"},{"svg":"https://www.svgrepo.com/show/355081/js.svg","title":"Javascript"},{"svg":"https://www.svgrepo.com/show/349540/typescript.svg","title":"Typescript"},{"svg":"https://www.svgrepo.com/show/353782/git-icon.svg","title":"Git"},{"filter":true,"svg":"https://res.cloudinary.com/dwcu3wcol/image/upload/v1658045310/nextjs_l7vxuz.svg","title":"Nextjs"}]},"__N_SSG":true},"page":"/","query":{},"buildId":"J76-ozbLxY0b1OoLkYX89","isFallback":false,"gsp":true,"scriptLoader":[]}</script>
6</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.