Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit 5a8f58c1 authored by Plumtree3D's avatar Plumtree3D
Browse files

refactor: added text right component, moved form

parent 99ff47aa
No related branches found
No related tags found
1 merge request!17Draft: Resolve "add cheatsheet page"
Pipeline #11960 passed
import React from "react";
export default function Form() {
return (
<form className="text--center margin-vert--lg" method="post" action="https://systeme.io/embedded/7273139/subscription">
<input type="text" name="first_name" placeholder="Prénom" required="required" />
<input type="email" name="email" placeholder="Email" required="required" />
<br/>
<button type="submit" className="button button--primary margin-bottom--sm shadow--md">Je veux être au courant des mises à jours</button>
<br/>
<a href="#"> Je veux juste télécharger lantisèche </a>
</form>
)
}
/* eslint-disable react/prop-types */
import React from "react";
import useBaseUrl from "@docusaurus/useBaseUrl";
export default function TextRight({children, img, alt}) {
return (
<>
<div className="row">
<div className="col col--6">
<img src={useBaseUrl(img)} alt={alt} />
</div>
<div className="col col--6">
{children}
</div>
</div>
</>
);
}
import Form from '@site/src/components/CheatsheetForm'; import TextRight from '@site/src/components/TextRight';
<TextRight img="/img/" alt="Illustration de l'antisèche Docker">
# Devenez deux fois plus productif grâce à GitLab ! # Devenez deux fois plus productif grâce à GitLab !
...@@ -27,7 +29,14 @@ En vous inscrivant, vous recevrez : ...@@ -27,7 +29,14 @@ En vous inscrivant, vous recevrez :
- Des informations et astuces régulières qui vous feront **gagner en productivité** en utilisant GitLab. - Des informations et astuces régulières qui vous feront **gagner en productivité** en utilisant GitLab.
- Des **réductions** à nos formations. - Des **réductions** à nos formations.
<Form/> <form className="text--center margin-vert--lg" method="post" action="https://systeme.io/embedded/7273139/subscription">
<input type="text" name="first_name" placeholder="Prénom" required="required" />
<input type="email" name="email" placeholder="Email" required="required" />
<br/>
<button type="submit" className="button button--primary margin-bottom--sm shadow--md">Je veux être au courant des mises à jours</button>
<br/>
<a href="#"> Je veux juste télécharger l’antisèche </a>
</form>
Vos données personnelles ne seront utilisées que pour vous envoyer des messages d'information et commerciaux. Vos données personnelles ne seront utilisées que pour vous envoyer des messages d'information et commerciaux.
Votre vie privée est importante pour nous et votre adresse courriel est en sécurité, **nous ne vendrons jamais vos courriels** à des tiers. Votre vie privée est importante pour nous et votre adresse courriel est en sécurité, **nous ne vendrons jamais vos courriels** à des tiers.
...@@ -37,3 +46,5 @@ Vous pourrez vous désinscrire à tout moment en cliquant sur le lien en bas de ...@@ -37,3 +46,5 @@ Vous pourrez vous désinscrire à tout moment en cliquant sur le lien en bas de
**Cette désinscription entraînera votre désinscription de la communauté Froggit.** **Cette désinscription entraînera votre désinscription de la communauté Froggit.**
Les données recueillies sur cette page sont stockées par notre [sous-traitant systeme.io](https://systeme.io/?sa=sa0002743266bfa20f069aff9d665aa29843fe7bd162&trial=30&tk=tunnelfroggit), dont la politique de confidentialité est [disponible ici](https://systeme.io/fr/info/privacy?sa=sa0002743266bfa20f069aff9d665aa29843fe7bd162&trial=30&tk=tunnelfroggit). Les données recueillies sur cette page sont stockées par notre [sous-traitant systeme.io](https://systeme.io/?sa=sa0002743266bfa20f069aff9d665aa29843fe7bd162&trial=30&tk=tunnelfroggit), dont la politique de confidentialité est [disponible ici](https://systeme.io/fr/info/privacy?sa=sa0002743266bfa20f069aff9d665aa29843fe7bd162&trial=30&tk=tunnelfroggit).
</TextRight>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment