mirror of
https://github.com/ArthurDanjou/arthurdanjou.fr.git
synced 2026-01-23 00:10:29 +01:00
working
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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)
|
||||
*/
|
||||
@@ -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
BIN
public/assets/erisium.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
.work {
|
||||
width: 100%;
|
||||
margin-bottom: 60px;
|
||||
|
||||
.work-container {
|
||||
margin: 30px 0;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user