This commit is contained in:
2020-06-10 12:02:03 +02:00
parent 32edb33b69
commit a4a6341c7d
8 changed files with 160 additions and 11 deletions

View File

@@ -39,7 +39,7 @@ const Header = () => {
<a>Mon environnement</a>
</ActiveLink>
</li>
{/*<li>
<li>
<ActiveLink href="/services" activeClassName="active">
<a>Mes services</a>
</ActiveLink>
@@ -54,10 +54,6 @@ const Header = () => {
<a>Résumé</a>
</ActiveLink>
</li>
TODO uncomment*/}
<li>
<a className="about-container button" href="/assets/CV.pdf" target="_blank">Résumé</a>
</li>
</ul>
</div>
<div className="contact-links">

View File

@@ -25,14 +25,14 @@ const PassionsHome = () => {
</div>
<div className="passions-bottom">
<div className="passions-left passion">
<h1>Le Développement</h1>
<h1>La moto</h1>
<p>
Je suis développeur Web FullStack, c'est à dire que je maîtrise le BackEnd et le FrontEnd.
Je réalise des sites pour des projets personnels ou professionnels. En parallèle, je développe des logiciels mobiles et bureautiques. Je développe également des scripts pour la sécurité de mes applications et je réalise des tests d'intrusion pour tester l'efficacité de ma sécurité
</p>
</div>
<div className="passions-right passion">
<h1>La Technologie</h1>
<h1>La cuisine</h1>
<p>
J'adore le DevSecOps, c'est un mixe de développement, de sécurité et d'opérations qui consistent à automatiser le développement donc à gagner du temps, et les machines, en effet, j'aimerais concevoir une infrastructure propre à mes besoins que l'héberge et que je déploie moi même..
Ce sont des domaines très importants qu'il ne faut pas négliger sur un projet ! Je me documente au quotidien pour respecter la vie privée de mes clients.

View File

@@ -3,11 +3,93 @@ import React from 'react';
const Services = () => {
return (
<div className="services">
Services
<div className="services-container">
<h1>Création & Développement</h1>
<h4>
Vous avez une idée de projet mais ne connaissez rien en développement ?
</h4>
<p>
L'offre <span className="title">Création & Développement</span> vous permet de concrétiser vos idées simplement et rapidement !
Je suis capable de développer une application web, mobile et bureautique.
</p>
<div className="mail-button">
<a href="mailto:contact@arthurdanjou.fr?subject=Création%20et%20Développement">Réaliser un devis</a>
</div>
</div>
<div className="services-container">
<h1>Intégration Web</h1>
<h4>
</h4>
<p>
</p>
<div className="mail-button">
<a href="mailto:contact@arthurdanjou.fr?subject=Intégration%20Web">Réaliser un devis</a>
</div>
</div>
<div className="services-container">
<h1>Ajustement du site</h1>
<h4>
</h4>
<p>
</p>
<div className="mail-button">
<a href="mailto:contact@arthurdanjou.fr?subject=Ajustement%20du%20site">Réaliser un devis</a>
</div>
</div>
<div className="services-container">
<h1>Référencement</h1>
<h4>
</h4>
<p>
</p>
<div className="mail-button">
<a href="mailto:contact@arthurdanjou.fr?subject=Référencement">Réaliser un devis</a>
</div>
</div>
<div className="services-container">
<h1>Administration Système</h1>
<h4>
</h4>
<p>
</p>
<div className="mail-button">
<a href="mailto:contact@arthurdanjou.fr?subject=Administration%20Système">Réaliser un devis</a>
</div>
</div>
<div className="services-container">
<h1>Analyse & conseil</h1>
<h4>
</h4>
<p>
</p>
<div className="mail-button">
<a href="mailto:contact@arthurdanjou.fr?subject=Analyse%20et%20Conseil">Réaliser un devis</a>
</div>
</div>
</div>
)
}
export default Services;
//TODO renvoie mail si offre introuvable
//TODO renvoie mail si offre introuvable
/*
Liste des services
- Création & Développement (Logiciel, Web, Mobile)
- Intégration Web
- Ajustement du site
- Analyse & Conseil
- Référencement
- SysAdmin (Installation, maintenance)
*/

View File

@@ -3,7 +3,24 @@ import React from 'react';
const Work = () => {
return (
<div className="work">
Travail
<div className="work-container">
<h1>
Erisium <br/>
<img src="assets/erisium.png" alt="Logo Erisium" height="120" />
</h1>
<h4>
Java | Développeur Junior
</h4>
<p>
Chez Erisium, ma mission est de réaliser les différents projets conçus par l'équipe Gameplay. Je développe des jeux, je résouds des bugs,
</p>
</div>
<div className="work-container">
</div>
<div className="work-container">
</div>
</div>
)
}

BIN
public/assets/erisium.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

View File

@@ -173,7 +173,7 @@ $hover-color: rgba(205, 205, 205, 0.3);
&.opened {
z-index: 99;
height: 375px; //TODO change into 450px
height: 450px;
width: 350px;
color: $white;
background-color: $menu-background;

View File

@@ -0,0 +1,46 @@
.services {
width: 100%;
margin-bottom: 60px;
.services-container {
margin: 30px 0;
h1 {
font-size: $web-h1;
line-height: 1;
}
h4 {
font-weight: normal;
font-size: $web-h4;
font-style: italic;
margin-bottom: 10px;
}
p {
font-size: $web-p;
margin-bottom: 10px;
}
.mail-button {
margin: 5px 0;
a {
padding: 5px 10px;
border-radius: 5px;
border: 1px solid $black-1;
background-color: $black-1;
color: $white;
font-weight: bold;
font-size: $web-p;
transition: .3s;
&:hover {
background-color: $white;
color: $black-1;
}
}
}
}
}

View File

@@ -0,0 +1,8 @@
.work {
width: 100%;
margin-bottom: 60px;
.work-container {
margin: 30px 0;
}
}