<%- contentFor('body') %>
<div class="container-lg container-md container-sm">
  <h2>About</h2>

  <h2 align="center">ğŸ’» CRUD Node.js</h2>
  <div align="center">
    <img
      id="bagde"
      src="https://img.shields.io/github/languages/top/myguelangello/crud-node?color=blue&style=flat"
    />
    <img
      id="bagde"
      src="https://img.shields.io/github/license/myguelangello/crud-node?color=blueviolet&style=flat"
    />
    <img
      id="bagde"
      src="https://img.shields.io/github/last-commit/myguelangello/crud-node?color=brightgreen&style=flat"
    />
    <img
      id="bagde"
      src="https://img.shields.io/github/package-json/v/myguelangello/crud-node?color=lightgrey&style=flat"
    />
  </div>
  <br />
  <div>
    <p align="">
      ğŸš€ Esta aplicaÃ§Ã£o apresenta um crud bÃ¡sico de cadastro de pessoas
    </p>
    <p align="">
      ğŸš§ Desenvolvido durante a disciplina AutoraÃ§Ã£o MultimÃ­dia II do curso
      Sistemas e MÃ­dias Digitais - UFC
    </p>
  </div>
  <div>
    <h2>ğŸ§ª Tecnologias</h2>
    <div>
      <p>Esse projeto foi desenvolvido com as seguintes tecnologias:</p>
      <ul>
        <li><a href="https://nodejs.org/en/" target="_blank">Node.js</a></li>
        <li>
          <a href="https://expressjs.com/pt-br/" target="_blank">Express</a>
        </li>
        <li><a href="https://ejs.co/" target="_blank">EJS</a></li>
        <li>
          <a href="https://getbootstrap.com/" target="_blank"
            >Bootstrap 5.1.0</a
          >
        </li>
        <li><a href="https://jquery.com/" target="_blank">jQuery</a></li>
        <li>
          <a href="https://datatables.net/" target="_blank">DataTables</a>
        </li>
      </ul>
    </div>
  </div>
  <!--div>
  <h2>âœ… Features</h2>
  <div>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
</div-->
  <div>
    <h2>ğŸš€ Como executar</h2>
    <p>Para baixar o projeto siga as instruÃ§Ãµes abaixo:</p>
    <ul>
      <li>No seu terminal, clone o projeto e acesse a pasta do mesmo.</li>
      <code>
        git clone https://github.com/myguelangello/crud-node.git
        <br />
        cd crud-node
      </code>
    </ul>
    <ul>
      <li>Instale as dependÃªncias e inicie o projeto com NPM</li>

      <code>
        #Instalar as dependÃªncias <br />
        npm install <br />
        #Iniciar o projeto <br />
        node index.js <br />
      </code>
    </ul>
    <p>
      O app estarÃ¡ disponÃ­vel no seu browser pelo endereÃ§o
      <a href="http://localhost:3000" target="_blank">http://localhost:3000</a>.
    </p>
  </div>
  <div>
    <h2>ğŸ“Œ Autor</h2>
    <div>
      <img
        class="img-autor"
        src="https://github.com/myguelangello.png"
        width="80"
        height="80"
      />
      <p>Feito com por Myguel Angello, ğŸ‘‹ğŸ�½ entre em contato</p>
      <p>Estudante de Sistemas e MÃ­dias Digitais | UFC</p>
      <a href="https://www.instagram.com/_myguel/" target="_blank">
        <img
          id="bagde"
          src="https://img.shields.io/static/v1?label=&message=_myguel&color=E4405F&labelColor=E4405F&logo=instagram&logoColor=ffffff&style=flat-square"
        />
      </a>
      <img
        id="bagde"
        src="https://img.shields.io/static/v1?label=&message=myguelangello@alu.ufc.br&color=EA4335&labelColor=EA4335&logo=gmail&logoColor=ffffff&style=flat-square"
      />
    </div>
  </div>
</div>
