An open API service indexing awesome lists of open source software.

https://github.com/open-template-hub/company-profile-ui-template

Company Profile UI Template is a modern, responsive, and customizable company profiles UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.
https://github.com/open-template-hub/company-profile-ui-template

company-profile company-site company-website landing-page template user-interface

Last synced: about 2 months ago
JSON representation

Company Profile UI Template is a modern, responsive, and customizable company profiles UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.

Awesome Lists containing this project

README

          



Logo


Open Template Hub - Company Profile UI Template v5

[![License](https://img.shields.io/github/license/open-template-hub/company-profile-ui-template?color=43b043&style=for-the-badge)](LICENSE)
[![Issues](https://img.shields.io/github/issues/open-template-hub/company-profile-ui-template?color=43b043&style=for-the-badge)](https://github.com/open-template-hub/company-profile-ui-template/issues)
[![PRCLosed](https://img.shields.io/github/issues-pr-closed-raw/open-template-hub/company-profile-ui-template?color=43b043&style=for-the-badge)](https://github.com/open-template-hub/company-profile-ui-template/pulls?q=is%3Apr+is%3Aclosed)
[![LastCommit](https://img.shields.io/github/last-commit/open-template-hub/company-profile-ui-template?color=43b043&style=for-the-badge)](https://github.com/open-template-hub/company-profile-ui-template/commits/master)
[![Release](https://img.shields.io/github/release/open-template-hub/company-profile-ui-template?include_prereleases&color=43b043&style=for-the-badge)](https://github.com/open-template-hub/company-profile-ui-template/releases)
[![Lighthouse](https://img.shields.io/badge/LIGHTHOUSE-report-43b043.svg?style=for-the-badge&logo=lighthouse)](docs/lighthouse)
[![SonarCloud](https://img.shields.io/sonar/quality_gate/open-template-hub_company-profile-ui-template?server=https%3A%2F%2Fsonarcloud.io&label=Sonar%20Cloud&style=for-the-badge&logo=sonarcloud)](https://sonarcloud.io/dashboard?id=open-template-hub_company-profile-ui-template)

Company Profile UI Template is a modern, responsive, and customizable company profiles UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.


For demo click the image below ⬇️



Screenshot

## Ways to Begin

### 1. Express Deploy

Deploy this template to Heroku

[![Deploy](https://img.shields.io/badge/Deploy_to-Heroku-7056bf.svg?style=for-the-badge&logo=heroku)](https://heroku.com/deploy?template=https://github.com/open-template-hub/company-profile-ui-template)

### 2. Start with UI Generator

Create your UI with UI Generator Package

[![NPM](https://img.shields.io/badge/NPM-ui_generator-cb3837.svg?style=for-the-badge&logo=npm)](https://www.npmjs.com/package/@open-template-hub/app-generator)

### 3. GitHub Template

Use this repository as a Template

[![GitHubTemplate](https://img.shields.io/badge/GitHub-Template-24292e.svg?style=for-the-badge&logo=github)](https://github.com/open-template-hub/company-profile-ui-template/generate)

## Installations

Install **nodejs** and **npm** via **[nodejs.org](https://nodejs.org)**.

Check installed versions of **nodejs** and **npm** via running following commands:

```
node -v
npm -v
```

## WebStorm Configurations

If you imported project into **WebStorm** you will see following run configurations:

### 1. Install

**[install.run.xml](.run/install.run.xml)**

### 2. Build

**[buildLocal.run.xml](.run/buildLocal.run.xml)**

**[buildLocalToStagingApi.run.xml](.run/buildLocalToStagingApi.run.xml)**

**[buildStaging.run.xml](.run/buildStaging.run.xml)**

**[buildProd.run.xml](.run/buildProd.run.xml)**

### 3. Start

**[startLocal.run.xml](.run/startLocal.run.xml)**

**[startLocalFromIPhone.run.xml](.run/startLocalFromIPhone.run.xml)**

**[startLocalToStagingApi.run.xml](.run/startLocalToStagingApi.run.xml)**

**[startLocalFromIPhoneToStagingApi.run.xml](.run/startLocalFromIPhoneToStagingApi.run.xml)**

**[startStaging.run.xml](.run/startStaging.run.xml)**

**[start.run.xml](.run/start.run.xml)**

### 4. Debug

**[debug.run.xml](.run/debug.run.xml)**

### 5. Dependency Management

**[outdated.run.xml](.run/outdated.run.xml)**

**[update.run.xml](.run/update.run.xml)**


## Local Deployment and Debug

In order to deploy and debug locally, run following configurations in order:

1. **[install.run.xml](.run/install.run.xml)**
2. **[buildLocal.run.xml](.run/buildLocal.run.xml)**
3. **startLocal**
1. **[startLocal.run.xml](.run/startLocal.run.xml) (uses local api)**
2. **[startLocalFromIPhone.run.xml](.run/startLocalFromIPhone.run.xml) (uses local api - accessible from iphone)**
3. **[startLocalToStagingApi.run.xml](.run/startLocalToStagingApi.run.xml) (uses staging api)**
4. **[startLocalFromIPhoneToStagingApi.run.xml](.run/startLocalFromIPhoneToStagingApi.run.xml) (uses staging api - accessible from iphone)**
4. **[debug.run.xml](.run/debug.run.xml)**


## Environment Variables

If you run **WebStorm**'s **[env.run.xml](.run/env.run.xml)** configuration you will see following variables generated in **.env** file. Set them appropriately.

```applescript
PORT=4200
```


Check project's current **nodejs** and **npm** version from **[package.json](package.json)**.

## Brand Color Scale Generator

To be able to generate brand color scales, we are using **[Colllor](http://colllor.com)**.


## Favicon Generation

To be able to generate favicon, refer to **[FAVICON_GENERATION.md](docs/FAVICON_GENERATION.md)** file.


## Cookie Policy Generation

To be able to generate cookie policy, use **[cookiepolicygenerator](https://www.cookiepolicygenerator.com)** site.


## Localization

To be able to generate or update localization, use [updateMessages.run.xml](.run/updateMessages.run.xml).


## Outdated

Refer to **[OUTDATED.md](docs/OUTDATED.md)** to see outdated npm packages and update them with your own risk.


## Contributors



Furkan Yavuz

💬 📖 👀

Fatih Turker

💬 📖 👀

Mert Sarac

💬 📖 👀

## Contributing

Refer to **[CONTRIBUTING.md](https://github.com/open-template-hub/.github/blob/master/docs/CONTRIBUTING.md)** to see how to contribute to Open Template Hub.


## Code of Conduct

Refer to **[CODE_OF_CONDUCT.md](https://github.com/open-template-hub/.github/blob/master/docs/CODE_OF_CONDUCT.md)** to see contributor covenant code of conduct.


## LICENSE

The source code for this project is released under the [MIT License](LICENSE).

othOpen Template Hub © 2023