JBL landing page
Landing page for JBL company. in this project , I used HTML, CSS, and JavaScript based on vite.js framework. I also used the BEM methods and Scroll Reveal...
'%3e%3cpath%20d='M12.5601%20153.787L0%200.288147L150%200.596615L136.719%20153.787L75.5661%20171.494L12.5601%20153.787Z'%20fill='%231B73BA'/%3e%3cpath%20d='M75.5661%20156.669V14.9071L137.337%2015.1127L126.322%20141.947L75.5661%20156.669Z'%20fill='%231C88C7'/%3e%3cpath%20d='M121.997%2033.0269H26.9734L29.5476%2051.5567H74.6395L30.2685%2070.6031L32.8415%2088.516H98.2161L95.8476%20113.532L73.7129%20117.857L53.6383%20112.71L52.0935%2098.5019H33.6653L36.1355%20128.049L75.669%20139.065L113.556%20127.02L118.395%2069.264H78.3448L121.996%2051.1454L121.997%2033.0269Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_58_157'%3e%3crect%20width='150'%20height='171.782'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
'%3e%3cpath%20d='M12.5601%20153.788L-3.8147e-06%200.286926L150%200.595394L136.719%20153.788L75.5661%20171.495L12.5601%20153.788Z'%20fill='%23E34F26'/%3e%3cpath%20d='M75.5661%20156.67V14.9059L137.337%2015.1115L126.322%20141.947L75.5661%20156.67Z'%20fill='%23EF652A'/%3e%3cpath%20d='M120.351%2050.3216L122.1%2031.5837H27.0762L32.3262%2089.0313H97.9064L95.3347%20113.533L74.3323%20119.195L53.0214%20113.018L51.8891%2098.3991H33.0472L35.6214%20128.255L74.331%20139.065L113.349%20128.255L118.599%2069.985H49.7262L47.7702%2050.3216H120.351Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_58_151'%3e%3crect%20width='150'%20height='171.782'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
'%3e%3cpath%20d='M0%200H150V150H0V0Z'%20fill='%23F0DB4F'/%3e%3cpath%20d='M137.723%20114.225C136.625%20107.381%20132.163%20101.635%20118.945%2096.2738C114.354%2094.1635%20109.235%2092.6523%20107.709%2089.173C107.167%2087.1483%20107.096%2086.0076%20107.438%2084.7814C108.422%2080.8032%20113.17%2079.5628%20116.934%2080.7034C119.358%2081.5162%20121.654%2083.3842%20123.037%2086.3641C129.51%2082.1722%20129.496%2082.2006%20134.016%2079.3205C132.362%2076.754%20131.478%2075.5704%20130.394%2074.4726C126.502%2070.1237%20121.198%2067.8851%20112.714%2068.0562C111.245%2068.2416%20109.762%2068.4411%20108.294%2068.6266C104.059%2069.696%20100.024%2071.9203%2097.6568%2074.9004C90.5561%2082.9564%2092.5808%2097.058%20101.221%20102.861C109.734%20109.249%20122.239%20110.704%20123.836%20116.678C125.39%20123.993%20118.46%20126.359%20111.573%20125.518C106.497%20124.463%20103.674%20121.882%20100.623%20117.191C95.0049%20120.442%2095.0049%20120.442%2089.2302%20123.764C90.599%20126.759%2092.039%20128.113%2094.3347%20130.708C105.2%20141.73%20132.391%20141.188%20137.267%20124.506C137.467%20123.935%20138.779%20120.114%20137.723%20114.225ZM81.5447%2068.9401H67.5142C67.5142%2081.0599%2067.4574%2093.0941%2067.4574%20105.214C67.4574%20112.928%2067.8566%20120%2066.6018%20122.167C64.5486%20126.43%2059.2302%20125.903%2056.8062%20125.076C54.3395%20123.864%2053.0847%20122.139%2051.6304%20119.701C51.2311%20119.002%2050.9317%20118.46%2050.8317%20118.417C47.0248%20120.741%2043.2319%20123.08%2039.4249%20125.404C41.3214%20129.297%2044.116%20132.676%2047.6949%20134.872C53.0418%20138.08%2060.2281%20139.064%2067.7425%20137.338C72.6332%20135.912%2076.8536%20132.961%2079.0637%20128.47C82.2576%20122.581%2081.5732%20115.452%2081.5447%20107.567C81.616%2094.7053%2081.5447%2081.8441%2081.5447%2068.9401Z'%20fill='%23323330'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_58_163'%3e%3crect%20width='150'%20height='150'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
'/%3e%3cpath%20d='M185.432.063L96.44%2017.501a3.268%203.268%200%200%200-2.634%203.014l-5.474%2092.456a3.268%203.268%200%200%200%203.997%203.378l24.777-5.718c2.318-.535%204.413%201.507%203.936%203.838l-7.361%2036.047c-.495%202.426%201.782%204.5%204.151%203.78l15.304-4.649c2.372-.72%204.652%201.36%204.15%203.788l-11.698%2056.621c-.732%203.542%203.979%205.473%205.943%202.437l1.313-2.028%2072.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505%204.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113z'%20fill='url(%23b)'/%3e%3c/svg%3e)
%20scale(0.100000,-0.100000)'%20fill='%23000000'%20stroke='none'%3e%3cpath%20d='M263%204496%20c-104%20-34%20-185%20-106%20-232%20-205%20l-26%20-56%200%20-820%200%20-820%2029%20-62%20c34%20-73%20113%20-153%20183%20-186%2039%20-18%2066%20-22%20148%20-22%2090%200%20106%203%20160%2029%2073%2036%20135%2099%20172%20174%20l28%2057%200%20825%200%20825%20-28%2061%20c-58%20125%20-178%20205%20-317%20211%20-45%202%20-92%20-3%20-117%20-11z'/%3e%3cpath%20d='M1737%204499%20c-94%20-22%20-194%20-104%20-235%20-193%20-35%20-74%20-44%20-147%20-40%20-321%204%20-136%208%20-169%2027%20-217%2030%20-76%20106%20-159%20179%20-195%2051%20-25%2067%20-28%20162%20-28%2096%200%20110%203%20158%2028%2075%2039%20124%2087%20163%20159%20l34%2063%203%20204%20c4%20233%20-1%20264%20-60%20351%20-82%20124%20-241%20184%20-391%20149z'/%3e%3cpath%20d='M3177%204491%20c-102%20-34%20-189%20-118%20-228%20-221%20-18%20-49%20-19%20-105%20-19%20-1710%200%20-1605%201%20-1661%2019%20-1710%2041%20-108%20126%20-188%20235%20-222%20211%20-65%20425%2065%20466%20284%2013%2068%2013%203228%200%203296%20-32%20172%20-167%20291%20-338%20299%20-56%202%20-93%20-2%20-135%20-16z'/%3e%3cpath%20d='M4655%204497%20c-106%20-36%20-188%20-106%20-231%20-200%20l-29%20-62%200%20-825%200%20-825%2028%20-57%20c36%20-73%20101%20-139%20175%20-175%2051%20-25%2068%20-28%20157%20-28%2082%200%20109%204%20148%2022%2070%2033%20149%20113%20183%20186%20l29%2062%200%20820%200%20820%20-32%2066%20c-62%20125%20-175%20200%20-313%20206%20-44%202%20-91%20-3%20-115%20-10z'/%3e%3cpath%20d='M1711%202784%20c-101%20-36%20-184%20-116%20-223%20-213%20l-23%20-56%20-3%20-774%20c-2%20-473%201%20-794%207%20-826%2049%20-265%20345%20-389%20568%20-238%2060%2040%20123%20127%20142%20194%209%2033%2011%20245%209%20859%20l-3%20815%20-34%2063%20c-67%20123%20-169%20185%20-311%20189%20-59%202%20-99%20-2%20-129%20-13z'/%3e%3cpath%20d='M229%201557%20c-72%20-30%20-122%20-70%20-164%20-132%20-57%20-85%20-67%20-140%20-63%20-353%20l3%20-187%2032%20-66%20c39%20-79%20102%20-140%20181%20-177%2049%20-23%2070%20-27%20147%20-27%2077%200%2098%204%20147%2027%2080%2037%20149%20105%20184%20181%20l29%2062%200%20215%200%20215%20-29%2059%20c-37%2076%20-102%20140%20-174%20174%20-82%2038%20-213%2042%20-293%209z'/%3e%3cpath%20d='M4619%201557%20c-78%20-32%20-126%20-72%20-170%20-140%20-53%20-82%20-61%20-131%20-57%20-347%203%20-179%204%20-187%2032%20-247%2035%20-76%20104%20-144%20184%20-181%2049%20-23%2070%20-27%20147%20-27%2077%200%2098%204%20147%2027%2079%2037%20142%2098%20181%20177%20l32%2066%203%20190%20c3%20174%202%20196%20-18%20255%20-36%20109%20-114%20191%20-216%20230%20-77%2028%20-190%2027%20-265%20-3z'/%3e%3c/g%3e%3c/svg%3e)
Rez
Hosseinkhani
Rez Hosseinkhani
Passionate about creating and designing websites with the best engaging interfaces.
Download CVRez Hosseinkhani - Web Designer & Developer
Located in Peru, I have several years of experience in web development and design, carrying out several successful projects.
He doesn't write messages on social networks, send me an email and I'll answer you.
Contact MeSkills
'%3e%3cpath%20d='M75%200.119995C55.0002%200.119995%2042.4998%2010.1202%2037.5%2030.12C45%2020.1198%2053.7498%2016.3698%2063.75%2018.87C69.4553%2020.2962%2073.5334%2024.4358%2078.0475%2029.0173C85.401%2036.4815%2093.9111%2045.12%20112.5%2045.12C132.5%2045.12%20145%2035.1198%20150%2015.12C142.5%2025.1202%20133.75%2028.8702%20123.75%2026.37C118.045%2024.9438%20113.967%2020.8042%20109.453%2016.2227C102.099%208.75847%2093.5889%200.119995%2075%200.119995ZM37.5%2045.12C17.5002%2045.12%204.9998%2055.1202%200%2075.12C7.5%2065.1198%2016.2498%2061.3698%2026.25%2063.87C31.9553%2065.2962%2036.0334%2069.4358%2040.5475%2074.0173C47.901%2081.4815%2056.4111%2090.12%2075%2090.12C94.9998%2090.12%20107.5%2080.1198%20112.5%2060.12C105%2070.1202%2096.2502%2073.8702%2086.25%2071.37C80.5447%2069.9438%2076.4666%2065.8042%2071.9525%2061.2227C64.599%2053.7585%2056.0889%2045.12%2037.5%2045.12Z'%20fill='url(%23paint0_linear_58_161)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_58_161'%20x1='-1066.75'%20y1='4423.8'%20x2='-622.586'%20y2='9407.91'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232298BD'/%3e%3cstop%20offset='1'%20stop-color='%230ED7B5'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_58_161'%3e%3crect%20width='150'%20height='90.24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
'%3e%3cpath%20d='M147.171%2068.3168L81.6797%202.82888C77.9103%20-0.942798%2071.7932%20-0.942798%2068.0191%202.82888L54.4195%2016.4285L71.6713%2033.6802C75.6803%2032.3256%2080.2775%2033.2343%2083.4732%2036.4301C86.6842%2039.6463%2087.5865%2044.2828%2086.199%2048.3047L102.825%2064.9312C106.847%2063.5455%20111.489%2064.442%20114.701%2067.6599C119.191%2072.1482%20119.191%2079.4226%20114.701%2083.9138C110.21%2088.4056%20102.936%2088.4056%2098.4422%2083.9138C95.0648%2080.533%2094.2305%2075.573%2095.9402%2071.4123L80.4352%2055.9072L80.4334%2096.7101C81.5574%2097.2659%2082.584%2098%2083.4732%2098.884C87.9633%20103.372%2087.9633%20110.647%2083.4732%20115.142C78.982%20119.631%2071.7041%20119.631%2067.2193%20115.142C62.7293%20110.647%2062.7293%20103.373%2067.2193%2098.8845C68.2953%2097.808%2069.5741%2096.9554%2070.9816%2096.3761V55.1929C69.572%2054.6175%2068.2926%2053.7645%2067.2193%2052.6845C63.8174%2049.2873%2062.9994%2044.2957%2064.7426%2040.1185L47.7363%2023.1105L2.83008%2068.0138C-0.943359%2071.789%20-0.943359%2077.9068%202.83008%2081.6791L68.3227%20147.168C72.0932%20150.94%2078.2092%20150.94%2081.9844%20147.168L147.171%2081.9832C150.943%2078.2097%20150.943%2072.0885%20147.171%2068.3168Z'%20fill='%23DE4C36'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_58_172'%3e%3crect%20width='150'%20height='150'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
'%3e%3cpath%20d='M74.71%200C33.4541%200%200%2033.4482%200%2074.71C0%20107.719%2021.4066%20135.724%2051.0914%20145.603C54.825%20146.294%2056.1961%20143.982%2056.1961%20142.008C56.1961%20140.227%2056.1264%20134.341%2056.0947%20128.099C35.3098%20132.618%2030.924%20119.284%2030.924%20119.284C27.5256%20110.648%2022.6289%20108.353%2022.6289%20108.353C15.8508%20103.716%2023.1398%20103.811%2023.1398%20103.811C30.6422%20104.338%2034.5926%20111.51%2034.5926%20111.51C41.2559%20122.931%2052.0699%20119.629%2056.3332%20117.721C57.0035%20112.891%2058.94%20109.596%2061.0764%20107.73C44.4826%20105.841%2027.0381%2099.4348%2027.0381%2070.8082C27.0381%2062.6519%2029.9566%2055.9869%2034.7361%2050.7551C33.9604%2048.873%2031.4033%2041.2746%2035.4598%2030.9838C35.4598%2030.9838%2041.7334%2028.9758%2056.0104%2038.642C61.9693%2036.9861%2068.3607%2036.1564%2074.71%2036.1283C81.0592%2036.1564%2087.4553%2036.9861%2093.426%2038.642C107.686%2028.9758%20113.951%2030.9838%20113.951%2030.9838C118.017%2041.2746%20115.459%2048.873%20114.683%2050.7551C119.473%2055.9869%20122.372%2062.6514%20122.372%2070.8082C122.372%2099.5027%20104.895%20105.821%2088.2586%20107.671C90.9381%20109.989%2093.3258%20114.536%2093.3258%20121.506C93.3258%20131.502%2093.2391%20139.547%2093.2391%20142.008C93.2391%20143.996%2094.5838%20146.326%2098.3713%20145.593C128.04%20135.703%20149.419%20107.708%20149.419%2074.71C149.419%2033.4482%20115.97%200%2074.71%200Z'%20fill='%23E6E6E6'/%3e%3cpath%20d='M27.9815%20106.426C27.8174%20106.797%2027.2326%20106.908%2026.7012%20106.654C26.1592%20106.41%2025.8545%20105.904%2026.0303%20105.531C26.1914%20105.149%2026.7762%20105.043%2027.317%20105.299C27.8602%20105.543%2028.1696%20106.054%2027.9815%20106.426ZM31.6565%20109.705C31.3002%20110.036%2030.6035%20109.882%2030.1307%20109.36C29.642%20108.839%2029.5506%20108.143%2029.9121%20107.807C30.2795%20107.477%2030.9551%20107.631%2031.445%20108.153C31.9336%20108.68%2032.0285%20109.372%2031.6559%20109.706M34.1778%20113.9C33.7196%20114.219%2032.9707%20113.92%2032.5084%20113.256C32.0508%20112.592%2032.0508%20111.795%2032.5184%20111.476C32.9825%20111.156%2033.7196%20111.444%2034.1883%20112.103C34.6453%20112.778%2034.6453%20113.575%2034.1772%20113.901M38.441%20118.76C38.0315%20119.211%2037.1596%20119.09%2036.5209%20118.474C35.8682%20117.871%2035.686%20117.016%2036.0967%20116.565C36.511%20116.112%2037.3881%20116.239%2038.0315%20116.851C38.6801%20117.452%2038.8776%20118.313%2038.441%20118.76ZM43.9512%20120.4C43.7713%20120.985%2042.9311%20121.251%2042.085%20121.003C41.2401%20120.746%2040.6869%20120.061%2040.8575%20119.47C41.0332%20118.881%2041.877%20118.604%2042.7295%20118.87C43.5733%20119.125%2044.127%20119.805%2043.9512%20120.4ZM50.2231%20121.096C50.2442%20121.712%2049.5264%20122.223%2048.6381%20122.234C47.7446%20122.254%2047.0221%20121.755%2047.0127%20121.149C47.0127%20120.527%2047.7141%20120.021%2048.6071%20120.006C49.4953%20119.988%2050.2231%20120.483%2050.2231%20121.096ZM56.3836%20120.86C56.4903%20121.461%2055.8727%20122.078%2054.9909%20122.242C54.1237%20122.401%2053.3209%20122.03%2053.2102%20121.434C53.1024%20120.817%2053.7317%20120.2%2054.5971%20120.04C55.4807%20119.887%2056.2711%20120.248%2056.3836%20120.86Z'%20fill='%23E6E6E6'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_58_199'%3e%3crect%20width='150'%20height='145.92'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
'%3e%3cpath%20d='M26.5625%200.0150146H123.438C138.125%200.0150146%20150%2011.89%20150%2026.5775V119.703C150%20134.39%20138.125%20146.265%20123.438%20146.265H26.5625C11.875%20146.265%200%20134.39%200%20119.703V26.5775C0%2011.89%2011.875%200.0150146%2026.5625%200.0150146Z'%20fill='%23001E36'/%3e%3cpath%20d='M33.75%20102.578V38.265C33.75%2037.8275%2033.9375%2037.5775%2034.375%2037.5775C35.4375%2037.5775%2036.4375%2037.5775%2037.875%2037.515C39.375%2037.4525%2040.9375%2037.4525%2042.625%2037.39C44.3125%2037.3275%2046.125%2037.3275%2048.0625%2037.265C50%2037.2025%2051.875%2037.2025%2053.75%2037.2025C58.875%2037.2025%2063.125%2037.8275%2066.625%2039.14C69.75%2040.2025%2072.625%2041.9525%2075%2044.265C77%2046.265%2078.5625%2048.7025%2079.5625%2051.39C80.5%2054.015%2081%2056.7025%2081%2059.515C81%2064.89%2079.75%2069.3275%2077.25%2072.8275C74.75%2076.3275%2071.25%2078.9525%2067.1875%2080.4525C62.9375%2082.015%2058.25%2082.5775%2053.125%2082.5775C51.625%2082.5775%2050.625%2082.5775%2050%2082.515C49.375%2082.4525%2048.5%2082.4525%2047.3125%2082.4525V102.515C47.375%20102.953%2047.0625%20103.328%2046.625%20103.39H34.5C34%20103.39%2033.75%20103.14%2033.75%20102.578ZM47.375%2049.64V70.64C48.25%2070.7025%2049.0625%2070.765%2049.8125%2070.765H53.125C55.5625%2070.765%2058%2070.39%2060.3125%2069.64C62.3125%2069.0775%2064.0625%2067.89%2065.4375%2066.3275C66.75%2064.765%2067.375%2062.64%2067.375%2059.89C67.4375%2057.9525%2066.9375%2056.015%2065.9375%2054.3275C64.875%2052.7025%2063.375%2051.4525%2061.5625%2050.765C59.25%2049.8275%2056.75%2049.4525%2054.1875%2049.515C52.5625%2049.515%2051.125%2049.515%2049.9375%2049.5775C48.6875%2049.515%2047.8125%2049.5775%2047.375%2049.64ZM120%2066.8275C118.125%2065.8275%20116.125%2065.14%20114%2064.7025C111.687%2064.2025%20109.375%2063.89%20107%2063.89C105.75%2063.8275%20104.437%2064.015%20103.25%2064.3275C102.437%2064.515%20101.75%2064.9525%20101.313%2065.5775C101%2066.0775%20100.813%2066.7025%20100.813%2067.265C100.813%2067.8275%20101.063%2068.39%20101.438%2068.89C102%2069.5775%20102.75%2070.14%20103.562%2070.5775C105%2071.3275%20106.5%2072.015%20108%2072.64C111.375%2073.765%20114.625%2075.3275%20117.625%2077.2025C119.687%2078.515%20121.375%2080.265%20122.563%2082.39C123.563%2084.39%20124.062%2086.5775%20124%2088.8275C124.062%2091.765%20123.187%2094.7025%20121.562%2097.14C119.813%2099.64%20117.375%20101.578%20114.563%20102.703C111.5%20104.015%20107.75%20104.703%20103.25%20104.703C100.375%20104.703%2097.5625%20104.453%2094.75%20103.89C92.5625%20103.515%2090.375%20102.828%2088.375%20101.89C87.9375%20101.64%2087.625%20101.203%2087.6875%20100.703V89.8275C87.6875%2089.64%2087.75%2089.39%2087.9375%2089.265C88.125%2089.14%2088.3125%2089.2025%2088.5%2089.3275C90.9375%2090.765%2093.5%2091.765%2096.25%2092.39C98.625%2093.015%20101.125%2093.3275%20103.625%2093.3275C106%2093.3275%20107.688%2093.015%20108.813%2092.4525C109.813%2092.015%20110.5%2090.9525%20110.5%2089.8275C110.5%2088.9525%20110%2088.14%20109%2087.3275C108%2086.515%20105.938%2085.5775%20102.875%2084.39C99.6875%2083.265%2096.75%2081.765%2094%2079.89C92.0625%2078.515%2090.4375%2076.7025%2089.25%2074.5775C88.25%2072.5775%2087.75%2070.39%2087.8125%2068.2025C87.8125%2065.515%2088.5625%2062.9525%2089.9375%2060.64C91.5%2058.14%2093.8125%2056.14%2096.5%2054.89C99.4375%2053.39%20103.125%2052.7025%20107.563%2052.7025C110.125%2052.7025%20112.75%2052.89%20115.312%2053.265C117.188%2053.515%20119%2054.015%20120.688%2054.7025C120.938%2054.765%20121.188%2055.015%20121.313%2055.265C121.375%2055.515%20121.438%2055.765%20121.438%2056.015V66.2025C121.438%2066.4525%20121.313%2066.7025%20121.125%2066.8275C120.563%2066.9525%20120.25%2066.9525%20120%2066.8275Z'%20fill='%2331A8FF'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_58_195'%3e%3crect%20width='150'%20height='146.28'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
'%3e%3cpath%20d='M37.5075%20224.955C58.2034%20224.955%2075%20208.158%2075%20187.462V149.97H37.5075C16.8117%20149.97%200.0150146%20166.767%200.0150146%20187.462C0.0150146%20208.158%2016.8117%20224.955%2037.5075%20224.955Z'%20fill='%230ACF83'/%3e%3cpath%20d='M0.0150146%20112.477C0.0150146%2091.7816%2016.8117%2074.985%2037.5075%2074.985H75V149.97H37.5075C16.8117%20149.97%200.0150146%20133.173%200.0150146%20112.477Z'%20fill='%23A259FF'/%3e%3cpath%20d='M0.0150146%2037.4925C0.0150146%2016.7966%2016.8117%200%2037.5075%200H75V74.985H37.5075C16.8117%2074.985%200.0150146%2058.1884%200.0150146%2037.4925Z'%20fill='%23F24E1E'/%3e%3cpath%20d='M75%200H112.493C133.188%200%20149.985%2016.7966%20149.985%2037.4925C149.985%2058.1884%20133.188%2074.985%20112.493%2074.985H75V0Z'%20fill='%23FF7262'/%3e%3cpath%20d='M149.985%20112.477C149.985%20133.173%20133.188%20149.97%20112.493%20149.97C91.7966%20149.97%2075%20133.173%2075%20112.477C75%2091.7816%2091.7966%2074.985%20112.493%2074.985C133.188%2074.985%20149.985%2091.7816%20149.985%20112.477Z'%20fill='%231ABCFE'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_58_166'%3e%3crect%20width='150'%20height='224.955'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
Visit the projects section to see the work done with these web technologies.
RECENT PROJECTS
Restaurant Landing Page
Sushiman Website Landing Page. In this project, I used HTML, CSS and JavaScript based on the vite.js framework. I also used the BEM methods and Aos for animation.
Cactus Landing Page
Cactus Web Landing Page. In this project, I used HTML, CSS and JavaScript based on the vite.js framework. I also used the BEM methods and Scroll Reveal for animation.
SERVICES I OFFER
Web Development
I have been working and learning in the front-end field for three years. Considering global standards including rules and conventions, I can implement any UI in the best way on a pixel-by-pixel basis.
Web Design
I leverage my expertise in color theory, typography, and layout to create visually appealing interfaces that not only attract users but also guide them intuitively through their journey on the site.
Maintenance and Support
Offering ongoing support and maintenance services to ensure websites remain up-to-date, secure, and functional.
EXPERIENCE OR WORK
Fronthooks
Website Development
08/22 - 10/2024As an intern, I had various responsibilities in front-end web development and played a significant role in content production and improving site performance in various company projects.