<h1 align="center">Atomy-site</h1>
<div align="center" id="top">
<img src="./assets/screen.png" alt="logo">
</div>
&#xa0;


<p align="center">
  <img alt="Github top language" src="https://img.shields.io/github/languages/top/matmon12/Atomy-site?color=763aa7">

  <img alt="Github language count" src="https://img.shields.io/github/languages/count/matmon12/Atomy-site?color=d36449">

  <img alt="Repository size" src="https://img.shields.io/github/repo-size/matmon12/Atomy-site?color=4cc71e">

  <img alt="License" src="https://img.shields.io/github/license/matmon12/Atomy-site?color=56BEB8">

  <img alt="Github stars" src="https://img.shields.io/github/stars/matmon12/Atomy-site?color=56BEB8"/>
</p>


<p align="center">
  <a href="#dart-about">About</a> &#xa0; | &#xa0; 
  <a href="#sparkles-features">Features</a> &#xa0; | &#xa0;
  <a href="#rocket-technologies">Technologies</a> &#xa0; | &#xa0;
  <a href="#white_check_mark-requirements">Requirements</a> &#xa0; | &#xa0;
  <a href="#checkered_flag-starting">Starting</a> &#xa0; | &#xa0;
  <a href="#memo-license">License</a> &#xa0; | &#xa0;
  <a href="https://github.com/matmon12" target="_blank">Author</a>
</p>

<br>

## :dart: About

Training website for attracting clients to the Atomy company.
A custom slider was made, the idea of ​​which was taken from the Internet. A form for sending applications by email using PHP has also been implemented.

## :sparkles: Features

:heavy_check_mark: Custom slider;\
:heavy_check_mark: Implementing a side menu;\
:heavy_check_mark: Form Validation;\
:heavy_check_mark: Sending emails using PHPMailer;\
:heavy_check_mark: Dark and light themes;\
:heavy_check_mark: Adaptive for mobile devices;

## :rocket: Technologies

The following tools were used in this project:

- [Swiper](https://swiperjs.com/)
- [PHPMailer](https://github.com/PHPMailer/PHPMailer)
- [JustValidate](https://just-validate.dev/)

## :white_check_mark: Requirements

Before starting :checkered_flag:, you need to have [Git](https://git-scm.com) and [Node](https://nodejs.org/en/) installed.

## :checkered_flag: Starting

```bash
# Clone this project
$ git clone https://github.com/matmon12/Atomy-site

# Access
$ cd Atomy-site

# Install dependencies
$ npm install

# Run the project
$ npm run serve

# Compiles and minifies for production
$ npm run build
```

## :memo: License

This project is under license from MIT. For more details, see the [LICENSE](LICENSE) file.

Made with :heart: by <a href="https://github.com/matmon12" target="_blank">Matmon</a>

&#xa0;

<a href="#top">Back to top</a>
