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 !
......@@ -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 **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.
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
**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).
</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