<header class="flex items-center">

<img src="logo.png" class="w-18" alt="Mehdi Rafiei Persoanl Website Logo" />

<Item><nuxt-link href="/">Home</nuxt-link></Item>

<Item><nuxt-link href="/about">About</nuxt-link></Item>

<Item><nuxt-link href="/works"> Portfolio</nuxt-link></Item>

<Item><nuxt-link href="/contact_me"> Contact</nuxt-link></Item>

<a href="Mehdi_Rafiee-Resume.pdf" title="Download Mehdi Rafiei Resume (PDF)"> Resume </a>

<themeswitch class="moon">Dark/Light</themeswitch>

<langswitch class="en">en/fa</langswitch>

</header>

<initilizecontent class="content">Hello World - I'm Mehdi Rafiei</initilizecontent>

<myname is="Mehdi Rafiei" />

<jobtitle is="Front-End Developer" />

<portfolios are="ready" number="8" />

<experience years="more than 6" />

<birthdate year="1998" month="july" day="11" />

<skills :list="['NUXT', 'Vue', 'React', 'Next', 'Javascript','Responsive Design', 'i18n', 'TypeScript]" />

<contactDetails :list="['info@mehdicode.com', 'linkedin.com/in/merafiee', 'github.com/mehdicodecom']" />