templates/home/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <title>Comoconsalud - ArsInnovatio</title>
  5.         <meta property="og:title" content="Notus Pro"/>
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  7.         <meta charset="utf-8"/>
  8.         <meta property="twitter:card" content="summary_large_image"/>
  10.         <style data-tag="reset-style-sheet">
  11.             html {
  12.                 line-height: 1.15;
  13.             }
  14.             body {
  15.                 margin: 0;
  16.             }
  17.             * {
  18.                 box-sizing: border-box;
  19.                 border-width: 0;
  20.                 border-style: solid;
  21.             }
  22.             p,
  23.             li,
  24.             ul,
  25.             pre,
  26.             div,
  27.             h1,
  28.             h2,
  29.             h3,
  30.             h4,
  31.             h5,
  32.             h6,
  33.             figure,
  34.             blockquote,
  35.             figcaption {
  36.                 margin: 0;
  37.                 padding: 0;
  38.             }
  39.             button {
  40.                 background-color: transparent;
  41.             }
  42.             button,
  43.             input,
  44.             optgroup,
  45.             select,
  46.             textarea {
  47.                 font-family: inherit;
  48.                 font-size: 100%;
  49.                 line-height: 1.15;
  50.                 margin: 0;
  51.             }
  52.             button,
  53.             select {
  54.                 text-transform: none;
  55.             }
  56.             button,
  57.             [type="button"],
  58.             [type="reset"],
  59.             [type="submit"] {
  60.                 -webkit-appearance: button;
  61.             }
  62.             button::-moz-focus-inner,
  63.             [type="button"]::-moz-focus-inner,
  64.             [type="reset"]::-moz-focus-inner,
  65.             [type="submit"]::-moz-focus-inner {
  66.                 border-style: none;
  67.                 padding: 0;
  68.             }
  69.             button:-moz-focus,
  70.             [type="button"]:-moz-focus,
  71.             [type="reset"]:-moz-focus,
  72.             [type="submit"]:-moz-focus {
  73.                 outline: 1px dotted ButtonText;
  74.             }
  75.             a {
  76.                 color: inherit;
  77.                 text-decoration: inherit;
  78.             }
  79.             input {
  80.                 padding: 2px 4px;
  81.             }
  82.             img {
  83.                 display: block;
  84.             }
  85.             html {
  86.                 scroll-behavior: smooth
  87.             }
  88.         </style>
  89.         <style data-tag="default-style-sheet">
  90.             html {
  91.                 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  92.                 font-size: 1.12rem;
  93.             }
  95.             body {
  96.                 font-weight: 300;
  97.                 font-style: normal;
  98.                 text-decoration: none;
  99.                 text-transform: none;
  100.                 letter-spacing: normal;
  101.                 line-height: 1.75;
  102.                 color: var(--dl-color-gray-900);
  103.                 background-color: var(--dl-color-gray-white);
  105.             }
  106.         </style>
  107.         <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&amp;display=swap" data-tag="font"/>
  108.         <link rel="stylesheet" href="{{asset('assets/style.css')}}"/>
  109.     </head>
  110.     <body>
  111.         <div>
  112.             <link href="{{asset('assets/home.css')}}" rel="stylesheet"/>
  114.             <div class="home-container">
  115.                 <div class="home-hero">
  116.                     <div class="home-bg"></div>
  117.                     <div data-role="Header" class="header-header">
  118.                         <div class="header-container">
  119.                             <a href="index.html" class="header-navlink">
  120.                                 <h1 class="header-heading TextSM">
  121.                                     <span>COMOCONSALUD</span>
  122.                                 </h1>
  123.                             </a>
  124.                             <a href="#que-es" target="_blank" rel="noreferrer noopener" class="header-link">
  125.                                 <div class="header-container1">
  126.                                     <span class="header-text TextSM">¿QUÉ ES?</span>
  127.                                 </div>
  128.                             </a>
  129.                             <a href="#know-more" target="_blank" rel="noreferrer noopener" class="header-link1">
  130.                                 <div class="header-container2">
  131.                                     <span class="header-text1 TextSM">MOTIVOS Y BENEFICIOS</span>
  132.                                 </div>
  133.                             </a>
  134.                         </div>
  135.                         <div data-role="BurgerMenu" class="header-burger-menu">
  136.                             <svg viewbox="0 0 1024 1024" class="header-icon">
  137.                                 <path d="M128 256h768v86h-768v-86zM128 554v-84h768v84h-768zM128 768v-86h768v86h-768z"></path>
  138.                             </svg>
  139.                         </div>
  140.                         <a href="#contacto" class="header-link2">
  141.                             <div class="header-container3">
  142.                                 <span class="header-text2">&nbsp;CONTACTO</span>
  143.                             </div>
  144.                         </a>
  145.                         <div data-role="MobileMenu" class="header-mobile-menu">
  146.                             <div class="header-top">
  147.                                 <a href="index.html" class="header-navlink1">
  148.                                     <h1 class="header-heading1 TextSM">
  149.                                         <span>NOTUS PRO</span>
  150.                                     </h1>
  151.                                 </a>
  152.                                 <div data-role="CloseMobileMenu" class="header-close-menu">
  153.                                     <svg viewbox="0 0 1024 1024" class="header-icon02">
  154.                                         <path d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"></path>
  155.                                     </svg>
  156.                                 </div>
  157.                             </div>
  158.                             <div class="header-mid">
  159.                                 <a href="profile.html" class="header-navlink2">
  160.                                     <div class="header-container5">
  161.                                         <svg viewbox="0 0 1024 1024" class="header-icon04">
  162.                                             <path d="M576 706.612v-52.78c70.498-39.728 128-138.772 128-237.832 0-159.058 0-288-192-288s-192 128.942-192 288c0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h896c0-128.968-166.898-235.64-384-253.388z"></path>
  163.                                         </svg>
  164.                                         <span class="header-text3 TextSM">PROFILE</span>
  165.                                     </div>
  166.                                 </a>
  167.                                 <a href="blog-post.html" class="header-navlink3">
  168.                                     <div class="header-container6">
  169.                                         <svg viewbox="0 0 1024 1024" class="header-icon06">
  170.                                             <path d="M917.806 229.076c-22.212-30.292-53.174-65.7-87.178-99.704s-69.412-64.964-99.704-87.178c-51.574-37.82-76.592-42.194-90.924-42.194h-496c-44.112 0-80 35.888-80 80v864c0 44.112 35.888 80 80 80h736c44.112 0 80-35.888 80-80v-624c0-14.332-4.372-39.35-42.194-90.924zM785.374 174.626c30.7 30.7 54.8 58.398 72.58 81.374h-153.954v-153.946c22.984 17.78 50.678 41.878 81.374 72.572zM896 944c0 8.672-7.328 16-16 16h-736c-8.672 0-16-7.328-16-16v-864c0-8.672 7.328-16 16-16 0 0 495.956-0.002 496 0v224c0 17.672 14.326 32 32 32h224v624z"></path>
  171.                                             <path d="M736 832h-448c-17.672 0-32-14.326-32-32s14.328-32 32-32h448c17.674 0 32 14.326 32 32s-14.326 32-32 32z"></path>
  172.                                             <path d="M736 704h-448c-17.672 0-32-14.326-32-32s14.328-32 32-32h448c17.674 0 32 14.326 32 32s-14.326 32-32 32z"></path>
  173.                                             <path d="M736 576h-448c-17.672 0-32-14.326-32-32s14.328-32 32-32h448c17.674 0 32 14.326 32 32s-14.326 32-32 32z"></path>
  174.                                         </svg>
  175.                                         <span class="header-text4 TextSM">BLOG</span>
  176.                                     </div>
  177.                                 </a>
  178.                             </div>
  179.                             <div class="header-bot">
  180.                                 <svg viewbox="0 0 877.7142857142857 1024" class="header-icon11">
  181.                                     <path d="M713.143 73.143c90.857 0 164.571 73.714 164.571 164.571v548.571c0 90.857-73.714 164.571-164.571 164.571h-107.429v-340h113.714l17.143-132.571h-130.857v-84.571c0-38.286 10.286-64 65.714-64l69.714-0.571v-118.286c-12-1.714-53.714-5.143-101.714-5.143-101.143 0-170.857 61.714-170.857 174.857v97.714h-114.286v132.571h114.286v340h-304c-90.857 0-164.571-73.714-164.571-164.571v-548.571c0-90.857 73.714-164.571 164.571-164.571h548.571z"></path>
  182.                                 </svg>
  183.                                 <svg viewbox="0 0 1024 1024" class="header-icon13">
  184.                                     <path d="M1024 226.4c-37.6 16.8-78.2 28-120.6 33 43.4-26 76.6-67.2 92.4-116.2-40.6 24-85.6 41.6-133.4 51-38.4-40.8-93-66.2-153.4-66.2-116 0-210 94-210 210 0 16.4 1.8 32.4 5.4 47.8-174.6-8.8-329.4-92.4-433-219.6-18 31-28.4 67.2-28.4 105.6 0 72.8 37 137.2 93.4 174.8-34.4-1-66.8-10.6-95.2-26.2 0 0.8 0 1.8 0 2.6 0 101.8 72.4 186.8 168.6 206-17.6 4.8-36.2 7.4-55.4 7.4-13.6 0-26.6-1.4-39.6-3.8 26.8 83.4 104.4 144.2 196.2 146-72 56.4-162.4 90-261 90-17 0-33.6-1-50.2-3 93.2 59.8 203.6 94.4 322.2 94.4 386.4 0 597.8-320.2 597.8-597.8 0-9.2-0.2-18.2-0.6-27.2 41-29.4 76.6-66.4 104.8-108.6z"></path>
  185.                                 </svg>
  186.                                 <svg viewbox="0 0 877.7142857142857 1024" class="header-icon15">
  187.                                     <path d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"></path>
  188.                                 </svg>
  189.                             </div>
  190.                         </div>
  191.                     </div>
  192.                     <div class="home-container01">
  193.                         <div class="home-container02">
  194.                             <h1 class="home-text">COMOCONSALUD</h1>
  195.                             <span class="home-text01">
  196.                                 Aplicación para asistentes del hogar dirigida a mejorar los
  197.                                                                                 hábitos alimentario de los mayores, impulsando el consumo de la
  198.                                                                                 dieta mediterránea
  199.                             </span>
  200.                         </div>
  201.                         <img alt="image" src="{{asset('assets/images/gray-vector.svg')}}" class="home-image"/>
  202.                         <img alt="image" src="{{asset('assets/images/white-vector.svg')}}" class="home-image1"/>
  203.                     </div>
  204.                 </div>
  205.                 <div class="home-section1">
  206.                     <div id="que-es" class="home-container03">
  207.                         <div class="home-container04">
  208.                             <h6 class="home-text02">Nuestro motivo</h6>
  209.                             <h3 class="home-text03">
  210.                                 <span class="Healine">
  211.                                     Por Una Alimentación Saludable Accesible
  212.                                 </span>
  213.                                 <br/>
  214.                             </h3>
  215.                         </div>
  216.                         <div class="home-cards-container">
  217.                             <div class="home-card1">
  218.                                 <h6 class="home-text10 TextXL">
  219.                                     <span class="TextXL">Dieta mediterranea</span>
  220.                                     <br class="TextXL"/>
  221.                                 </h6>
  222.                                 <span class="home-text07">
  223.                                     Basada en la dieta mediterranea, todas las recetas que se
  224.                                                                                           ofrecen en la aplicación estan supervisadas por expertos para
  225.                                                                                           asegurar una alimentación saludable.
  226.                                 </span>
  227.                             </div>
  228.                             <div class="home-card2">
  229.                                 <h6 class="home-text10 TextXL">
  230.                                     <span class="TextXL">Accesibilidad</span>
  231.                                     <br class="TextXL"/>
  232.                                 </h6>
  233.                                 <br class="TextXL"/>
  234.                                 <span class="home-text09">
  235.                                     Fácil de utilizar incluso para las personas mayores, gracias
  236.                                                                                           al sistema de chat con un bot inteligente te será muy fácil
  237.                                                                                           utilizar la aplicación y obtener recomendaciones acordes a tu
  238.                                                                                           perfil.
  239.                                 </span>
  240.                             </div>
  241.                             <div class="home-card3">
  242.                                 <h6 class="home-text10 TextXL">
  243.                                     <span class="TextXL">Mejora tu salud</span>
  244.                                     <br class="TextXL"/>
  245.                                 </h6>
  246.                                 <span class="home-text13">
  247.                                     Diseñada para mejorar la alimentación de las personas, el
  248.                                                                                           sistema inteligente de Comoconsalud le ayuda a mejorar su
  249.                                                                                           dieta y por tanto mejorar su salud.
  250.                                 </span>
  251.                             </div>
  252.                         </div>
  253.                         <div class="home-work-with-us">
  254.                             <div class="home-container08">
  255.                                 <div class="home-container09"></div>
  256.                                 <h3 id="que-es" class="home-text14 Healine">¿Qué es?</h3>
  257.                                 <span class="home-text15">
  258.                                     <span>
  259.                                         Mediante una conversación natural, Comoconsalud puede
  260.                                                                                                     ofrecer un menú completo personalizado acorde con las
  261.                                                                                                     necesidades individuales de cada&nbsp;usuario a la vez que
  262.                                                                                                     valora su estado nutricional Comoconsalud cuenta
  263.                                                                                                     con&nbsp;diferentes utilidades diseñadas para facilitar la
  264.                                                                                                     vida a las personas mayores&nbsp;como es la posibilidad de
  265.                                                                                                     enviar la lista de la compra por Whatsapp a un&nbsp;familiar
  266.                                                                                                     o encargar directamente en los establecimientos, pedidos
  267.                                                                                                     de&nbsp;diferentes productos.
  268.                                     </span>
  269.                                     <br class="home-text17"/>
  270.                                     <br class="home-text18"/>
  271.                                     <span>
  272.                                         Además, Comoconsalud está diseñada para mejorar otras
  273.                                                                                                     dimensiones de calidad de vida en los mayores mediante
  274.                                                                                                     acciones como, recordatorios, datos curiosos además de,
  275.                                                                                                     otras herramientas que mantienen una conversación amigable
  276.                                                                                                     con el usuario.
  277.                                     </span>
  278.                                     <br class="home-text20"/>
  279.                                     <br class="home-text21"/>
  280.                                     <span>
  281.                                         Puedes utilizar la aplicación desde Whatsapp, Google home y
  282.                                                                                                     Alexa.
  283.                                     </span>
  284.                                     <br/>
  285.                                 </span>
  286.                             </div>
  287.                             <div class="home-container10">
  288.                                 <div class="home-container11">
  289.                                     <img alt="image" src="{{asset('assets/images/blue_wave.svg')}}" class="home-image2"/>
  290.                                 </div>
  291.                                 <div class="home-container12">
  292.                                     <h4 class="home-text24 Healine">
  293.                                         <span class="home-text25">Asistente digital</span>
  294.                                         <br/>
  295.                                     </h4>
  296.                                     <span class="home-text27">
  297.                                         <span>
  298.                                             Interactúa con Comoconsalud mediante una conversación
  299.                                                                                                               natura, ya sea escrita o por voz, y obtén información de
  300.                                                                                                               recetas, consejos, datos curiosos y otra información
  301.                                                                                                               nutricional interesante sobre la dieta mediterranea.
  302.                                         </span>
  303.                                         <br/>
  304.                                     </span>
  305.                                 </div>
  306.                             </div>
  307.                         </div>
  308.                     </div>
  309.                     <img alt="image" src="{{asset('assets/images/white-vector.svg')}}" class="home-image3"/>
  310.                     <div class="home-cards-container1">
  311.                         <div class="home-card11">
  312.                             <img src="{{asset('assets/images/chatbot-doofinder-ecommerce%20%5B1%5D-1400w.jpg')}}" alt="image" class="home-image4"/>
  313.                             <h4 class="home-text30">Dispositivos</h4>
  314.                             <span class="home-text31">
  315.                                 Basada en la dieta mediterranea, todas las recetas que se
  316.                                                                                 ofrecen en la aplicación estan supervisadas por expertos para
  317.                                                                                 asegurar una alimentación saludable.
  318.                             </span>
  319.                         </div>
  320.                         <div class="home-card21">
  321.                             <h4 class="home-text32">Inteligencia Artificial</h4>
  322.                             <span class="home-text33">
  323.                                 Fácil de utilizar incluso para las personas mayores, gracias al
  324.                                                                                 sistema de chat con un bot inteligente te será muy fácil
  325.                                                                                 utilizar la aplicación y obtener recomendaciones acordes a tu
  326.                                                                                 perfil.
  327.                             </span>
  328.                             <img src="{{asset('assets/images/ilustracion-concepto-abstracto-inteligencia-artificial-chatbot_335657-3723%20%5B1%5D-1400w.webp')}}" alt="image" class="home-image5"/>
  329.                         </div>
  330.                         <div class="home-card31">
  331.                             <img src="{{asset('assets/images/linguistas_nota2018-1400w.png')}}" alt="image" class="home-image6"/>
  332.                             <h4 class="home-text34">
  333.                                 <span>Diseñado por expertos</span>
  334.                                 <br/>
  335.                             </h4>
  336.                             <span class="home-text37">
  337.                                 Diseñada para mejorar la alimentación de las personas, el
  338.                                                                                 sistema inteligente de Comoconsalud le ayuda a mejorar su dieta
  339.                                                                                 y por tanto mejorar su salud.
  340.                             </span>
  341.                         </div>
  342.                     </div>
  343.                 </div>
  344.                 <div id="know-more" class="home-section2">
  345.                     <div class="home-container13">
  346.                         <h2 class="home-text38 Text2XL">
  347.                             <span class="home-text39">Una necesidad social</span>
  348.                             <br/><br/><br/>
  349.                         </h2>
  350.                     </div>
  351.                     <div class="home-growing-company-section">
  352.                         <img alt="image" src="{{asset('assets/images/envejecimiento-saludable.jpg')}}" class="home-image7"/>
  353.                         <div class="home-container14">
  354.                             <span class="home-text41">
  355.                                 La población mundial está envejeciendo y este envejecimiento
  356.                                                                                 global conlleva problemas de malnutrición, por ello hemos
  357.                                                                                 desarrollado una herramienta que asiste y evalúa el estado
  358.                                                                                 nutricional de la población de 65+ años.
  359.                             </span>
  360.                             <span class="home-text42">
  361.                                 Todo ello nos ha llevado a desarrollar una aplicación para
  362.                                                                                 asistentes del hogar que ayude a mejorar los hábitos de
  363.                                                                                 alimentarios con los siguientes beneficios y ideas de diseño en
  364.                                                                                 mente
  365.                             </span>
  366.                             <ul class="home-ul list">
  367.                                 <li class="list-item">
  368.                                     <span class="home-text43">
  369.                                         Seguimiento diario y personalizado del estado nutricional.
  370.                                     </span>
  371.                                 </li>
  372.                                 <li class="list-item">
  373.                                     <span class="home-text44">
  374.                                         Interactúa, registra y procesa la información.
  375.                                     </span>
  376.                                 </li>
  377.                                 <li class="list-item">
  378.                                     <span class="home-text45">
  379.                                         Elabora un menú personalizado al instante.
  380.                                     </span>
  381.                                 </li>
  382.                                 <li class="list-item">
  383.                                     <span class="home-text46">
  384.                                         Pensada para asistentes del hogar. y aplicaciones de chat
  385.                                     </span>
  386.                                 </li>
  387.                                 <li class="list-item">
  388.                                     <span class="home-text47">Fácil y rápido de usar.</span>
  389.                                 </li>
  390.                                 <li class="list-item">
  391.                                     <span class="home-text48">
  392.                                         Reduce costes evitando desperdicios.
  393.                                     </span>
  394.                                 </li>
  395.                                 <li class="list-item">
  396.                                     <span class="home-text49">
  397.                                         Interactúa con el usuario.de forma natural.
  398.                                     </span>
  399.                                 </li>
  400.                                 <li class="list-item">
  401.                                     <span class="home-text50">
  402.                                         Además ofrece recordatorios y consejos nutricionales.
  403.                                     </span>
  404.                                 </li>
  405.                             </ul>
  406.                         </div>
  407.                     </div>
  408.                 </div>
  409.                 <div id="contacto" class="home-section3">
  410.                     <div class="home-container15">
  411.                         <div class="home-contact">
  412.                             <h2 class="home-text51">Ponte en contacto con nostros</h2>
  413.                             <span class="home-text52">
  414.                                 Desde ArsInnovatio y la Universidad de alicante estamos
  415.                                                                                 trabajando duramente en nuestro dispositivo, por lo que
  416.                                                                                 necesitamos saber si nuestra idea te parece interesante.
  417.                                                                                 Contactando con nosotros nos ayudas a saber el posible impacto
  418.                                                                                 de nuestra tecnología y a preparar mejor nuestro producto.
  419.                             </span>
  420.                             {{ form_start(form) }}
  421.                             <div class="home-form">
  422.                                 <span class="home-text53 TextXL">
  423.                                     Para contactar con nosotros rellena el siguiente formulario
  424.                                 </span>
  425.                                 <span class="home-text54 TextXS">Nombre completo</span>
  426.                                 {{ form_widget(form.nombre, {'attr': {'class': 'form-control home-textinput TextSM input' }}) }}
  427.                                 {{ form_errors(form.nombre) }}
  428.                                 <span class="home-text55 TextXS">Email</span>
  429.                                 {{ form_widget(form.email, {'attr': {'class': 'form-control home-textinput1 TextSM input' }}) }}
  430.                                 {{ form_errors(form.email) }}
  431.                                 <span class="home-text56 TextXS">Mensaje</span>
  432.                                 {{ form_widget(form.feedback, {'attr': {'class': 'form-control home-textarea TextSM textarea' }}) }}
  433.                                 {{ form_errors(form.feedback) }}
  434.                                 <div class="home-container16">
  435.                                     <div class="secondary-button-container secondary-button-root-class-name">
  436.                                         {{ form_widget(form._token, {'attr': {'class': 'form-control' }}) }}
  437.                                         <button type="submit" class="secondary-button-button TextXS button">
  438.                                             <span>Enviar</span>
  439.                                         </button>
  440.                                     </div>
  441.                                 </div>
  442.                             </div>
  443.                             {{ form_end(form) }}
  444.                         </div>
  445.                     </div>
  446.                     <img alt="image" src="{{asset('assets/images/gray-vector.svg')}}" class="home-image8"/>
  447.                 </div>
  448.                 <div class="footer-container">
  449.                     <div class="footer-container1">
  450.                         <div class="footer-container2">
  451.                             <h1 class="footer-text TextXL">Comoconsalud</h1>
  452.                             <span class="footer-text01">
  453.                                 <span>
  454.                                     Aplicación para asistentes del hogar dirigida a mejorar los
  455.                                                                                           hábitos&nbsp;
  456.                                 </span>
  457.                                 <br/>
  458.                                 <span>
  459.                                     alimentarios de los mayores, impulsando&nbsp;el consumo de la
  460.                                                                                           dieta mediterránea
  461.                                 </span>
  462.                             </span>
  463.                         </div>
  464.                         <div class="footer-container3">
  465.                             <div class="footer-container4">
  466.                                 <span class="footer-text05 TextXS">ARSINNOVATIO</span>
  467.                                 <a href="https://innovatio.iuii.ua.es" target="_blank" rel="noreferrer noopener" class="footer-link TextSM">
  468.                                     Sobre nosotros
  469.                                 </a>
  470.                                 <a href="https://innovatio.iuii.ua.es/webars/noticias" target="_blank" rel="noreferrer noopener" class="footer-link1 TextSM">
  471.                                     Noticias
  472.                                 </a>
  473.                             </div>
  474.                             <div class="footer-container5">
  475.                                 <span class="footer-text06 TextXS">OTROS PROYECTOS</span>
  476.                                 <a href="https://www.actuasalud.net/es" target="_blank" rel="noreferrer noopener" class="footer-link2">
  477.                                     Actuasalud
  478.                                 </a>
  479.                                 <a href="https://innovatio.iuii.ua.es/holdenia" target="_blank" rel="noreferrer noopener" class="footer-link3">
  480.                                     HoldenIA
  481.                                 </a>
  482.                                 <a href="https://innovatio.iuii.ua.es/emergencias" target="_blank" rel="noreferrer noopener" class="footer-link4">
  483.                                     <span>Emergencias</span>
  484.                                     <br/>
  485.                                 </a>
  486.                                 <a href="https://innovatio.iuii.ua.es/trazabilidad" target="_blank" rel="noreferrer noopener" class="footer-link5">
  487.                                     <span>Traza-Agro</span>
  488.                                     <br/>
  489.                                 </a>
  490.                             </div>
  491.                         </div>
  492.                     </div>
  493.                     <div class="footer-container6"></div>
  494.                     <span class="footer-text11">
  495.                         Copyright © 2022 ArsInnovatio. Universidad de Alicante
  496.                     </span>
  497.                 </div>
  498.             </div>
  499.         </div>
  501.         {% for message in app.flashes('success') %}
  502.             <div class="alert-container">
  503.                 <div class="alert alert-success alert-dismissible fade show" role="alert">
  504.                     <strong>{{'Success' | trans}}</strong>
  505.                     {{ message }}
  506.                     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  507.                 </div>
  508.             </div>
  509.         {% endfor %}
  511.         {% for message in app.flashes('error') %}
  512.             <div class="alert-container">
  513.                 <div class="alert alert-danger alert-dismissible fade show" role="alert">
  514.                     <strong>{{'Error' | trans}}</strong>
  515.                     {{ message }}
  516.                     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  517.                 </div>
  518.             </div>
  519.         {% endfor %}
  521.         {% for message in app.flashes('info') %}
  522.             <div class="alert-container">
  523.                 <div class="alert alert-info alert-dismissible fade show" role="alert">
  524.                     <strong>{{'Info' | trans}}</strong>
  525.                     {{ message }}
  526.                     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  527.                 </div>
  528.             </div>
  529.         {% endfor %}
  531.         {% for message in app.flashes('alert') %}
  532.             <div class="alert-container">
  533.                 <div class="alert alert-warning alert-dismissible fade show" role="alert">
  534.                     <strong>{{'Alert' | trans}}</strong>
  535.                     {{ message }}
  536.                     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  537.                 </div>
  538.             </div>
  539.         {% endfor %}
  541.         <script src="https://unpkg.com/@teleporthq/teleport-custom-scripts"></script>
  542.     </body>
  543. </html>