Agência de Design - Landing Page

Este projeto é uma landing page para uma agência de design. O projeto utiliza Sass para facilitar o gerenciamento de estilos e para minimizar o tamanho do arquivo CSS final.

Deploy: https://jeffersonsouuza.github.io/design-agency

Tecnologias Utilizadas

• HTML5
• CSS3
• Sass
• Webpack
• ESLint

Como Configurar o Projeto

Pré-requisitos

Antes de começar, certifique-se de ter o Node.js e o npm instalados em sua máquina.

Instalação

1. Clone o repositório:

   Clone este repositório para a sua máquina local usando o comando abaixo:

   git clone https://github.com/jeffersonsouuza/design-agency.git

2. Navegue até o diretório do projeto:

   Após clonar o repositório, entre na pasta do projeto:

   cd design-agency

3. Instale as dependências do projeto:

   Para instalar todas as dependências necessárias listadas no arquivo package.json, execute o comando:

   npm install

Como Usar

Desenvolvimento

Para iniciar o servidor de desenvolvimento com Webpack, execute o seguinte comando:

npm run start

Compilando Sass

Para compilar os arquivos Sass, execute o script abaixo:

npm run dev

Build de Produção

Para gerar os arquivos otimizados e prontos para produção, execute o comando:

npm run build

Este comando irá gerar uma versão minificada e otimizada dos arquivos na pasta dist/.

Estrutura de Pastas

/css               # Arquivos CSS
/js                # Arquivos JavaScript
/img               # Imagens do projeto
/fonts             # Fontes usadas no projeto
/src               # Código-fonte usado durante o desenvolvimento
/dist              # Arquivos de produção gerados pelo Webpack

Créditos

Este projeto utilizou o design da Design Agency Web Landing Page disponibilizado no Figma Community, para fins de prática e estudo do Flexbox.

• Projeto original: Design Agency Web Landing Page
• Autor: Femi John