diff --git a/apps/react-app/src/pods/template-export/template-export.component.tsx b/apps/react-app/src/pods/template-export/template-export.component.tsx
index 6dc164c2..5889f247 100644
--- a/apps/react-app/src/pods/template-export/template-export.component.tsx
+++ b/apps/react-app/src/pods/template-export/template-export.component.tsx
@@ -6,10 +6,11 @@ import * as classes from './template-export.styles';
 interface Props {
   onExportToWord: (text: string) => void;
   onExportToMarkdown: (text: string) => void;
+  onExportToHTML: (text: string) => void;
 }
 
 export const TemplateExport: React.FC<Props> = props => {
-  const { onExportToWord, onExportToMarkdown } = props;
+  const { onExportToWord, onExportToMarkdown, onExportToHTML } = props;
   const { userChoice, setUserChoice } = useUserChoiceContext();
   const [text, setText] = React.useState<string>('');
 
@@ -27,6 +28,11 @@ export const TemplateExport: React.FC<Props> = props => {
     onExportToMarkdown(text);
   };
 
+  const handleExportToHTML = () => {
+    setUserChoice({ ...userChoice, manfredJsonContent: text });
+    onExportToHTML(text);
+  };
+
   return (
     <div className={classes.root}>
       <Navbar />
@@ -55,6 +61,14 @@ export const TemplateExport: React.FC<Props> = props => {
           >
             Export To Markdown
           </Button>
+          <Button
+            disabled={text ? false : true}
+            onClick={handleExportToHTML}
+            className={classes.buttonClass}
+            showIcon={false}
+          >
+            Export To HTML
+          </Button>
         </div>
       </div>
       <Footer />
diff --git a/apps/react-app/src/pods/template-export/template-export.container.tsx b/apps/react-app/src/pods/template-export/template-export.container.tsx
index 02a52a7d..b833d391 100644
--- a/apps/react-app/src/pods/template-export/template-export.container.tsx
+++ b/apps/react-app/src/pods/template-export/template-export.container.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { exportManfredJSonToWordAndDownload, parseStringToManfredJSon } from '@lemoncode/manfred2word';
 import { exportManfredJSonToMarkdown } from '@lemoncode/manfred2md';
+import { exportManfredJSonToHTML } from '@lemoncode/manfred2html';
 import { DEFAULT_EXPORT_FILENAME } from '@/core';
 import { download } from '@/common';
 import { TemplateExport } from './template-export.component';
@@ -34,5 +35,24 @@ export const TemplateExportContainer: React.FC = () => {
     }
   };
 
-  return <TemplateExport onExportToWord={onExportJsonToWord} onExportToMarkdown={onExportJsonToMarkdown} />;
+  const onExportJsonToHTML = async (text: string) => {
+    try {
+      const manfredJsonContent = parseManfredJson(text);
+      const content = exportManfredJSonToHTML(manfredJsonContent);
+      const blob = new Blob([content], { type: 'text/html' });
+
+      await download(blob, 'manfred.html');
+    } catch (error) {
+      console.error(error);
+      alert('Hay un error, no está utilizando el formato correcto');
+    }
+  };
+
+  return (
+    <TemplateExport
+      onExportToWord={onExportJsonToWord}
+      onExportToMarkdown={onExportJsonToMarkdown}
+      onExportToHTML={onExportJsonToHTML}
+    />
+  );
 };
diff --git a/package-lock.json b/package-lock.json
index bee70581..0797a408 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -61,7 +61,7 @@
         "@emotion/css": "^11.10.6",
         "@fontsource/inter": "^5.0.3",
         "@fontsource/sanchez": "^5.0.3",
-        "@lemoncode/manfred2html": "^0.0.0",
+        "@lemoncode/manfred2html": "*",
         "@lemoncode/manfred2md": "*",
         "@lemoncode/manfred2word": "*",
         "react": "^18.2.0",
diff --git a/packages/manfred-common/src/doc-parts/language-section/language-section.constants.ts b/packages/manfred-common/src/doc-parts/language-section/language-section.constants.ts
index bae72d06..c787a5b2 100644
--- a/packages/manfred-common/src/doc-parts/language-section/language-section.constants.ts
+++ b/packages/manfred-common/src/doc-parts/language-section/language-section.constants.ts
@@ -1,6 +1,7 @@
 import { LanguageType, LevelLanguageType } from './language-section.vm';
 
 export const languageList: LanguageType[] = [
+  { iso: 'de', name: 'Alemán' },
   { iso: 'es', name: 'Español' },
   { iso: 'it', name: 'Italiano' },
   { iso: 'en', name: 'Inglés' },
diff --git a/packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.ejs b/packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.ejs
new file mode 100644
index 00000000..378ceee3
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.ejs
@@ -0,0 +1,9 @@
+
+  <%_ if (profile && profile !== 'undefined' ) { -%>
+    <h1><%= profile?.name %> <br /><span><%= profile?.surnames %></span></h1>
+    <hr />
+    <p class="job-title"><%= profile?.title %></p>
+    <p><%= profile?.description %></p>
+<%_ } -%>
+
+
diff --git a/packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.part.ts
new file mode 100644
index 00000000..d945a21a
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.part.ts
@@ -0,0 +1,18 @@
+import { ManfredAwesomicCV } from '@/model';
+import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import aboutMe from './about-me-section.ejs?raw';
+import ejs from 'ejs';
+
+export const generateAboutMeSection = (cv: ManfredAwesomicCV): string => {
+  const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
+
+  return generateAboutMeSectionInner(profileSectionVm);
+};
+
+const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm): string => {
+  const rootObject = {
+    profile: profileSectionVm,
+  };
+
+  return ejs.render(aboutMe, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/html-parts/about-me-section/index.ts b/packages/manfred2html/src/engine/html-parts/about-me-section/index.ts
new file mode 100644
index 00000000..b0ee7d15
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/about-me-section/index.ts
@@ -0,0 +1 @@
+export * from './about-me-section.part';
diff --git a/packages/manfred2html/src/engine/html-parts/aside-element-end/aside-element-end.ejs b/packages/manfred2html/src/engine/html-parts/aside-element-end/aside-element-end.ejs
new file mode 100644
index 00000000..0124ef29
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/aside-element-end/aside-element-end.ejs
@@ -0,0 +1 @@
+</aside>
diff --git a/packages/manfred2html/src/engine/html-parts/aside-element-end/aside-element-end.part.ts b/packages/manfred2html/src/engine/html-parts/aside-element-end/aside-element-end.part.ts
new file mode 100644
index 00000000..34639985
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/aside-element-end/aside-element-end.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import asideElementEndTemplate from './aside-element-end.ejs?raw';
+
+export const generateAsideElementEnd = (): string => ejs.render(asideElementEndTemplate);
diff --git a/packages/manfred2html/src/engine/html-parts/aside-element-end/index.ts b/packages/manfred2html/src/engine/html-parts/aside-element-end/index.ts
new file mode 100644
index 00000000..e1b267cb
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/aside-element-end/index.ts
@@ -0,0 +1 @@
+export * from './aside-element-end.part';
diff --git a/packages/manfred2html/src/engine/html-parts/aside-element-start/aside-element-start.ejs b/packages/manfred2html/src/engine/html-parts/aside-element-start/aside-element-start.ejs
new file mode 100644
index 00000000..fbfaf4bc
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/aside-element-start/aside-element-start.ejs
@@ -0,0 +1 @@
+<aside>
diff --git a/packages/manfred2html/src/engine/html-parts/aside-element-start/aside-element-start.part.ts b/packages/manfred2html/src/engine/html-parts/aside-element-start/aside-element-start.part.ts
new file mode 100644
index 00000000..ba0290d3
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/aside-element-start/aside-element-start.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import asideElementStartTemplate from './aside-element-start.ejs?raw';
+
+export const generateAsideElementStart = (): string => ejs.render(asideElementStartTemplate);
diff --git a/packages/manfred2html/src/engine/html-parts/aside-element-start/index.ts b/packages/manfred2html/src/engine/html-parts/aside-element-start/index.ts
new file mode 100644
index 00000000..b43ccc07
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/aside-element-start/index.ts
@@ -0,0 +1 @@
+export * from './aside-element-start.part';
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.ejs b/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.ejs
new file mode 100644
index 00000000..5e68152e
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.ejs
@@ -0,0 +1,50 @@
+<%_ if(experienceCollection && experienceCollection.length !== 0){ -%>
+  <section class="main__section">
+    <div class="main__section__header">
+      <h2>Experiencia / carrera</h2>
+      <hr class="secondary-divider" />
+    </div>
+    <%_ for(const experience of experienceCollection){ -%>
+      <div class="main__section__item">
+        <div class="date date-desktop">
+          <p>Inicio: <b><%- experience.roles[0].startDate %></b></p>
+          <%_ if(experience.roles[0].finishDate || experience.roles[0].finishDate === 'Actualidad') { -%>
+            <p>Fin: <b><%- experience.roles[0].finishDate %></b></p>
+          <%_ } -%>
+        </div>
+        <div class="line-icon">
+          <div class="circle"></div>
+          <hr class="line" />
+        </div>
+        <div class="section__content">
+          <div class="section__content__header">
+            <h3><%- experience.name %></h3>
+            <%_ if(experience.type) { -%>
+              <h4><%- experience.description %></h4>
+            <%_ } -%>
+          </div>
+          <div class="date date-mobile">
+            <p>Inicio: <b><%- experience.roles[0].startDate %></b></p>
+            <%_ if(experience.roles[0].finishDate || experience.roles[0].finishDate === 'Actualidad') { -%>
+              <p>Fin: <b><%- experience.roles[0].finishDate %></b></p>
+            <%_ } -%>
+          </div>
+          <div class="data">
+            <%_ if(experience.type) { -%>
+              <p>Tipo de organización: <b><%- experience.type %></b></p>
+            <%_ } -%>
+            <p>Roles dentro de la empresa: <b><%- experience.roles[0].name %></b></p>
+            <%_ if(experience.roles[0].challenges && experience.roles[0].challenges.length !== 0) { -%>
+              <p>Retos:</p>
+                <ul>
+                  <%_ for(const challenge of experience.roles[0].challenges){ -%>
+                    <li><%- challenge.description %></li>
+                  <%_ }-%>
+                </ul>
+              <%_ }-%>
+          </div>
+        </div>
+      </div>
+      <%_ }-%>
+    </section>
+<%_ }-%>
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.part.ts
new file mode 100644
index 00000000..fc8140f3
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.part.ts
@@ -0,0 +1,18 @@
+import ejs from 'ejs';
+import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
+import { ManfredAwesomicCV } from '@/model';
+import experienceTemplate from './experience-section.ejs?raw';
+
+export const generateExperiencesSection = (cv: ManfredAwesomicCV): string => {
+  const experienceSectionVm = mapFromMacCvToExperienceSectionVm(cv);
+
+  return generateExperienceSectionInner(experienceSectionVm);
+};
+
+const generateExperienceSectionInner = (experienceSectionVm: ExperienceVm[]): string => {
+  const rootObject = {
+    experienceCollection: experienceSectionVm,
+  };
+
+  return ejs.render(experienceTemplate, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/index.ts b/packages/manfred2html/src/engine/html-parts/experience-section/index.ts
new file mode 100644
index 00000000..03b6e599
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/experience-section/index.ts
@@ -0,0 +1 @@
+export* from './experience-section.part';
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.ejs b/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.ejs
new file mode 100644
index 00000000..8006addc
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.ejs
@@ -0,0 +1,30 @@
+<%_ if (hardSkillsCollection && hardSkillsCollection.length !== 0) { -%>
+    <div class="aside__section">
+      <div class="aside__section__header">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="21"
+          height="33"
+          viewBox="0 0 21 33"
+          fill="none"
+          class="svg-stroke"
+        >
+          <path
+            d="M19.6061 22.939C18.4811 24.2172 17.0964 25.2407 15.5444 25.9412C13.9924 26.6417 12.3088 27.003 10.6061 27.001M10.6061 27.001C8.90332 27.003 7.21973 26.6417 5.66772 25.9412C4.11571 25.2407 2.73101 24.2172 1.60608 22.939M10.6061 27.001V31.501M7.60608 31.501H13.6061M10.6061 1.50098C13.9198 1.50098 16.6061 4.18727 16.6061 7.50098V15.001C16.6061 18.3147 13.9198 21.001 10.6061 21.001C7.29237 21.001 4.60608 18.3147 4.60608 15.001V7.50098C4.60608 4.18727 7.29237 1.50098 10.6061 1.50098Z"
+            stroke-width="2.5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+        <div>
+          <h3>HARD SKILLS</h3>
+          <hr class="secondary-divider" />
+        </div>
+      </div>
+      <ul class="aside__section__list-items">
+        <%_ for (const item of hardSkillsCollection) { -%>
+          <li><%- item.skill.name %></li>
+        <%_ } -%>
+      </ul>
+    </div>
+  <%_ } -%>
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.part.ts
new file mode 100644
index 00000000..d5979773
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.part.ts
@@ -0,0 +1,16 @@
+import ejs from 'ejs';
+import { ManfredAwesomicCV } from '@/model';
+import { HardSkillVM, mapFromCvToHardSkillVm } from '@lemoncode/manfred-common/hard-skill-section';
+import hardSkillsSection from './hard-skills-section.ejs?raw';
+
+export const generateHardSkillsSection = (cv: ManfredAwesomicCV): string => {
+  const hardSkillsSectionVm = mapFromCvToHardSkillVm(cv);
+  return generateHardSkillsSectionInner(hardSkillsSectionVm);
+};
+
+const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[]): string => {
+  const rootObject = {
+    hardSkillsCollection: hardSkillsSectionVm,
+  };
+  return ejs.render(hardSkillsSection, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/index.ts b/packages/manfred2html/src/engine/html-parts/hard-skills-section/index.ts
new file mode 100644
index 00000000..8f718aca
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/hard-skills-section/index.ts
@@ -0,0 +1 @@
+export * from './hard-skills-section.part';
diff --git a/packages/manfred2html/src/engine/html-parts/header-element-end/header-element-end.ejs b/packages/manfred2html/src/engine/html-parts/header-element-end/header-element-end.ejs
new file mode 100644
index 00000000..9fca915f
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/header-element-end/header-element-end.ejs
@@ -0,0 +1 @@
+</header>
diff --git a/packages/manfred2html/src/engine/html-parts/header-element-end/header-element-end.part.ts b/packages/manfred2html/src/engine/html-parts/header-element-end/header-element-end.part.ts
new file mode 100644
index 00000000..8412032b
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/header-element-end/header-element-end.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import headerElementEndTemplate from './header-element-end.ejs?raw';
+
+export const generateHeaderElementEnd = (): string => ejs.render(headerElementEndTemplate);
diff --git a/packages/manfred2html/src/engine/html-parts/header-element-end/index.ts b/packages/manfred2html/src/engine/html-parts/header-element-end/index.ts
new file mode 100644
index 00000000..a3cb12e2
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/header-element-end/index.ts
@@ -0,0 +1 @@
+export * from './header-element-end.part';
diff --git a/packages/manfred2html/src/engine/html-parts/header-element-start/header-element-start.ejs b/packages/manfred2html/src/engine/html-parts/header-element-start/header-element-start.ejs
new file mode 100644
index 00000000..39ffd5ec
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/header-element-start/header-element-start.ejs
@@ -0,0 +1 @@
+<header>
diff --git a/packages/manfred2html/src/engine/html-parts/header-element-start/header-element-start.part.ts b/packages/manfred2html/src/engine/html-parts/header-element-start/header-element-start.part.ts
new file mode 100644
index 00000000..df24cee8
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/header-element-start/header-element-start.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import headerElementStartTemplate from './header-element-start.ejs?raw';
+
+export const generateHeaderElementStart = (): string => ejs.render(headerElementStartTemplate);
diff --git a/packages/manfred2html/src/engine/html-parts/header-element-start/index.ts b/packages/manfred2html/src/engine/html-parts/header-element-start/index.ts
new file mode 100644
index 00000000..9eca2091
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/header-element-start/index.ts
@@ -0,0 +1 @@
+export * from './header-element-start.part';
diff --git a/packages/manfred2html/src/engine/html-parts/html-document-end/html-document-end.ejs b/packages/manfred2html/src/engine/html-parts/html-document-end/html-document-end.ejs
new file mode 100644
index 00000000..5b6e2d65
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/html-document-end/html-document-end.ejs
@@ -0,0 +1,3 @@
+    </div>
+  </body>
+</html>
diff --git a/packages/manfred2html/src/engine/html-parts/html-document-end/html-document-end.part.ts b/packages/manfred2html/src/engine/html-parts/html-document-end/html-document-end.part.ts
new file mode 100644
index 00000000..43b00dee
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/html-document-end/html-document-end.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import htmlDocumentEndTemplate from './html-document-end.ejs?raw';
+
+export const generateHtmlDocumentEnd = (): string => ejs.render(htmlDocumentEndTemplate);
diff --git a/packages/manfred2html/src/engine/html-parts/html-document-end/index.ts b/packages/manfred2html/src/engine/html-parts/html-document-end/index.ts
new file mode 100644
index 00000000..b8cab897
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/html-document-end/index.ts
@@ -0,0 +1 @@
+export * from './html-document-end.part';
diff --git a/packages/manfred2html/src/engine/html-parts/html-document-start/html-document-start.ejs b/packages/manfred2html/src/engine/html-parts/html-document-start/html-document-start.ejs
new file mode 100644
index 00000000..de9f6a24
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/html-document-start/html-document-start.ejs
@@ -0,0 +1,362 @@
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+      rel="stylesheet"
+    />
+    <title>CV Manfred Export</title>
+    <style>
+      /* css vars */
+      :root {
+        /* spacing */
+        --spacing_base: 4px;
+        --spacing_2: calc(var(--spacing_base) / 2);
+        --spacing_8: calc(var(--spacing_base) * 2);
+        --spacing_12: calc(var(--spacing_base) * 3);
+        --spacing_16: calc(var(--spacing_base) * 4);
+        --spacing_24: calc(var(--spacing_base) * 6);
+        --spacing_32: calc(var(--spacing_base) * 8);
+        --spacing_48: calc(var(--spacing_base) * 12);
+        --spacing_64: calc(var(--spacing_base) * 16);
+
+        /* colors */
+        --primary_color: #247a7e; /* only this color can be changed  */
+        --white_color: #f4f2f1;
+        --black_color: #0d1418;
+        --gray_color_600: #c6c3be;
+        --gray_color_800: #787673;
+        --gray_color_900: #5c5a58;
+      }
+      /* General styles */
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      html {
+        font-family: Roboto, sans-serif;
+        font-size: 16px;
+        color: var(--black_color);
+        font-style: normal;
+        background-color: var(--white_color);
+      }
+      body {
+        display: flex;
+        flex-direction: column;
+        min-height: 100vh;
+        padding: var(--spacing_64) var(--spacing_16);
+      }
+      .container {
+        display: grid;
+        grid-template-areas:
+          "divider header"
+          "divider aside"
+          "divider main";
+        row-gap: var(--spacing_32);
+        column-gap: var(--spacing_16);
+      }
+      .divider {
+        min-height: 100%;
+        border: var(--spacing_base) solid var(--primary_color);
+        grid-area: divider;
+      }
+      .secondary-divider {
+        border: var(--spacing_2) solid var(--primary_color);
+        width: 50%;
+      }
+      .svg-stroke {
+        stroke: var(--gray_color_800);
+      }
+      .svg-fill {
+        fill: var(--gray_color_800);
+      }
+
+      @media (min-width: 728px) {
+        body {
+          padding: var(--spacing_64);
+        }
+        .container {
+          column-gap: var(--spacing_32);
+        }
+      }
+      @media (min-width: 1024px) {
+        .container {
+          grid-template-areas:
+            "aside divider header"
+            "aside divider main";
+          max-width: 1220px;
+          align-self: center;
+        }
+      }
+      /* header styles */
+      header {
+        grid-area: header;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--spacing_16);
+        align-self: stretch;
+      }
+
+      h1 {
+        color: var(--primary_color);
+        font-family: Roboto;
+        font-size: 40px;
+        font-weight: 900;
+        letter-spacing: 4.8px;
+        text-transform: uppercase;
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_8);
+      }
+      h1 > span {
+        color: var(--gray_color_600);
+        font-size: 32px;
+        font-weight: 900;
+        letter-spacing: 3.6px;
+        text-transform: uppercase;
+      }
+      h2,
+      .job-title {
+        color: var(--gray_color_900);
+        font-size: 20px;
+        font-weight: 500;
+        letter-spacing: 0.96px;
+      }
+      header > p {
+        color: var(--black_color);
+        font-size: 12px;
+        font-weight: 400;
+        line-height: 16px;
+        letter-spacing: 0.6px;
+      }
+      header > hr {
+        border: var(--spacing_2) solid var(--primary_color);
+        width: 100%;
+      }
+
+      @media (min-width: 728px) {
+        h1 {
+          font-size: 48px;
+        }
+        h1 > span {
+          font-size: 36px;
+        }
+        h2,
+        .job-title {
+          font-size: 24px;
+        }
+        header > p {
+          font-size: 14px;
+          line-height: 20px;
+        }
+      }
+      @media (min-width: 1024px) {
+        h1 {
+          font-size: 52px;
+        }
+        h1 > span {
+          font-size: 40px;
+        }
+      }
+      /* aside styles */
+      aside {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_32);
+        /*TODO EJS and display none*/
+      }
+      .aside__section {
+        grid-area: aside;
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_16);
+      }
+      .aside__section__header {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing_16);
+      }
+      .aside__section__header > div {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        gap: var(--spacing_8);
+        height: 100%;
+      }
+      .aside__section__header > div > h3 {
+        color: var(--gray_color_900);
+        font-size: 16px;
+        font-weight: 400;
+        text-transform: uppercase;
+      }
+      .aside__section__item {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing_8);
+        padding-left: var(--spacing_32);
+      }
+      .aside__section__item > a {
+        color: var(--black_color);
+        font-size: 14px;
+        text-decoration: none;
+        text-transform: capitalize;
+      }
+      .aside__section__item > a:hover {
+        color: var(--primary_color);
+      }
+      .aside__section__list-items {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_8);
+        padding-left: var(--spacing_32);
+        font-size: 12px;
+        line-height: 24px;
+      }
+
+      @media (min-width: 728px) {
+        .aside__section__item > a {
+          font-size: 16px;
+        }
+        .aside__section__list-items {
+          font-size: 14px;
+          line-height: 30px;
+        }
+      }
+      @media (min-width: 1024px) {
+        aside {
+          grid-area: aside;
+          padding: var(--spacing_64) 0;
+        }
+      }
+      /* main section styles */
+      main {
+        grid-area: main;
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_16);
+      }
+      .main__section {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_16);
+      }
+      .main__section__header {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_8);
+        color: var(var(--gray_color_900));
+        font-size: 20px;
+        font-weight: 500;
+        text-transform: uppercase;
+        width: max-content;
+      }
+      .main__section__item {
+        display: flex;
+        gap: var(--spacing_32);
+      }
+      .section__content {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_16);
+      }
+      .section__content__header {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_8);
+      }
+      .section__content__header > h3 {
+        font-size: 20px;
+        font-weight: 600;
+      }
+      .section__content__header > h4 {
+        font-size: 14px;
+        font-weight: 500;
+        color: var(--gray_color_800);
+      }
+      .main__section__item .date {
+        color: var(--gray_color_900);
+        font-size: 12px;
+        letter-spacing: 0.48px;
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_8);
+      }
+      .main__section__item > .date-desktop {
+        display: none;
+      }
+      .section__content > .data {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_8);
+        font-size: 12px;
+      }
+      .section__content > .data b {
+        font-weight: 600;
+      }
+      .section__content > .data > ul {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_12);
+        padding-left: var(--spacing_16);
+        font-weight: 300;
+      }
+      @media (min-width: 728px) {
+        main {
+          gap: var(--spacing_32);
+        }
+        .main__section__item {
+          display: grid;
+          grid-template-columns: minmax(106px, 15%) auto 1fr;
+          gap: var(--spacing_32);
+        }
+        .main__section__item > .date-desktop {
+          display: flex;
+          min-width: max-content;
+          align-items: flex-end;
+        }
+        .section__content__header > h3 {
+          font-size: 24px;
+        }
+        .section__content__header > h4 {
+          font-size: 16px;
+        }
+        .section__content > .date-mobile {
+          display: none;
+        }
+        .section__content > .data {
+          grid-area: date;
+          font-size: 14px;
+          line-height: 18px;
+        }
+      }
+      .line-icon {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        height: 100%;
+      }
+      .line-icon > .circle {
+        flex-shrink: 0;
+        width: 24px;
+        height: 24px;
+        border-radius: 50%;
+        border: 2px solid var(--primary_color);
+      }
+      .line-icon > .line {
+        flex-shrink: 1;
+        flex-grow: 1;
+        flex-basis: 100%;
+        border: 0px;
+        border-left: 2px solid var(--primary_color);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <hr class="divider" />
+
diff --git a/packages/manfred2html/src/engine/html-parts/html-document-start/html-document-start.part.ts b/packages/manfred2html/src/engine/html-parts/html-document-start/html-document-start.part.ts
new file mode 100644
index 00000000..985cba7c
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/html-document-start/html-document-start.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import htmlDocumentStartTemplate from './html-document-start.ejs?raw';
+
+export const generateHtmlDocumentStart = (): string => ejs.render(htmlDocumentStartTemplate);
diff --git a/packages/manfred2html/src/engine/html-parts/html-document-start/index.ts b/packages/manfred2html/src/engine/html-parts/html-document-start/index.ts
new file mode 100644
index 00000000..d4b22932
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/html-document-start/index.ts
@@ -0,0 +1 @@
+export * from './html-document-start.part';
diff --git a/packages/manfred2html/src/engine/html-parts/index.ts b/packages/manfred2html/src/engine/html-parts/index.ts
new file mode 100644
index 00000000..89ee8c19
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/index.ts
@@ -0,0 +1,15 @@
+export * from './html-document-start';
+export * from './html-document-end';
+export * from './header-element-start';
+export * from './header-element-end';
+export * from './about-me-section';
+export * from './aside-element-start';
+export * from './aside-element-end';
+export * from './relevants-links-section';
+export * from './main-element-start';
+export * from './main-element-end';
+export * from './language-section';
+export * from './hard-skills-section';
+export * from './soft-skills-section';
+export * from './experience-section';
+export * from './studies-section';
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/index.ts b/packages/manfred2html/src/engine/html-parts/language-section/index.ts
new file mode 100644
index 00000000..c79bff55
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/language-section/index.ts
@@ -0,0 +1 @@
+export * from './language-section.part';
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/language-section.ejs b/packages/manfred2html/src/engine/html-parts/language-section/language-section.ejs
new file mode 100644
index 00000000..4d9e0ec2
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/language-section/language-section.ejs
@@ -0,0 +1,31 @@
+<%_ if (languageCollection && languageCollection.length !== 0) { -%>
+  <div class="aside__section">
+    <div class="aside__section__header">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="21"
+        height="33"
+        viewBox="0 0 21 33"
+        fill="none"
+        class="svg-stroke"
+      >
+        <path
+          d="M19.6061 22.939C18.4811 24.2172 17.0964 25.2407 15.5444 25.9412C13.9924 26.6417 12.3088 27.003 10.6061 27.001M10.6061 27.001C8.90332 27.003 7.21973 26.6417 5.66772 25.9412C4.11571 25.2407 2.73101 24.2172 1.60608 22.939M10.6061 27.001V31.501M7.60608 31.501H13.6061M10.6061 1.50098C13.9198 1.50098 16.6061 4.18727 16.6061 7.50098V15.001C16.6061 18.3147 13.9198 21.001 10.6061 21.001C7.29237 21.001 4.60608 18.3147 4.60608 15.001V7.50098C4.60608 4.18727 7.29237 1.50098 10.6061 1.50098Z"
+          stroke-width="2.5"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </svg>
+      <div>
+        <h3>LENGUAJE / NIVEL</h3>
+        <hr class="secondary-divider" />
+      </div>
+    </div>
+    <ul class="aside__section__list-items">
+      <%_ for (const language of languageCollection) { -%>
+        <li><%- language.name %> (<%- language.level %>)</li>
+      <%_ } -%>
+    </ul>
+  </div>
+<%_ } -%>
+
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/html-parts/language-section/language-section.part.ts
new file mode 100644
index 00000000..f27fbf9b
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/language-section/language-section.part.ts
@@ -0,0 +1,16 @@
+import ejs from 'ejs';
+import { ManfredAwesomicCV } from '@/model';
+import { LanguageVm, mapFromCvToLanguageVm } from '@lemoncode/manfred-common/language-section'
+import languageSection from './language-section.ejs?raw';
+
+export const generateLanguageSection = (cv: ManfredAwesomicCV): string => {
+  const languageSectionVm = mapFromCvToLanguageVm(cv);
+  return generateLanguageSectionInner(languageSectionVm);
+};
+
+const generateLanguageSectionInner = (languageSectionVm: LanguageVm[]): string => {
+  const rootObject = {
+    languageCollection: languageSectionVm,
+  }
+  return ejs.render(languageSection, rootObject)
+};
diff --git a/packages/manfred2html/src/engine/html-parts/main-element-end/index.ts b/packages/manfred2html/src/engine/html-parts/main-element-end/index.ts
new file mode 100644
index 00000000..43da82c1
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/main-element-end/index.ts
@@ -0,0 +1 @@
+export * from './main-element-end.part';
diff --git a/packages/manfred2html/src/engine/html-parts/main-element-end/main-element-end.ejs b/packages/manfred2html/src/engine/html-parts/main-element-end/main-element-end.ejs
new file mode 100644
index 00000000..0f4bf453
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/main-element-end/main-element-end.ejs
@@ -0,0 +1 @@
+</main>
diff --git a/packages/manfred2html/src/engine/html-parts/main-element-end/main-element-end.part.ts b/packages/manfred2html/src/engine/html-parts/main-element-end/main-element-end.part.ts
new file mode 100644
index 00000000..ad9c1b96
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/main-element-end/main-element-end.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import mainElementEndTemplate from './main-element-end.ejs?raw';
+
+export const generateMainElementEnd = (): string => ejs.render(mainElementEndTemplate);
diff --git a/packages/manfred2html/src/engine/html-parts/main-element-start/index.ts b/packages/manfred2html/src/engine/html-parts/main-element-start/index.ts
new file mode 100644
index 00000000..5286e5ba
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/main-element-start/index.ts
@@ -0,0 +1 @@
+export * from './main-element-start.part';
diff --git a/packages/manfred2html/src/engine/html-parts/main-element-start/main-element-start.ejs b/packages/manfred2html/src/engine/html-parts/main-element-start/main-element-start.ejs
new file mode 100644
index 00000000..506713e2
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/main-element-start/main-element-start.ejs
@@ -0,0 +1 @@
+<main>
diff --git a/packages/manfred2html/src/engine/html-parts/main-element-start/main-element-start.part.ts b/packages/manfred2html/src/engine/html-parts/main-element-start/main-element-start.part.ts
new file mode 100644
index 00000000..0ebd42f9
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/main-element-start/main-element-start.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import mainElementStartTemplate from './main-element-start.ejs?raw';
+
+export const generateMainElementStart = (): string => ejs.render(mainElementStartTemplate);
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/index.ts b/packages/manfred2html/src/engine/html-parts/relevants-links-section/index.ts
new file mode 100644
index 00000000..12fe55f6
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/relevants-links-section/index.ts
@@ -0,0 +1 @@
+export * from './relevants-links-section.part';
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.ejs b/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.ejs
new file mode 100644
index 00000000..d1cbb86f
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.ejs
@@ -0,0 +1,137 @@
+<%_ if (profile.relevantLinks && profile.relevantLinks.length !== 0) { -%>
+  <div class="aside__section">
+    <div class="aside__section__header">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="34"
+        height="33"
+        viewBox="0 0 35 33"
+        fill="none"
+        class="svg-fill"
+      >
+        <path
+          d="M16.8561 2.5C9.26216 2.5 3.10608 8.65609 3.10608 16.25C3.10608 23.8439 9.26216 30 16.8561 30C24.45 30 30.6061 23.8439 30.6061 16.25C30.6061 8.65609 24.45 2.5 16.8561 2.5ZM0.606079 16.25C0.606079 7.27537 7.88145 0 16.8561 0C25.8307 0 33.1061 7.27537 33.1061 16.25C33.1061 25.2246 25.8307 32.5 16.8561 32.5C7.88145 32.5 0.606079 25.2246 0.606079 16.25ZM15.6061 8.75C15.6061 8.05964 16.1657 7.5 16.8561 7.5H16.8706C17.561 7.5 18.1206 8.05964 18.1206 8.75C18.1206 9.44036 17.561 10 16.8706 10H16.8561C16.1657 10 15.6061 9.44036 15.6061 8.75ZM12.6061 14.75C12.6061 14.0596 13.1657 13.5 13.8561 13.5H16.8561C17.5464 13.5 18.1061 14.0596 18.1061 14.75V21H19.8561C20.5464 21 21.1061 21.5596 21.1061 22.25C21.1061 22.9404 20.5464 23.5 19.8561 23.5H13.8561C13.1657 23.5 12.6061 22.9404 12.6061 22.25C12.6061 21.5596 13.1657 21 13.8561 21H15.6061V16H13.8561C13.1657 16 12.6061 15.4404 12.6061 14.75Z"
+        />
+      </svg>
+      <div>
+        <h3>mis enlaces</h3>
+        <hr class="secondary-divider" />
+      </div>
+    </div>
+    <%_ for (const link of profile?.relevantLinks) { -%>
+      <%_ if (link.type === 'linkedin') { -%>
+        <div class="aside__section__item">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="21"
+            height="20"
+            viewBox="0 0 21 20"
+            fill="none"
+            class="svg-fill svg-stroke"
+          >
+            <path
+              d="M14.0906 6.76565C13.121 6.7658 12.3285 7.08199 11.7438 7.52808V7.4968V6.9968H11.2438H8.39788H7.89788V7.4968V17.0493V17.5493H8.39788H11.3618H11.8618V17.0493V12.3296C11.8618 11.7165 11.9296 11.213 12.1185 10.8736C12.2069 10.7149 12.3192 10.5973 12.466 10.5156C12.6152 10.4325 12.8293 10.3706 13.1438 10.3706C13.4447 10.3706 13.6258 10.4399 13.741 10.5204C13.8574 10.6016 13.9499 10.7245 14.0212 10.9048C14.175 11.2945 14.1864 11.8261 14.1864 12.4017V17.0493V17.5493H14.6864H17.6553H18.1553V17.0493V11.8034C18.1553 10.5093 18.0202 9.24651 17.4233 8.30269C16.7931 7.30618 15.7169 6.7622 14.0906 6.76565ZM14.0906 6.76565C14.0905 6.76565 14.0904 6.76565 14.0902 6.76565L14.0913 7.26565V6.76565C14.0911 6.76565 14.0909 6.76565 14.0906 6.76565ZM11.2438 8.78748V8.80827H11.2831M11.2438 8.78748L11.7438 8.19095C11.5475 8.38799 11.3933 8.59971 11.2831 8.80827M11.2438 8.78748L11.2831 8.80827M11.2438 8.78748V8.30827H11.2831V8.80827M19.1307 0.500092L19.1347 0.50006C19.3887 0.498028 19.6332 0.596329 19.8151 0.773595C19.9961 0.949927 20.1005 1.19022 20.1061 1.44271V18.5522C20.1019 18.8058 19.9979 19.0475 19.8166 19.225C19.6345 19.4032 19.3894 19.5021 19.1346 19.5001V19.5001H19.1307L2.08149 19.5L2.07639 19.5001C1.82234 19.5027 1.57761 19.4045 1.39575 19.2271C1.21467 19.0505 1.11061 18.8096 1.10608 18.5567V1.44609C1.10992 1.19268 1.21375 0.951015 1.39501 0.773781C1.57693 0.595905 1.82198 0.497461 2.0764 0.50005L2.0764 0.500076H2.08149L19.1307 0.500092ZM6.53559 17.5493H7.03559V17.0493V7.4968V6.9968H6.53559H3.56673H3.06673V7.4968V17.0493V17.5493H3.56673H6.53559ZM5.06065 6.69516L5.06128 6.69189C5.34954 6.69153 5.63501 6.63508 5.90176 6.52563C6.17196 6.41476 6.41765 6.25169 6.62475 6.04576C6.83186 5.83983 6.99633 5.59508 7.10874 5.32551C7.22115 5.05595 7.27929 4.76686 7.27985 4.4748V4.47385C7.27985 4.03442 7.14952 3.60487 6.90534 3.23953C6.66117 2.87419 6.31412 2.58948 5.90811 2.42142C5.50209 2.25336 5.05535 2.20949 4.6244 2.29537C4.19345 2.38125 3.79766 2.59302 3.48709 2.90389C3.17651 3.21476 2.96512 3.61076 2.87965 4.04179C2.79418 4.47282 2.83847 4.91952 3.00692 5.32537C3.17537 5.73123 3.46041 6.078 3.82598 6.32183C4.19155 6.56565 4.62123 6.69558 5.06065 6.69516Z"
+            />
+          </svg>
+          <a href="<%= link.URL -%>" target="_blank">linkedin</a>
+        </div>
+      <%_ } -%>
+      <%_ if (link.type === 'github') { -%>
+        <div class="aside__section__item">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="22"
+            height="21"
+            viewBox="0 0 22 21"
+            fill="none"
+            class="svg-fill"
+          >
+            <mask id="path-1-inside-1_1218_1523">
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M10.8593 0.5C5.19732 0.5 0.606079 5.09022 0.606079 10.7532C0.606079 15.2835 3.54393 19.1266 7.61782 20.4825C8.13007 20.5776 8.3182 20.2601 8.3182 19.9893C8.3182 19.7448 8.30869 18.9371 8.30428 18.0804C5.45184 18.7006 4.84994 16.8706 4.84994 16.8706C4.38353 15.6855 3.71151 15.3704 3.71151 15.3704C2.78107 14.734 3.78163 14.7473 3.78163 14.7473C4.81105 14.8194 5.35336 15.8039 5.35336 15.8039C6.26784 17.371 7.75196 16.918 8.33705 16.6562C8.42907 15.9935 8.69479 15.541 8.98801 15.285C6.71065 15.0261 4.31646 14.1467 4.31646 10.218C4.31646 9.09859 4.71716 8.18394 5.37305 7.46573C5.26643 7.20765 4.91547 6.16481 5.47221 4.75252C5.47221 4.75252 6.33304 4.47695 8.29239 5.8035C9.11043 5.57616 9.98773 5.46189 10.8593 5.45799C11.7303 5.46189 12.6081 5.57582 13.4276 5.80317C15.3846 4.47661 16.2444 4.75218 16.2444 4.75218C16.8025 6.1643 16.4516 7.20731 16.3451 7.46539C17.0025 8.1836 17.4003 9.09825 17.4003 10.2177C17.4003 14.1557 15.0017 15.0227 12.7186 15.2767C13.0865 15.5949 13.4142 16.219 13.4142 17.1754C13.4142 18.5473 13.4023 19.6514 13.4023 19.9891C13.4023 20.262 13.5871 20.5817 14.1066 20.481C18.1781 19.1237 21.1126 15.2818 21.1126 10.7532C21.1124 5.09056 16.5217 0.5 10.8593 0.5Z"
+              />
+              <path
+                d="M4.48948 15.2211C4.46689 15.2721 4.38675 15.2874 4.31374 15.2526C4.23904 15.2193 4.19744 15.1498 4.22155 15.0987C4.24362 15.0461 4.32393 15.0317 4.39813 15.0668C4.47284 15.1003 4.51528 15.1704 4.48931 15.2213L4.48948 15.2211ZM4.90478 15.6845C4.85605 15.7298 4.76046 15.7088 4.6956 15.637C4.62836 15.5656 4.6158 15.4701 4.66555 15.424C4.71614 15.3789 4.80885 15.4003 4.87608 15.4716C4.94298 15.5439 4.95622 15.6387 4.90495 15.6847L4.90478 15.6845ZM5.30921 16.2749C5.24639 16.3187 5.1435 16.2777 5.08 16.1866C5.01718 16.0952 5.01718 15.9857 5.0817 15.9421C5.14503 15.8983 5.24639 15.9378 5.31091 16.0282C5.37339 16.1207 5.37339 16.2304 5.30921 16.2749ZM5.86289 16.8455C5.80686 16.9075 5.68699 16.8908 5.59938 16.8065C5.5099 16.7238 5.48494 16.6061 5.54114 16.5443C5.59819 16.4822 5.71857 16.4995 5.80669 16.5834C5.89617 16.6659 5.92317 16.7837 5.86323 16.8453L5.86289 16.8455ZM6.62694 17.1768C6.60198 17.2571 6.48686 17.2936 6.37056 17.2593C6.25459 17.2241 6.1787 17.1302 6.20247 17.0491C6.22624 16.9681 6.3422 16.9302 6.45919 16.9667C6.57515 17.0017 6.65105 17.0951 6.62694 17.1768ZM7.4662 17.2381C7.46909 17.3226 7.37061 17.3926 7.24887 17.3943C7.12612 17.3972 7.02679 17.3286 7.0256 17.2454C7.0256 17.16 7.12204 17.0909 7.24463 17.0885C7.36637 17.0863 7.46637 17.1542 7.46637 17.2379L7.4662 17.2381ZM8.24689 17.1053C8.26149 17.1876 8.17677 17.2724 8.05571 17.2949C7.93686 17.317 7.82649 17.2657 7.81121 17.1841C7.79661 17.0995 7.88286 17.0148 8.00171 16.9929C8.12294 16.972 8.23161 17.0216 8.24689 17.1053Z"
+              />
+            </mask>
+            <path
+              fill-rule="evenodd"
+              clip-rule="evenodd"
+              d="M10.8593 0.5C5.19732 0.5 0.606079 5.09022 0.606079 10.7532C0.606079 15.2835 3.54393 19.1266 7.61782 20.4825C8.13007 20.5776 8.3182 20.2601 8.3182 19.9893C8.3182 19.7448 8.30869 18.9371 8.30428 18.0804C5.45184 18.7006 4.84994 16.8706 4.84994 16.8706C4.38353 15.6855 3.71151 15.3704 3.71151 15.3704C2.78107 14.734 3.78163 14.7473 3.78163 14.7473C4.81105 14.8194 5.35336 15.8039 5.35336 15.8039C6.26784 17.371 7.75196 16.918 8.33705 16.6562C8.42907 15.9935 8.69479 15.541 8.98801 15.285C6.71065 15.0261 4.31646 14.1467 4.31646 10.218C4.31646 9.09859 4.71716 8.18394 5.37305 7.46573C5.26643 7.20765 4.91547 6.16481 5.47221 4.75252C5.47221 4.75252 6.33304 4.47695 8.29239 5.8035C9.11043 5.57616 9.98773 5.46189 10.8593 5.45799C11.7303 5.46189 12.6081 5.57582 13.4276 5.80317C15.3846 4.47661 16.2444 4.75218 16.2444 4.75218C16.8025 6.1643 16.4516 7.20731 16.3451 7.46539C17.0025 8.1836 17.4003 9.09825 17.4003 10.2177C17.4003 14.1557 15.0017 15.0227 12.7186 15.2767C13.0865 15.5949 13.4142 16.219 13.4142 17.1754C13.4142 18.5473 13.4023 19.6514 13.4023 19.9891C13.4023 20.262 13.5871 20.5817 14.1066 20.481C18.1781 19.1237 21.1126 15.2818 21.1126 10.7532C21.1124 5.09056 16.5217 0.5 10.8593 0.5Z"
+            />
+            <path
+              d="M4.48948 15.2211C4.46689 15.2721 4.38675 15.2874 4.31374 15.2526C4.23904 15.2193 4.19744 15.1498 4.22155 15.0987C4.24362 15.0461 4.32393 15.0317 4.39813 15.0668C4.47284 15.1003 4.51528 15.1704 4.48931 15.2213L4.48948 15.2211ZM4.90478 15.6845C4.85605 15.7298 4.76046 15.7088 4.6956 15.637C4.62836 15.5656 4.6158 15.4701 4.66555 15.424C4.71614 15.3789 4.80885 15.4003 4.87608 15.4716C4.94298 15.5439 4.95622 15.6387 4.90495 15.6847L4.90478 15.6845ZM5.30921 16.2749C5.24639 16.3187 5.1435 16.2777 5.08 16.1866C5.01718 16.0952 5.01718 15.9857 5.0817 15.9421C5.14503 15.8983 5.24639 15.9378 5.31091 16.0282C5.37339 16.1207 5.37339 16.2304 5.30921 16.2749ZM5.86289 16.8455C5.80686 16.9075 5.68699 16.8908 5.59938 16.8065C5.5099 16.7238 5.48494 16.6061 5.54114 16.5443C5.59819 16.4822 5.71857 16.4995 5.80669 16.5834C5.89617 16.6659 5.92317 16.7837 5.86323 16.8453L5.86289 16.8455ZM6.62694 17.1768C6.60198 17.2571 6.48686 17.2936 6.37056 17.2593C6.25459 17.2241 6.1787 17.1302 6.20247 17.0491C6.22624 16.9681 6.3422 16.9302 6.45919 16.9667C6.57515 17.0017 6.65105 17.0951 6.62694 17.1768ZM7.4662 17.2381C7.46909 17.3226 7.37061 17.3926 7.24887 17.3943C7.12612 17.3972 7.02679 17.3286 7.0256 17.2454C7.0256 17.16 7.12204 17.0909 7.24463 17.0885C7.36637 17.0863 7.46637 17.1542 7.46637 17.2379L7.4662 17.2381ZM8.24689 17.1053C8.26149 17.1876 8.17677 17.2724 8.05571 17.2949C7.93686 17.317 7.82649 17.2657 7.81121 17.1841C7.79661 17.0995 7.88286 17.0148 8.00171 16.9929C8.12294 16.972 8.23161 17.0216 8.24689 17.1053Z"
+            />
+            <path
+              d="M7.61782 20.4825L7.30202 21.4314L7.36749 21.4532L7.43533 21.4658L7.61782 20.4825ZM8.30428 18.0804L9.30426 18.0752L9.2979 16.841L8.0918 17.1032L8.30428 18.0804ZM4.84994 16.8706L5.79987 16.5582L5.79094 16.531L5.78047 16.5044L4.84994 16.8706ZM3.71151 15.3704L3.14697 16.1958L3.21372 16.2415L3.28694 16.2758L3.71151 15.3704ZM3.78163 14.7473L3.85155 13.7497L3.82324 13.7477L3.79486 13.7474L3.78163 14.7473ZM5.35336 15.8039L4.47747 16.2864L4.48343 16.2972L4.48965 16.3079L5.35336 15.8039ZM8.33705 16.6562L8.74549 17.569L9.25132 17.3426L9.32754 16.7937L8.33705 16.6562ZM8.98801 15.285L9.64575 16.0382L11.353 14.5474L9.10098 14.2914L8.98801 15.285ZM5.37305 7.46573L6.11147 8.14008L6.53985 7.671L6.29728 7.08388L5.37305 7.46573ZM5.47221 4.75252L5.16733 3.80012L4.71577 3.94468L4.54189 4.38578L5.47221 4.75252ZM8.29239 5.8035L7.73176 6.63157L8.11465 6.8908L8.56016 6.76699L8.29239 5.8035ZM10.8593 5.45799L10.8637 4.45796L10.8548 4.458L10.8593 5.45799ZM13.4276 5.80317L13.1603 6.76678L13.6059 6.89039L13.9887 6.63092L13.4276 5.80317ZM16.2444 4.75218L17.1744 4.38463L17.0004 3.94437L16.5496 3.79989L16.2444 4.75218ZM16.3451 7.46539L15.4207 7.08406L15.1783 7.6717L15.6075 8.14059L16.3451 7.46539ZM12.7186 15.2767L12.608 14.2828L10.3332 14.5359L12.0645 16.0331L12.7186 15.2767ZM14.1066 20.481L14.2969 21.4628L14.361 21.4503L14.4229 21.4297L14.1066 20.481ZM21.1126 10.7532H22.1126V10.7531L21.1126 10.7532ZM4.48948 15.2211L5.40366 15.6264L3.78237 14.514L4.48948 15.2211ZM4.31374 15.2526L4.74409 14.3499L4.73244 14.3443L4.72065 14.3391L4.31374 15.2526ZM4.22155 15.0987L5.12596 15.5254L5.13529 15.5056L5.14374 15.4855L4.22155 15.0987ZM4.39813 15.0668L3.97004 15.9705L3.97972 15.9751L3.98949 15.9795L4.39813 15.0668ZM4.48931 15.2213L3.59847 14.767L5.19641 15.9284L4.48931 15.2213ZM4.90478 15.6845L5.61188 14.9774L4.92984 14.2954L4.22364 14.9523L4.90478 15.6845ZM4.6956 15.637L5.43776 14.9667L5.43056 14.9588L5.42319 14.9509L4.6956 15.637ZM4.66555 15.424L3.99963 14.678L3.99303 14.6839L3.98654 14.6899L4.66555 15.424ZM4.87608 15.4716L5.61026 14.7926L5.60367 14.7856L4.87608 15.4716ZM4.90495 15.6847L4.19784 16.3918L4.86773 17.0617L5.57282 16.4289L4.90495 15.6847ZM5.30921 16.2749L4.73955 15.453L4.73724 15.4546L5.30921 16.2749ZM5.08 16.1866L4.25603 16.7532L4.25941 16.7581L5.08 16.1866ZM5.0817 15.9421L5.64195 16.7705L5.65056 16.7645L5.0817 15.9421ZM5.31091 16.0282L6.13967 15.4685L6.1323 15.4576L6.12464 15.4469L5.31091 16.0282ZM5.86289 16.8455L5.41568 15.9511L5.24734 16.0353L5.12112 16.1749L5.86289 16.8455ZM5.59938 16.8065L6.2931 16.0862L6.28566 16.079L6.27807 16.072L5.59938 16.8065ZM5.54114 16.5443L4.80448 15.868L4.8013 15.8715L5.54114 16.5443ZM5.80669 16.5834L5.11725 17.3077L5.12296 17.3131L5.12876 17.3185L5.80669 16.5834ZM5.86323 16.8453L6.31045 17.7398L6.46201 17.664L6.58014 17.5425L5.86323 16.8453ZM6.62694 17.1768L7.58189 17.4735L7.584 17.4667L7.58602 17.4599L6.62694 17.1768ZM6.37056 17.2593L6.0805 18.2163L6.08771 18.2185L6.37056 17.2593ZM6.20247 17.0491L5.24294 16.7675L5.24278 16.768L6.20247 17.0491ZM6.45919 16.9667L6.16129 17.9214L6.17043 17.9241L6.45919 16.9667ZM7.4662 17.2381L6.7591 16.531L6.45197 16.8381L6.46678 17.2722L7.4662 17.2381ZM7.24887 17.3943L7.23493 16.3943L7.22537 16.3945L7.24887 17.3943ZM7.0256 17.2454H6.0256V17.2525L6.0257 17.2596L7.0256 17.2454ZM7.24463 17.0885L7.2265 16.0886L7.22524 16.0887L7.24463 17.0885ZM7.46637 17.2379L8.17348 17.945L8.46637 17.6521V17.2379H7.46637ZM8.24689 17.1053L9.23154 16.9307L9.23063 16.9257L8.24689 17.1053ZM8.05571 17.2949L8.2383 18.2781L8.23908 18.278L8.05571 17.2949ZM7.81121 17.1841L6.8257 17.3543L6.82827 17.368L7.81121 17.1841ZM8.00171 16.9929L7.83193 16.0073L7.82048 16.0094L8.00171 16.9929ZM10.8593 -0.5C4.6451 -0.5 -0.393921 4.53787 -0.393921 10.7532H1.60608C1.60608 5.64257 5.74954 1.5 10.8593 1.5V-0.5ZM-0.393921 10.7532C-0.393921 15.7269 2.83184 19.9435 7.30202 21.4314L7.93362 19.5337C4.25601 18.3097 1.60608 14.8401 1.60608 10.7532H-0.393921ZM7.43533 21.4658C7.91945 21.5556 8.43747 21.4738 8.83415 21.1118C9.20061 20.7774 9.3182 20.3339 9.3182 19.9893H7.3182C7.3182 19.9155 7.34172 19.7662 7.48606 19.6344C7.56146 19.5656 7.64615 19.5259 7.71919 19.5091C7.78739 19.4934 7.82061 19.5031 7.80032 19.4993L7.43533 21.4658ZM9.3182 19.9893C9.3182 19.7445 9.3086 18.9162 9.30426 18.0752L7.30429 18.0855C7.30879 18.9581 7.3182 19.7451 7.3182 19.9893H9.3182ZM8.0918 17.1032C6.90138 17.3621 6.34548 17.0865 6.10713 16.9079C5.97051 16.8055 5.88554 16.6954 5.83695 16.6175C5.81278 16.5788 5.79874 16.5498 5.79289 16.5368C5.79002 16.5304 5.78933 16.5284 5.79055 16.5316C5.79116 16.5332 5.79227 16.5361 5.79383 16.5405C5.79461 16.5427 5.79551 16.5453 5.79652 16.5482C5.79702 16.5497 5.79755 16.5512 5.79811 16.5529C5.79839 16.5537 5.79868 16.5546 5.79897 16.5555C5.79912 16.5559 5.79934 16.5566 5.79942 16.5568C5.79964 16.5575 5.79987 16.5582 4.84994 16.8706C3.9 17.1831 3.90023 17.1838 3.90047 17.1845C3.90055 17.1848 3.90079 17.1855 3.90095 17.186C3.90128 17.187 3.90163 17.188 3.90198 17.189C3.90269 17.1912 3.90344 17.1934 3.90425 17.1957C3.90586 17.2004 3.90766 17.2056 3.90967 17.2113C3.91368 17.2225 3.91852 17.2357 3.92424 17.2505C3.93567 17.2802 3.95069 17.3169 3.96985 17.3593C4.00806 17.444 4.06333 17.5531 4.14015 17.6762C4.29356 17.9221 4.53734 18.2308 4.90775 18.5083C5.68347 19.0896 6.85474 19.4189 8.51675 19.0576L8.0918 17.1032ZM5.78047 16.5044C5.49681 15.7837 5.13617 15.2931 4.81388 14.97C4.65402 14.8097 4.50681 14.6937 4.38822 14.6127C4.32901 14.5722 4.27706 14.5405 4.23439 14.5163C4.21305 14.5042 4.19403 14.494 4.17756 14.4855C4.16933 14.4812 4.16174 14.4774 4.15481 14.474C4.15135 14.4723 4.14805 14.4707 4.14493 14.4692C4.14337 14.4684 4.14185 14.4677 4.14037 14.467C4.13963 14.4667 4.1389 14.4663 4.13819 14.466C4.13783 14.4658 4.1373 14.4656 4.13712 14.4655C4.13659 14.4652 4.13607 14.465 3.71151 15.3704C3.28694 16.2758 3.28642 16.2755 3.28591 16.2753C3.28574 16.2752 3.28522 16.275 3.28489 16.2748C3.28421 16.2745 3.28354 16.2742 3.28289 16.2739C3.28157 16.2733 3.2803 16.2726 3.27906 16.2721C3.27659 16.2709 3.27426 16.2697 3.27209 16.2687C3.26773 16.2665 3.26397 16.2646 3.26077 16.263C3.25438 16.2597 3.25025 16.2574 3.2482 16.2562C3.24409 16.2539 3.2483 16.2561 3.25937 16.2636C3.28137 16.2787 3.33131 16.3156 3.39775 16.3822C3.52808 16.5129 3.73665 16.7725 3.9194 17.2369L5.78047 16.5044ZM4.27604 14.545C4.18958 14.4858 4.15405 14.4533 4.14782 14.4472C4.13446 14.4341 4.19876 14.4907 4.252 14.6175C4.28116 14.687 4.31079 14.7868 4.31492 14.9105C4.31919 15.0383 4.29532 15.1696 4.24163 15.2929C4.13719 15.5327 3.96445 15.6482 3.8926 15.6891C3.81633 15.7326 3.76005 15.7459 3.75324 15.7476C3.74028 15.7508 3.73819 15.7504 3.74895 15.7492C3.75801 15.7482 3.76777 15.7476 3.77492 15.7473C3.77804 15.7472 3.77954 15.7472 3.77884 15.7472C3.77846 15.7472 3.77746 15.7473 3.77576 15.7472C3.77491 15.7472 3.77388 15.7472 3.77266 15.7472C3.77205 15.7472 3.77139 15.7472 3.77068 15.7472C3.77032 15.7472 3.76995 15.7472 3.76957 15.7472C3.76938 15.7472 3.76909 15.7472 3.76899 15.7472C3.76869 15.7472 3.76839 15.7472 3.78163 14.7473C3.79486 13.7474 3.79455 13.7474 3.79424 13.7473C3.79413 13.7473 3.79381 13.7473 3.79359 13.7473C3.79315 13.7473 3.79269 13.7473 3.79222 13.7473C3.79127 13.7473 3.79025 13.7473 3.78916 13.7473C3.78698 13.7473 3.78453 13.7473 3.78181 13.7473C3.77638 13.7472 3.76988 13.7472 3.7624 13.7473C3.7475 13.7474 3.72841 13.7478 3.70599 13.7485C3.66206 13.7501 3.60091 13.7534 3.5307 13.7611C3.43011 13.7722 3.15872 13.8054 2.9027 13.9513C2.76394 14.0303 2.53882 14.1939 2.40799 14.4943C2.26365 14.8257 2.30716 15.1517 2.40786 15.3916C2.56764 15.7723 2.90592 16.0309 3.14697 16.1958L4.27604 14.545ZM3.7117 15.7448C3.90999 15.7587 4.09331 15.8621 4.25895 16.022C4.33834 16.0987 4.39956 16.1754 4.43962 16.2313C4.45919 16.2586 4.47241 16.2792 4.47902 16.2898C4.4823 16.295 4.48383 16.2977 4.4836 16.2973C4.48349 16.2971 4.48292 16.2961 4.4819 16.2943C4.48139 16.2934 4.48077 16.2923 4.48003 16.291C4.47966 16.2903 4.47926 16.2896 4.47883 16.2888C4.47862 16.2885 4.4784 16.2881 4.47817 16.2877C4.47806 16.2874 4.47788 16.2871 4.47783 16.287C4.47765 16.2867 4.47747 16.2864 5.35336 15.8039C6.22925 15.3214 6.22906 15.321 6.22888 15.3207C6.22881 15.3206 6.22862 15.3202 6.22849 15.32C6.22823 15.3195 6.22796 15.319 6.22768 15.3185C6.22712 15.3175 6.22653 15.3164 6.22589 15.3153C6.22463 15.313 6.22321 15.3105 6.22164 15.3078C6.21851 15.3022 6.21477 15.2957 6.21043 15.2883C6.20175 15.2734 6.19063 15.2549 6.17707 15.2331C6.15 15.1896 6.11281 15.1326 6.06545 15.0665C5.97166 14.9356 5.83297 14.7617 5.6481 14.5832C5.28524 14.2329 4.6827 13.808 3.85155 13.7497L3.7117 15.7448ZM4.48965 16.3079C5.11413 17.378 6.00643 17.8339 6.8797 17.9119C7.68396 17.9838 8.38514 17.7302 8.74549 17.569L7.9286 15.7434C7.70386 15.844 7.37044 15.9478 7.05775 15.9199C6.81406 15.8981 6.50707 15.7968 6.21706 15.2999L4.48965 16.3079ZM9.32754 16.7937C9.39248 16.3261 9.56458 16.1091 9.64575 16.0382L8.33028 14.5317C7.825 14.9729 7.46566 15.6609 7.34655 16.5187L9.32754 16.7937ZM9.10098 14.2914C8.02059 14.1686 7.09558 13.9125 6.44212 13.3626C5.837 12.8533 5.31646 11.9633 5.31646 10.218H3.31646C3.31646 12.4015 3.99302 13.9155 5.15433 14.8928C6.2673 15.8294 7.67807 16.1425 8.87505 16.2786L9.10098 14.2914ZM5.31646 10.218C5.31646 9.35979 5.61583 8.68281 6.11147 8.14008L4.63464 6.79138C3.81849 7.68507 3.31646 8.83738 3.31646 10.218H5.31646ZM6.29728 7.08388C6.25492 6.98136 5.96949 6.21778 6.40253 5.11925L4.54189 4.38578C3.86146 6.11185 4.27793 7.43394 4.44883 7.84758L6.29728 7.08388ZM5.47221 4.75252C5.77709 5.70491 5.77613 5.70521 5.77518 5.70552C5.77487 5.70562 5.77392 5.70592 5.77329 5.70611C5.77204 5.70651 5.7708 5.7069 5.76957 5.70728C5.7671 5.70805 5.76469 5.70879 5.76232 5.70951C5.75758 5.71094 5.75302 5.71228 5.74865 5.71352C5.73991 5.71601 5.73193 5.71813 5.72471 5.71993C5.71025 5.72354 5.69893 5.72587 5.69082 5.72733C5.67449 5.73028 5.67169 5.72966 5.68316 5.72914C5.70545 5.72811 5.78959 5.7271 5.94141 5.75908C6.24664 5.82337 6.83272 6.02289 7.73176 6.63157L8.85302 4.97544C7.7927 4.25757 6.9687 3.93159 6.35367 3.80203C6.04537 3.73708 5.79184 3.72205 5.5915 3.73124C5.49165 3.73582 5.40629 3.74636 5.33523 3.7592C5.29976 3.76561 5.26803 3.77256 5.24 3.77956C5.226 3.78305 5.21294 3.78656 5.20082 3.79001C5.19477 3.79174 5.18895 3.79345 5.18336 3.79514C5.18057 3.79598 5.17784 3.79682 5.17517 3.79765C5.17383 3.79807 5.17251 3.79848 5.17121 3.79889C5.17055 3.7991 5.16958 3.79941 5.16926 3.79951C5.16829 3.79982 5.16733 3.80012 5.47221 4.75252ZM8.56016 6.76699C9.28601 6.56526 10.0743 6.46151 10.8637 6.45798L10.8548 4.458C9.90119 4.46227 8.93485 4.58705 8.02462 4.84002L8.56016 6.76699ZM10.8548 6.45798C11.6439 6.46151 12.4328 6.56498 13.1603 6.76678L13.6949 4.83955C12.7833 4.58666 11.8166 4.46227 10.8637 4.458L10.8548 6.45798ZM13.9887 6.63092C14.8866 6.0223 15.4718 5.82291 15.7763 5.75869C15.9277 5.72674 16.0116 5.72778 16.0336 5.72879C16.045 5.72931 16.0421 5.72992 16.0257 5.72696C16.0175 5.72548 16.0062 5.72315 15.9917 5.71953C15.9844 5.71772 15.9764 5.71559 15.9677 5.71309C15.9633 5.71185 15.9587 5.71051 15.954 5.70907C15.9516 5.70835 15.9492 5.70761 15.9467 5.70684C15.9455 5.70646 15.9443 5.70607 15.943 5.70567C15.9424 5.70547 15.9414 5.70517 15.9411 5.70507C15.9402 5.70477 15.9392 5.70446 16.2444 4.75218C16.5496 3.79989 16.5487 3.79958 16.5477 3.79927C16.5474 3.79917 16.5464 3.79886 16.5458 3.79866C16.5444 3.79824 16.5431 3.79783 16.5418 3.79741C16.5391 3.79658 16.5364 3.79574 16.5336 3.79489C16.528 3.7932 16.5222 3.79149 16.5161 3.78976C16.504 3.7863 16.4909 3.78279 16.4769 3.77928C16.4489 3.77227 16.4171 3.76531 16.3817 3.7589C16.3106 3.74604 16.2252 3.73549 16.1254 3.7309C15.9251 3.7217 15.6716 3.73675 15.3635 3.80174C14.7489 3.93137 13.9257 4.25748 12.8665 4.97542L13.9887 6.63092ZM15.3144 5.11973C15.7484 6.21773 15.4631 6.9812 15.4207 7.08406L17.2695 7.84672C17.44 7.43342 17.8567 6.11088 17.1744 4.38463L15.3144 5.11973ZM15.6075 8.14059C16.1026 8.68151 16.4003 9.35763 16.4003 10.2177H18.4003C18.4003 8.83886 17.9024 7.68568 17.0827 6.79019L15.6075 8.14059ZM16.4003 10.2177C16.4003 11.9679 15.8787 12.8556 15.2738 13.3618C14.6197 13.9093 13.6931 14.1621 12.608 14.2828L12.8292 16.2705C14.0273 16.1372 15.4415 15.8295 16.5575 14.8955C17.7227 13.9203 18.4003 12.4055 18.4003 10.2177H16.4003ZM12.0645 16.0331C12.1668 16.1215 12.4142 16.4425 12.4142 17.1754H14.4142C14.4142 15.9955 14.0063 15.0682 13.3727 14.5203L12.0645 16.0331ZM12.4142 17.1754C12.4142 17.8586 12.4113 18.4753 12.4083 18.964C12.4054 19.4486 12.4023 19.8163 12.4023 19.9891H14.4023C14.4023 19.8243 14.4053 19.471 14.4083 18.9762C14.4112 18.4854 14.4142 17.8642 14.4142 17.1754H12.4142ZM12.4023 19.9891C12.4023 20.3273 12.5146 20.7752 12.8854 21.1137C13.288 21.4812 13.8127 21.5566 14.2969 21.4628L13.9164 19.4993C13.8928 19.5038 13.9252 19.4935 13.9942 19.5088C14.0687 19.5253 14.1561 19.5656 14.2339 19.6366C14.3824 19.7722 14.4023 19.9239 14.4023 19.9891H12.4023ZM14.4229 21.4297C18.8906 19.9403 22.1126 15.7248 22.1126 10.7532H20.1126C20.1126 14.8387 17.4657 18.3071 13.7904 19.5323L14.4229 21.4297ZM22.1126 10.7531C22.1124 4.53827 17.074 -0.5 10.8593 -0.5V1.5C15.9694 1.5 20.1124 5.64286 20.1126 10.7532L22.1126 10.7531ZM3.57529 14.8159C3.7377 14.4495 4.05709 14.3188 4.24101 14.2853C4.4344 14.25 4.60871 14.2854 4.74409 14.3499L3.8834 16.1552C4.09179 16.2546 4.34267 16.2997 4.60003 16.2528C4.84791 16.2075 5.21867 16.0437 5.40366 15.6264L3.57529 14.8159ZM4.72065 14.3391C4.84762 14.3956 4.98696 14.4991 5.08837 14.6683C5.18709 14.8331 5.29719 15.1624 5.12596 15.5254L3.31714 14.6721C3.1218 15.0861 3.24064 15.4758 3.37281 15.6963C3.50767 15.9214 3.70516 16.0762 3.90684 16.166L4.72065 14.3391ZM5.14374 15.4855C4.9863 15.8609 4.66098 15.9991 4.46786 16.034C4.27044 16.0696 4.09798 16.0312 3.97004 15.9705L4.82622 14.1631C4.62408 14.0673 4.37437 14.0185 4.11273 14.0657C3.85538 14.1122 3.47887 14.2839 3.29936 14.712L5.14374 15.4855ZM3.98949 15.9795C3.86339 15.9231 3.72364 15.8196 3.62204 15.6488C3.52272 15.4818 3.40902 15.1385 3.59847 14.767L5.38014 15.6756C5.59557 15.2532 5.47363 14.8494 5.34091 14.6263C5.2059 14.3993 5.00757 14.244 4.80677 14.1541L3.98949 15.9795ZM5.19641 15.9284L5.19658 15.9283L3.78237 14.514L3.7822 14.5142L5.19641 15.9284ZM4.22364 14.9523C4.51446 14.6818 4.85412 14.6904 5.02582 14.7291C5.20781 14.77 5.34502 14.864 5.43776 14.9667L3.95344 16.3072C4.11104 16.4817 4.32847 16.6221 4.58665 16.6803C4.83455 16.7361 5.24637 16.7325 5.58591 16.4167L4.22364 14.9523ZM5.42319 14.9509C5.51537 15.0487 5.60099 15.1938 5.6273 15.3842C5.65295 15.5699 5.62499 15.8988 5.34455 16.1582L3.98654 14.6899C3.65635 14.9953 3.6098 15.395 3.64611 15.6579C3.68307 15.9254 3.8086 16.1539 3.96801 16.323L5.42319 14.9509ZM5.33146 16.1701C5.04903 16.4222 4.72244 16.4201 4.54291 16.3793C4.361 16.3379 4.23139 16.2455 4.14849 16.1576L5.60367 14.7856C5.45354 14.6263 5.24396 14.4876 4.98624 14.429C4.7309 14.371 4.33266 14.3807 3.99963 14.678L5.33146 16.1701ZM4.14194 16.1506C4.05666 16.0584 3.97042 15.9162 3.94406 15.7235C3.91765 15.5305 3.95081 15.1973 4.23707 14.9404L5.57282 16.4289C5.91036 16.1261 5.96253 15.7224 5.9256 15.4525C5.88872 15.1828 5.76241 14.9571 5.61023 14.7926L4.14194 16.1506ZM5.61205 14.9776L5.61188 14.9774L4.19767 16.3916L4.19784 16.3918L5.61205 14.9776ZM4.73724 15.4546C5.06325 15.2273 5.3977 15.2872 5.55745 15.3494C5.72384 15.4141 5.83371 15.519 5.90059 15.6151L4.25941 16.7581C4.38979 16.9453 4.58285 17.1162 4.83227 17.2133C5.07505 17.3077 5.49235 17.3663 5.88119 17.0951L4.73724 15.4546ZM5.90395 15.6199C5.97268 15.7198 6.03397 15.8658 6.03308 16.0512C6.03221 16.2342 5.95879 16.5561 5.64192 16.7704L4.52148 15.1137C4.14008 15.3717 4.03441 15.7701 4.03311 16.0416C4.03179 16.3155 4.1245 16.5619 4.25605 16.7532L5.90395 15.6199ZM5.65056 16.7645C5.33331 16.9839 5.00602 16.9325 4.84059 16.8696C4.67218 16.8056 4.56266 16.7011 4.49718 16.6094L6.12464 15.4469C5.99464 15.2649 5.80218 15.0955 5.55113 15C5.30305 14.9058 4.89342 14.8564 4.51283 15.1196L5.65056 16.7645ZM4.48215 16.5878C4.4163 16.4902 4.3567 16.3472 4.35757 16.1648C4.35843 15.9849 4.42943 15.6679 4.73955 15.453L5.87888 17.0967C6.25318 16.8373 6.35627 16.4432 6.35755 16.1743C6.35884 15.9028 6.268 15.6586 6.13967 15.4685L4.48215 16.5878ZM5.12112 16.1749C5.3813 15.8871 5.71317 15.866 5.88673 15.8913C6.06751 15.9175 6.20289 15.9993 6.2931 16.0862L4.90566 17.5267C5.08349 17.698 5.3226 17.8303 5.59922 17.8705C5.86863 17.9096 6.28846 17.8659 6.60467 17.5162L5.12112 16.1749ZM6.27807 16.072C6.36664 16.1539 6.45438 16.2797 6.49247 16.4536C6.52906 16.6206 6.53277 16.9402 6.28099 17.2171L4.8013 15.8715C4.49332 16.2102 4.48141 16.6195 4.53879 16.8815C4.59768 17.1504 4.74264 17.3764 4.9207 17.5409L6.27807 16.072ZM6.2778 17.2206C6.0177 17.5039 5.6891 17.5236 5.51773 17.4986C5.3396 17.4726 5.20633 17.3925 5.11725 17.3077L6.49614 15.859C6.31893 15.6904 6.08141 15.5597 5.8068 15.5196C5.53895 15.4805 5.12163 15.5226 4.80449 15.868L6.2778 17.2206ZM5.12876 17.3185C5.0437 17.24 4.95355 17.1153 4.91434 16.937C4.87549 16.7604 4.87616 16.426 5.14632 16.1482L6.58014 17.5425C6.91024 17.2031 6.92737 16.7789 6.86765 16.5074C6.80756 16.2341 6.65916 16.0092 6.48462 15.8482L5.12876 17.3185ZM5.41602 15.9509L5.41568 15.9511L6.31011 17.7399L6.31045 17.7398L5.41602 15.9509ZM5.67199 16.88C5.78473 16.5172 6.06787 16.36 6.2279 16.3087C6.39422 16.2554 6.54261 16.2674 6.65341 16.3001L6.08771 18.2185C6.31481 18.2854 6.57892 18.2964 6.83811 18.2133C7.09101 18.1323 7.44419 17.9166 7.58189 17.4735L5.67199 16.88ZM6.66061 16.3023C6.77201 16.336 6.90382 16.4082 7.01409 16.5456C7.12087 16.6787 7.2686 16.9667 7.16215 17.3302L5.24278 16.768C5.11257 17.2126 5.28636 17.5881 5.45414 17.7973C5.6254 18.0107 5.85314 18.1474 6.08051 18.2163L6.66061 16.3023ZM7.16199 17.3307C7.05356 17.7002 6.76704 17.8626 6.60285 17.9156C6.43185 17.9707 6.27762 17.9576 6.16131 17.9213L6.75707 16.0121C6.52377 15.9393 6.25307 15.9269 5.98889 16.0121C5.73153 16.0952 5.37515 16.317 5.24294 16.7675L7.16199 17.3307ZM6.17043 17.9241C6.06001 17.8908 5.92725 17.8191 5.81588 17.6804C5.70682 17.5446 5.561 17.2556 5.66786 16.8936L7.58602 17.4599C7.71699 17.0163 7.54527 16.6398 7.37531 16.4281C7.20302 16.2136 6.97434 16.0776 6.74795 16.0093L6.17043 17.9241ZM6.46678 17.2722C6.45351 16.8832 6.67905 16.6366 6.82204 16.5342C6.96876 16.4291 7.11818 16.396 7.23493 16.3944L7.26282 18.3942C7.50131 18.3908 7.76084 18.3219 7.98651 18.1603C8.20844 18.0013 8.48178 17.6775 8.46562 17.2039L6.46678 17.2722ZM7.22537 16.3945C7.3481 16.3917 7.50101 16.422 7.65068 16.5229C7.79385 16.6195 8.02008 16.8518 8.0255 17.2311L6.0257 17.2596C6.03231 17.7221 6.3088 18.0303 6.53262 18.1812C6.76294 18.3365 7.02689 18.3998 7.27238 18.394L7.22537 16.3945ZM8.0256 17.2454C8.0256 17.6091 7.81754 17.8441 7.6715 17.9487C7.52465 18.0539 7.37631 18.0861 7.26402 18.0883L7.22524 16.0887C6.99036 16.0932 6.73251 16.1612 6.50679 16.3229C6.28189 16.484 6.0256 16.7962 6.0256 17.2454H8.0256ZM7.26276 18.0883C7.14217 18.0905 6.99064 18.0604 6.84142 17.9596C6.69787 17.8627 6.46637 17.6253 6.46637 17.2379H8.46637C8.46637 16.7668 8.18487 16.4536 7.96089 16.3023C7.73123 16.1472 7.46882 16.0843 7.2265 16.0886L7.26276 18.0883ZM6.75927 16.5308L6.7591 16.531L8.17331 17.9452L8.17348 17.945L6.75927 16.5308ZM7.26225 17.2799C7.19594 16.9059 7.37501 16.6348 7.49703 16.5135C7.62295 16.3882 7.76182 16.3325 7.87233 16.3119L8.23908 18.278C8.47066 18.2348 8.71242 18.1254 8.90731 17.9316C9.09831 17.7417 9.31244 17.387 9.23153 16.9307L7.26225 17.2799ZM7.87312 16.3118C7.99655 16.2888 8.15035 16.2958 8.31023 16.3689C8.46091 16.4377 8.72413 16.6259 8.79415 17.0002L6.82827 17.368C6.91358 17.8239 7.23962 18.0786 7.47901 18.188C7.72761 18.3015 7.99602 18.3231 8.2383 18.2781L7.87312 16.3118ZM8.79663 17.0139C8.86025 17.3823 8.68519 17.6508 8.56244 17.7732C8.43711 17.8981 8.29753 17.9552 8.18295 17.9763L7.82048 16.0094C7.58704 16.0525 7.34491 16.1629 7.1504 16.3568C6.95845 16.5482 6.74757 16.9013 6.8258 17.3542L8.79663 17.0139ZM8.17148 17.9784C8.0618 17.9973 7.9112 17.9939 7.7478 17.9191C7.58636 17.8452 7.33014 17.6519 7.26315 17.2849L9.23063 16.9257C9.14836 16.475 8.83016 16.215 8.58027 16.1006C8.3284 15.9853 8.06286 15.9676 7.83195 16.0074L8.17148 17.9784Z"
+              mask="url(#path-1-inside-1_1218_1523)"
+            />
+          </svg>
+          <a href="<%= link.URL -%>" target="_blank">github</a>
+        </div>
+      <%_ } %>
+      <%_ if (link.type === 'twitter') { -%>
+        <div class="aside__section__item">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="21"
+            height="21"
+            viewBox="0 0 21 21"
+            fill="none"
+            class="svg-fill"
+          >
+            <path
+              d="M6.93408 20.5C14.5275 20.5 18.6797 12.8041 18.6797 6.13165C18.6797 5.91314 18.6797 5.69511 18.6679 5.47833C19.4761 4.76356 20.1737 3.87806 20.7276 2.86366C19.9746 3.27269 19.1759 3.5404 18.3573 3.65956C19.2188 3.02762 19.8636 2.03476 20.1712 0.865523C19.3607 1.45391 18.474 1.86845 17.5492 2.09182C16.2702 0.427727 14.237 0.0199563 12.5901 1.09833C10.9439 2.17671 10.0934 4.4718 10.5152 6.69725C7.19628 6.49399 4.10326 4.57571 2.00765 1.42137C0.9101 3.72747 1.46878 6.68011 3.28206 8.16359C2.63 8.13655 1.99193 7.91915 1.42209 7.52992V7.59437C1.42209 9.99526 2.80323 12.0648 4.72639 12.5448C4.12497 12.747 3.47893 12.7766 2.86155 12.6302C3.40184 14.6886 4.95181 16.0996 6.7184 16.1401C5.25568 17.542 3.44979 18.3016 1.59108 18.2969C1.26191 18.2969 0.932736 18.2733 0.606079 18.2268C2.49371 19.7096 4.69008 20.4969 6.93392 20.4939"
+            />
+          </svg>
+          <a href="<%= link.URL -%>" target="_blank">twitter</a>
+        </div>
+      <%_ } %>
+      <%_ if (link.type === 'web') { -%>
+        <div class="aside__section__item">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="21"
+            height="21"
+            viewBox="0 0 21 21"
+            fill="none"
+            class="svg-fill"
+          >
+            <path
+              d="M20.0495 13.7905C20.4096 12.7597 20.6061 11.6522 20.6061 10.5002C20.6061 9.34807 20.4096 8.24118 20.0495 7.21039C20.041 7.17954 20.0303 7.14928 20.0178 7.12031C18.6291 3.26449 14.9347 0.5 10.6062 0.5C6.2776 0.5 2.5832 3.26435 1.19454 7.12031C1.18186 7.14913 1.17105 7.17954 1.16284 7.21039C0.802664 8.24118 0.606079 9.34807 0.606079 10.5002C0.606079 11.6522 0.802664 12.7597 1.16284 13.7905C1.17163 13.8213 1.18201 13.8516 1.19454 13.8806C2.58378 17.7364 6.2776 20.5009 10.6062 20.5009C14.9347 20.5009 18.6291 17.7365 20.0178 13.8806C20.0303 13.8516 20.041 13.8213 20.0495 13.7905ZM10.606 19.0672C10.2252 19.0672 9.6111 18.3779 9.09786 16.8382C8.85011 16.0952 8.65222 15.2408 8.50767 14.3118H12.7045C12.5604 15.241 12.362 16.0949 12.1143 16.8382C11.6009 18.3779 10.9868 19.0672 10.606 19.0672ZM8.33356 12.8782C8.26438 12.1139 8.22806 11.3164 8.22806 10.5002C8.22806 9.68403 8.26438 8.88701 8.33356 8.12271H12.8786C12.9473 8.88701 12.9837 9.68403 12.9837 10.5002C12.9837 11.3164 12.9473 12.1139 12.8786 12.8782H8.33356ZM2.03941 10.5002C2.03941 9.67567 2.15645 8.87778 2.37538 8.12271H6.89576C6.82859 8.90286 6.79458 9.70219 6.79458 10.5002C6.79458 11.2987 6.82859 12.098 6.89576 12.8782H2.37538C2.15645 12.1226 2.03941 11.3252 2.03941 10.5002ZM10.606 1.93363C10.9868 1.93363 11.6009 2.62298 12.1141 4.16269C12.3619 4.90566 12.5602 5.76004 12.7043 6.68908H8.50753C8.65165 5.75946 8.84997 4.90551 9.09772 4.16269C9.6111 2.62284 10.2252 1.93363 10.606 1.93363ZM14.3163 8.12271H18.8365C19.055 8.87764 19.1726 9.67567 19.1726 10.5002C19.1726 11.3252 19.055 12.1232 18.8365 12.8782H14.3163C14.3834 12.098 14.417 11.2987 14.417 10.5002C14.417 9.70219 14.3834 8.90286 14.3163 8.12271ZM18.2767 6.68922H14.1521C13.8968 4.93088 13.4596 3.3537 12.8459 2.23139C15.2248 2.87621 17.1959 4.523 18.2767 6.68922ZM8.36613 2.23125C7.75244 3.35356 7.31531 4.93074 7.05992 6.68908H2.9353C4.01611 4.523 5.98718 2.87621 8.36613 2.23125ZM2.93545 14.3116H7.06006C7.31531 16.07 7.75259 17.6472 8.36628 18.7695C5.98718 18.1241 4.01611 16.4779 2.93545 14.3116ZM12.8459 18.7695C13.4596 17.6472 13.8967 16.07 14.1521 14.3116H18.2767C17.1959 16.4779 15.2248 18.1241 12.8459 18.7695Z"
+            />
+          </svg>
+          <a href="<%= link.URL -%>" target="_blank"><%= link.type -%></a>
+        </div>
+      <%_ } %>
+      <%_ if (link.type === 'otros') { -%>
+        <div class="aside__section__item">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="21"
+            height="21"
+            viewBox="0 0 21 21"
+            fill="none"
+            class="svg-fill"
+          >
+            <path
+              d="M7.40295 9.87598H3.1842C1.7626 9.87598 0.606079 8.71945 0.606079 7.29785V3.0791C0.606079 1.6575 1.7626 0.500977 3.1842 0.500977H7.40295C8.82456 0.500977 9.98108 1.6575 9.98108 3.0791V7.29785C9.98108 8.71945 8.82456 9.87598 7.40295 9.87598ZM3.1842 1.75098C2.45186 1.75098 1.85608 2.34676 1.85608 3.0791V7.29785C1.85608 8.0302 2.45186 8.62598 3.1842 8.62598H7.40295C8.1353 8.62598 8.73108 8.0302 8.73108 7.29785V3.0791C8.73108 2.34676 8.1353 1.75098 7.40295 1.75098H3.1842Z"
+            />
+            <path
+              d="M18.028 9.87598H13.8092C12.3876 9.87598 11.2311 8.71945 11.2311 7.29785V3.0791C11.2311 1.6575 12.3876 0.500977 13.8092 0.500977H18.028C19.4496 0.500977 20.6061 1.6575 20.6061 3.0791V7.29785C20.6061 8.71945 19.4496 9.87598 18.028 9.87598ZM13.8092 1.75098C13.0769 1.75098 12.4811 2.34676 12.4811 3.0791V7.29785C12.4811 8.0302 13.0769 8.62598 13.8092 8.62598H18.028C18.7603 8.62598 19.3561 8.0302 19.3561 7.29785V3.0791C19.3561 2.34676 18.7603 1.75098 18.028 1.75098H13.8092Z"
+            />
+            <path
+              d="M15.9186 20.501C13.3339 20.501 11.2311 18.3982 11.2311 15.8135C11.2311 13.2288 13.3339 11.126 15.9186 11.126C18.5033 11.126 20.6061 13.2288 20.6061 15.8135C20.6061 18.3982 18.5033 20.501 15.9186 20.501ZM15.9186 12.376C14.0231 12.376 12.4811 13.918 12.4811 15.8135C12.4811 17.7089 14.0231 19.251 15.9186 19.251C17.814 19.251 19.3561 17.7089 19.3561 15.8135C19.3561 13.918 17.814 12.376 15.9186 12.376Z"
+            />
+            <path
+              d="M7.40295 20.501H3.1842C1.7626 20.501 0.606079 19.3445 0.606079 17.9229V13.7041C0.606079 12.2825 1.7626 11.126 3.1842 11.126H7.40295C8.82456 11.126 9.98108 12.2825 9.98108 13.7041V17.9229C9.98108 19.3445 8.82456 20.501 7.40295 20.501ZM3.1842 12.376C2.45186 12.376 1.85608 12.9718 1.85608 13.7041V17.9229C1.85608 18.6552 2.45186 19.251 3.1842 19.251H7.40295C8.1353 19.251 8.73108 18.6552 8.73108 17.9229V13.7041C8.73108 12.9718 8.1353 12.376 7.40295 12.376H3.1842Z"
+            />
+          </svg>
+          <a href="<%= link.URL -%>" target="_blank"><%= link.type -%></a>
+        </div>
+      <%_ } %>
+    <%_ } %>
+  </div>
+<%_ } -%>
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.part.ts
new file mode 100644
index 00000000..929d0526
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.part.ts
@@ -0,0 +1,18 @@
+import ejs from 'ejs';
+import { ManfredAwesomicCV } from '@/model';
+import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import relevantsLinksSection from './relevants-links-section.ejs?raw';
+
+export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV): string => {
+  const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
+
+  return generateRelevantsLinksSectionInner(profileSectionVm);
+};
+
+const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm): string => {
+  const rootObject = {
+    profile: profileSectionVm,
+  };
+
+  return ejs.render(relevantsLinksSection, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/index.ts b/packages/manfred2html/src/engine/html-parts/soft-skills-section/index.ts
new file mode 100644
index 00000000..caf64397
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/soft-skills-section/index.ts
@@ -0,0 +1 @@
+export * from './soft-skills-section.part';
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.ejs b/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.ejs
new file mode 100644
index 00000000..4595a44d
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.ejs
@@ -0,0 +1,31 @@
+<%_ if (softSkillsCollection && softSkillsCollection.length !== 0) { -%>
+    <div class="aside__section">
+      <div class="aside__section__header">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="21"
+          height="33"
+          viewBox="0 0 21 33"
+          fill="none"
+          class="svg-stroke"
+        >
+          <path
+            d="M19.6061 22.939C18.4811 24.2172 17.0964 25.2407 15.5444 25.9412C13.9924 26.6417 12.3088 27.003 10.6061 27.001M10.6061 27.001C8.90332 27.003 7.21973 26.6417 5.66772 25.9412C4.11571 25.2407 2.73101 24.2172 1.60608 22.939M10.6061 27.001V31.501M7.60608 31.501H13.6061M10.6061 1.50098C13.9198 1.50098 16.6061 4.18727 16.6061 7.50098V15.001C16.6061 18.3147 13.9198 21.001 10.6061 21.001C7.29237 21.001 4.60608 18.3147 4.60608 15.001V7.50098C4.60608 4.18727 7.29237 1.50098 10.6061 1.50098Z"
+            stroke-width="2.5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+        <div>
+          <h3>SOFT SKILLS</h3>
+          <hr class="secondary-divider" />
+        </div>
+      </div>
+      <ul class="aside__section__list-items">
+        <%_ for (const item of softSkillsCollection) { -%>
+          <li><%- item.skill.name %></li>
+        <%_ } -%>
+      </ul>
+    </div>
+  <%_ } -%>
+  
\ No newline at end of file
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.part.ts
new file mode 100644
index 00000000..915d2484
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.part.ts
@@ -0,0 +1,16 @@
+import ejs from 'ejs';
+import { ManfredAwesomicCV } from '@/model';
+import { SoftSkillVM, mapFromCvToSoftSkillVm } from '@lemoncode/manfred-common/soft-skill-section';
+import softSkillsSection from './soft-skills-section.ejs?raw';
+
+export const generateSoftSkillsSection = (cv: ManfredAwesomicCV): string => {
+  const softSkillsSectionVm = mapFromCvToSoftSkillVm(cv);
+  return generateSoftSkillsSectionInner(softSkillsSectionVm);
+};
+
+const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[]): string => {
+  const rootObject = {
+    softSkillsCollection: softSkillsSectionVm,
+  };
+  return ejs.render(softSkillsSection, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/index.ts b/packages/manfred2html/src/engine/html-parts/studies-section/index.ts
new file mode 100644
index 00000000..bd83d5eb
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/studies-section/index.ts
@@ -0,0 +1 @@
+export * from './studies-section.part';
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.ejs b/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.ejs
new file mode 100644
index 00000000..0b56db2f
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.ejs
@@ -0,0 +1,55 @@
+<%_ if (studiesCollection && studiesCollection.length !== 0) { -%>
+    <section class="main__section">
+      <div class="main__section__header">
+        <h2>Educación</h2>
+        <hr class="secondary-divider" />
+      </div>
+      <%_ for (const study of studiesCollection) { -%>
+      <div class="main__section__item">
+        <div class="date date-desktop">
+          <p>Inicio: <b><%- study.startDate %></b></p>
+          <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>            
+            <p>Fin: <b><%- study.finishDate %></b></p>
+            <%_ } -%>
+        </div>
+        <div class="line-icon">
+          <div class="circle"></div>
+          <hr class="line" />
+        </div>
+        <div class="section__content">
+          <div class="section__content__header">
+            <h3><%- study.name %></h3>
+            <%_ if (study.description) { -%>
+                <h4><%- study.description %></h4>
+                <%_ } -%>
+          </div>
+          <div class="date date-mobile">
+            <p>Inicio: <b><%- study.startDate %></b></p>
+            <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>            
+              <p>Fin: <b><%- study.finishDate %></b></p>
+              <%_ } -%>            
+          </div>
+          <div class="data">
+            <p>Tipo de estudios: <b><%- study.studyType %></b></p>
+            <p>
+              Grado obtenido: <% if (study.degreeAchieved) { %>
+              <b>Obtenido</b>
+              <%} else { %>
+              <b>No obtenido</b>
+              <% } %>
+            </p>
+            <p>Nombre de la institución: <b><%- study.institution.name %></b></p>
+            <%_ if (study.location) { -%>
+            <p>
+              Ubicación de la institución:
+                <h4><%- study.description %></h4>                
+              <b><%- study.institution.location.region %> , <%- study.institution.location.country %> </b>
+            </p>
+            <%_ } -%>
+          </div>
+        </div>
+      </div>
+      <%_ } -%>
+    </section>
+    <%_ } -%>
+    
\ No newline at end of file
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.part.ts
new file mode 100644
index 00000000..512e6471
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.part.ts
@@ -0,0 +1,18 @@
+import ejs from 'ejs';
+import { StudiesSectionVm, mapFromMacCvToStudiesSectionVm } from '@lemoncode/manfred-common/studies-section';
+import { ManfredAwesomicCV } from '@/model';
+import studiesTemplate from './studies-section.ejs?raw';
+
+export const generateStudiesSection = (cv: ManfredAwesomicCV): string => {
+  const studiesSectionVm = mapFromMacCvToStudiesSectionVm(cv);
+
+  return generateStudiesSectionInner(studiesSectionVm);
+};
+
+const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[]): string => {
+  const rootObject = {
+    studiesCollection: studiesSectionVm,
+  };
+
+  return ejs.render(studiesTemplate, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
new file mode 100644
index 00000000..cd20b528
--- /dev/null
+++ b/packages/manfred2html/src/engine/index.ts
@@ -0,0 +1,54 @@
+import { ManfredAwesomicCV } from '@/model';
+import {
+  generateHtmlDocumentStart,
+  generateHtmlDocumentEnd,
+  generateHeaderElementStart,
+  generateHeaderElementEnd,
+  generateAboutMeSection,
+  generateAsideElementStart,
+  generateAsideElementEnd,
+  generateRelevantsLinksSection,
+  generateLanguageSection,
+  generateHardSkillsSection,
+  generateSoftSkillsSection,
+  generateMainElementStart,
+  generateMainElementEnd,
+  generateExperiencesSection,
+  generateStudiesSection,
+} from './html-parts';
+
+export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV): string => {
+  const htmlDocumentStart = generateHtmlDocumentStart();
+  const htmlDocumentEnd = generateHtmlDocumentEnd();
+  const headerElementStart = generateHeaderElementStart();
+  const headerElementEnd = generateHeaderElementEnd();
+  const aboutMeSection = generateAboutMeSection(manfredJsonContent);
+  const asideElementStart = generateAsideElementStart();
+  const asideElementEnd = generateAsideElementEnd();
+  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
+  const mainElementStart = generateMainElementStart();
+  const mainElementEnd = generateMainElementEnd();
+  const languageSection = generateLanguageSection(manfredJsonContent);
+  const hardSkillsSection = generateHardSkillsSection(manfredJsonContent);
+  const softSkillsSection = generateSoftSkillsSection(manfredJsonContent);
+  const experienceSection = generateExperiencesSection(manfredJsonContent);
+  const studiesSection = generateStudiesSection(manfredJsonContent);
+
+  return `
+    ${htmlDocumentStart}
+      ${headerElementStart}
+        ${aboutMeSection}
+      ${headerElementEnd}
+      ${asideElementStart}
+        ${relevantsLinksSection}
+        ${languageSection}
+        ${hardSkillsSection}
+        ${softSkillsSection}
+      ${asideElementEnd}
+      ${mainElementStart}
+        ${experienceSection}
+        ${studiesSection}
+      ${mainElementEnd}
+    ${htmlDocumentEnd}
+  `;
+};
diff --git a/packages/manfred2html/src/index.ts b/packages/manfred2html/src/index.ts
index 71422f2f..065eacae 100644
--- a/packages/manfred2html/src/index.ts
+++ b/packages/manfred2html/src/index.ts
@@ -1,4 +1 @@
-// TODO: Replace with package exports
-export const exampleFn = () => {
-  console.log('Manfred2Html');
-};
+export * from '@/engine';
diff --git a/packages/manfred2html/src/model/index.ts b/packages/manfred2html/src/model/index.ts
new file mode 100644
index 00000000..d8d42b2a
--- /dev/null
+++ b/packages/manfred2html/src/model/index.ts
@@ -0,0 +1 @@
+export * from './manfred-schema.model';
diff --git a/packages/manfred2html/src/model/manfred-schema.model.ts b/packages/manfred2html/src/model/manfred-schema.model.ts
new file mode 100644
index 00000000..94178717
--- /dev/null
+++ b/packages/manfred2html/src/model/manfred-schema.model.ts
@@ -0,0 +1,403 @@
+// Apr 2022
+/* tslint:disable */
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+
+/**
+ * picture, thumbnail or avatar
+ */
+export type Image =
+  | {
+      link: string;
+      [k: string]: unknown;
+    }
+  | {
+      data: string;
+      mediaType: 'image/png' | 'image/jpeg';
+      encoding: 'base64';
+      [k: string]: unknown;
+    };
+/**
+ * A way to contact a specific person
+ */
+export type ContactMean =
+  | {
+      /**
+       * Online services that provide a way to contact a person without exposing mail or phone number.
+       */
+      publicProfiles: [
+        {
+          type: 'manfred' | 'linkedin' | 'stackoverflow' | 'xing' | 'other';
+          URL: string;
+        },
+        ...{
+          type: 'manfred' | 'linkedin' | 'stackoverflow' | 'xing' | 'other';
+          URL: string;
+        }[]
+      ];
+      [k: string]: unknown;
+    }
+  | {
+      phoneNumbers: [
+        {
+          /**
+           * Country calling code as defined in International Telecommunication Union (ITU) standards E.123 and E.164.
+           */
+          countryCode: number;
+          number: string;
+        },
+        ...{
+          /**
+           * Country calling code as defined in International Telecommunication Union (ITU) standards E.123 and E.164.
+           */
+          countryCode: number;
+          number: string;
+        }[]
+      ];
+      [k: string]: unknown;
+    }
+  | {
+      contactMails: [string, ...string[]];
+      [k: string]: unknown;
+    };
+/**
+ * Types of Recommendations
+ */
+export type RecommendationType = 'reading' | 'video' | 'podcast' | 'web' | 'other';
+/**
+ * Types of Organization
+ */
+export type OrganizationType =
+  | 'freelance'
+  | 'publicAdministration'
+  | 'NGO'
+  | 'startup'
+  | 'SME'
+  | 'bigCorp'
+  | 'academicalInstitution'
+  | 'other';
+/**
+ * Types of Projects
+ */
+export type ProjectType = 'proBono' | 'openSource' | 'sideProject' | 'personalAchievement' | 'other';
+/**
+ * Types of Public Artifacts
+ */
+export type PublicArtifactType = 'post' | 'talk' | 'sideProject' | 'achievement' | 'launch' | 'video';
+/**
+ * A list of tags with random values to provide the candidates a way to segment and categorize elements in their CV.
+ */
+export type Tags = string[];
+/**
+ * Types of studies:
+ *
+ * * "officialDegree" is a degree accredited by the government (University Degree) or an external, recognized and independent agency (some MBAs).
+ * * "certification" is a degree accredited by a private institution (eg. Oracle Database Admin Certification or Projecr Management Institute PMP)
+ * * "unaccredited" is a course without any accreditation (eg. Coursera or Platzi courses), but this doesn't mean that is not valid, legit, or has poor quality
+ * * "selfTraining" is the study designed, managed and evaluated just by the own learner.
+ */
+export type StudyType = 'officialDegree' | 'certification' | 'unaccredited' | 'selfTraining';
+/**
+ * Types of Contracts
+ */
+export type ContractType = 'permanent' | 'temporary' | 'freelance' | 'internship';
+
+/**
+ * An open CV format
+ */
+export interface ManfredAwesomicCV {
+  /**
+   * CV Settings
+   */
+  settings: {
+    /**
+     * The language of the CV expressed as a [ISO 639-1 code](https://en.wikipedia.org/wiki/ISO_639-1)
+     */
+    language: string;
+    /**
+     * Last time the CV was updated
+     */
+    lastUpdate?: string;
+    /**
+     * Schema version which validated the JSON
+     */
+    MACVersion?: string;
+  };
+  /**
+   * Main data of the CV author
+   */
+  aboutMe: {
+    profile: Person;
+    /**
+     * Relevant years of experience related with desired professional roles and goals.
+     */
+    relevantYearsOfExperience?: number;
+    relevantLinks?: {
+      type: 'linkedin' | 'github' | 'twitter' | 'website' | 'other';
+      URL: string;
+      description?: string;
+    }[];
+    /**
+     * Friends or colleagues with whom I have worked or not, whose relationship with me can help define me as a professional.
+     */
+    significativeRelationships?: Person[];
+    /**
+     * Facts that define you: your IDE, your favorite books,  your football team...
+     */
+    interestingFacts?: {
+      topic?: string;
+      fact: string;
+    }[];
+    currentSalary?: {
+      currency: string;
+      amount: number;
+      relevantPerks?: string[];
+    };
+    noticePeriod?: number;
+    /**
+     * Content I like and recommend that can help define me as a professional.
+     */
+    recommendations?: {
+      title: string;
+      type?: RecommendationType;
+      URL?: string;
+      authors?: Person[];
+      summary?: string;
+    }[];
+  };
+  experience?: {
+    jobs?: {
+      organization: PublicEntityDetails;
+      type?: OrganizationType;
+      roles: [Role, ...Role[]];
+      [k: string]: unknown;
+    }[];
+    [k: string]: unknown;
+  } & {
+    projects?: {
+      details?: PublicEntityDetails;
+      type?: ProjectType;
+      roles: Role[];
+    }[];
+    [k: string]: unknown;
+  } & {
+    publicArtifacts?: {
+      details: PublicEntityDetails;
+      type?: PublicArtifactType;
+      publishingDate?: string;
+      relatedCompetences?: Competence[];
+      tags?: Tags;
+    }[];
+    [k: string]: unknown;
+  };
+  knowledge?: {
+    languages?: {
+      /**
+       * A language expressed as a [ISO 639-1 code](https://en.wikipedia.org/wiki/ISO_639-1)
+       */
+      name: string;
+      level?:
+        | 'Elementary proficiency'
+        | 'Limited working proficiency'
+        | 'Professional working proficiency'
+        | 'Full professional proficiency'
+        | 'Native or bilingual proficiency';
+    }[];
+    /**
+     * hardSkills are a subset of competence types (tool, technology or hardware).
+     */
+    hardSkills?: {
+      skill?: Competence;
+      level?: 'basic' | 'intermediate' | 'high' | 'expert';
+    }[];
+    /**
+     * softSkills are a subset of competence types (practice or domain)
+     */
+    softSkills?: {
+      skill?: Competence;
+      level?: 'basic' | 'intermediate' | 'high' | 'expert';
+    }[];
+    studies?: {
+      studyType: StudyType;
+      /**
+       * If studies finished achieving the linked degree
+       */
+      degreeAchieved: boolean;
+      name: string;
+      description?: string;
+      /**
+       * date when studies started in format yyyy-mm-dd
+       */
+      startDate: string;
+      /**
+       * date when studies finished (if finished), with or without obtaining a degree, in format yyyy-mm-dd
+       */
+      finishDate?: string;
+      institution?: PublicEntityDetails;
+      linkedCompetences?: Competence[];
+    }[];
+  };
+  careerPreferences?: {
+    contact?: ContactMean;
+    status?: 'openToOffers' | 'searchingActively' | 'notAvailable';
+    requirements?: {
+      compensation?: {
+        salary: {
+          currency: string;
+          from: number;
+          upto?: number;
+          comments?: string;
+        };
+        equity?: {
+          /**
+           * If equity is a must have to accept a new position
+           */
+          mustHave: boolean;
+          from: number;
+          upto?: number;
+          comments?: string;
+        };
+        perks?: {
+          /**
+           * Perks a new position must have to be considered
+           */
+          mustHave?: string[];
+          [k: string]: unknown;
+        } & {
+          /**
+           * Perks a new position should have to be considered
+           */
+          niceToHave?: string[];
+          [k: string]: unknown;
+        };
+      };
+      contractTypes?: ContractType[];
+      location?: {
+        remoteOnly?: boolean;
+        openToRelocate?: boolean;
+        openToRemote?: boolean;
+        workingAreas?: {
+          location?: Location;
+          distanceFromMunicipality?: {
+            /**
+             * Unit of measure, Kilometers or Miles
+             */
+            unit: 'Km' | 'Mi';
+            amount: number;
+          };
+        }[];
+        comments?: string;
+      };
+    };
+    preferences?: {
+      /**
+       * Skills, tools, domains or methodologies I like to work with
+       */
+      preferredCompetences?: Competence[];
+      /**
+       * Skills, tools, domains or methodologies I don't like to work with
+       */
+      discardedCompetences?: Competence[];
+      /**
+       * Type of organizations where I want to work
+       */
+      preferredOrganizations?: OrganizationType[];
+      /**
+       * Type of organizations where I don't want to work
+       */
+      discardedOrganizations?: OrganizationType[];
+      preferredRoles?: string[];
+      /**
+       * Type of roles I don't like to adopt
+       */
+      discardedRoles?: string[];
+    };
+    /**
+     * Personal and Professional goals to match with company needs and requirements.
+     */
+    goals?: {
+      title?: string;
+      description?: string;
+    }[];
+  };
+  [k: string]: unknown;
+}
+/**
+ * A Person data
+ */
+export interface Person {
+  name: string;
+  /**
+   * Surname o Surnames of the person
+   */
+  surnames: string;
+  /**
+   * Role, relationship or activity related to the person.
+   */
+  title: string;
+  description?: string;
+  /**
+   * Person's birth date in format yyyy-mm-dd
+   */
+  birthday?: string;
+  avatar?: Image;
+  contact?: ContactMean;
+  location?: Location;
+}
+export interface Location {
+  /**
+   * Country where you live
+   */
+  country?: string;
+  /**
+   * Region (State, Länder, County, Community...) where you live.
+   */
+  region?: string;
+  /**
+   * City or town where you live.
+   */
+  municipality?: string;
+  postalCode?: string;
+  address?: string;
+  notes?: string;
+}
+/**
+ * Organization, Company, Institution, Administration, Project or Initiative related to my career.
+ */
+export interface PublicEntityDetails {
+  name: string;
+  description?: string;
+  URL?: string;
+  image?: Image;
+  location?: Location;
+  [k: string]: unknown;
+}
+/**
+ * roles developed within an organization
+ */
+export interface Role {
+  name: string;
+  startDate: string;
+  finishDate?: string;
+  challenges?: {
+    description: string;
+    actions?: string[];
+  }[];
+  competences?: Competence[];
+  referrals?: Person[];
+  /**
+   * Notes and information about the role
+   */
+  notes?: string;
+}
+/**
+ * Any competence used to complete professional tasks (tools proficiency as "Excel", technologies mastered as "JAVA", practices learned as "TDD", hardware you know how to handle as vehicles or construction tools, and know-how domains as "banking" or "russia")
+ */
+export interface Competence {
+  name: string;
+  type: 'tool' | 'technology' | 'practice' | 'hardware' | 'domain';
+  description?: string;
+}