Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/hind-sagar-biswas/neumorphism

A Neumorphic UI designed one pager Website template, fully on raw CSS including PHP integrated working contact form
https://github.com/hind-sagar-biswas/neumorphism

css html neumorphic-ui neumorphism php website

Last synced: about 1 month ago
JSON representation

A Neumorphic UI designed one pager Website template, fully on raw CSS including PHP integrated working contact form

Awesome Lists containing this project

README

        

# Neumorphism

![Project Type](https://img.shields.io/badge/type-website%20template-blue)
[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/hind-sagar-biswas/neumorphism)
[![GPLv3 license](https://img.shields.io/badge/License-GPLv3-blue.svg)](https://github.com/hind-sagar-biswas/neumorphism/blob/main/LICENSE)
![PRs welcome](https://img.shields.io/badge/PRs-welcome-orange)
![ask me anything](https://img.shields.io/badge/Ask%20me-anything-green)

![Neumorphism by Hind](https://github.com/hind-sagar-biswas/neumorphism/blob/main/img/neumorphism.png)

## Table Of Content

No|Title
----|----
1|[Description](https://github.com/hind-sagar-biswas/neumorphism#Description)
2|[Features](https://github.com/hind-sagar-biswas/neumorphism#Features)
3|[Clone Repo](https://github.com/hind-sagar-biswas/neumorphism#clone-repo)
4|[Contact System Setup](https://github.com/hind-sagar-biswas/neumorphism#contact-system-setup)
5|[Screenshots](https://github.com/hind-sagar-biswas/neumorphism#Screenshots)
6|[Color Palette](https://github.com/hind-sagar-biswas/neumorphism#color-pallete)
7|[License](https://github.com/hind-sagar-biswas/neumorphism#License)
8|[Author](https://github.com/hind-sagar-biswas/neumorphism#Author)

## Description

A Neumorphic designed one pager Website template, fully on raw CSS.

## Features

1. There's a profile picture with an animated glowing border

1. Social link buttons

1. Contact Informations

1. Skills with glowing progress bars

1. A working Contact Form

1. Fully mobile responsive design

## Clone Repo

#### Github CLI

```
gh repo clone hind-sagar-biswas/neumorphism
```

#### HTTPS

```
https://github.com/hind-sagar-biswas/neumorphism.git
```

## Contact System Setup

1. Open `mail.php` which is in the root directory.

1. On line 14 and 15, you'll find the following code.
```php
$to='[email protected]'; //Your Email Address
$subject='[example.com] Contact'; //Your site domain in the place of example.com
```

1. In the place of `[email protected]` place your email address.

1. Write your domain name in the place of `exqmple.com`.

You're now ready to go!

## Screenshots
![Screenshot 1](https://github.com/MAHFUZ-004/neumorphism/blob/main/img/n01.png)

![Screenshot 2](https://github.com/MAHFUZ-004/neumorphism/blob/main/img/n02.png)

## Color pallete

**Background:** `#ededed`

**Secondary Texts:** `#666666`

**Pink Gradient:** `#ff555f, #ff55b3`

**Blue Gradient:** `#40b6ff, #95ffe0`

**Green Gradient:** `#1ec600, #d9ff40`

**Light Shadow:** `#ffffff`

**Dark Shadow:** `#a2a2a2`

## License

The template has been licensed under [`GNU GPLv3`](https://github.com/hind-sagar-biswas/neumorphism/blob/main/LICENSE) open source license.

Permissions of this strong copyleft license are conditioned on making available complete source code of licensed works and modifications, which include larger works using a licensed work, under the same license. Copyright and license notices must be preserved. Contributors provide an express grant of patent rights.

##### Permissions

- [X] Commercial use

- [X] Modification

- [X] Distribution

- [X] Patent use

- [X] Private use

##### Limitations

- [ ] Liability

- [ ] Warranty

##### Conditions

- [X] License and copyright notice

- [X] State changes

- [X] Disclose source

- [X] Same license

## Author

_Hind Sagar Biswas_

Website: [thecoderaptors.cf](https://thecoderaptors.cd/)

Email: [email protected]

Email: [email protected]