pages comprendre and rejoindre reponsive mobile
This commit is contained in:
parent
b59f4b55de
commit
1e9b6f6d5f
@ -23,30 +23,32 @@ La CAE c’est aussi une société coopérative, chacun des associés qui la com
|
||||
|
||||
### Au démarrage
|
||||
</summary>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Entrepreneur salarié en CAE</th>
|
||||
<th>Auto-entrepreneur</th>
|
||||
<th>Gérant société</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Création du statut</td>
|
||||
<td>Simple</td>
|
||||
<td>Relativement simple</td>
|
||||
<td>Mise en place complexe</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Aide à la création</td>
|
||||
<td>ARE* pour les demandeurs d'emploi</td>
|
||||
<td>ACRE* pour les demandeurs d'emploi</td>
|
||||
<td>ACRE* pour les demandeurs d'emploi</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="table-wrapper">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Entrepreneur salarié en CAE</th>
|
||||
<th>Auto-entrepreneur</th>
|
||||
<th>Gérant société</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Création du statut</td>
|
||||
<td>Simple</td>
|
||||
<td>Relativement simple</td>
|
||||
<td>Mise en place complexe</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Aide à la création</td>
|
||||
<td>ARE* pour les demandeurs d'emploi</td>
|
||||
<td>ACRE* pour les demandeurs d'emploi</td>
|
||||
<td>ACRE* pour les demandeurs d'emploi</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
*ARE : Aide au Retour à l’Emploi
|
||||
|
||||
@ -58,48 +60,50 @@ La CAE c’est aussi une société coopérative, chacun des associés qui la com
|
||||
|
||||
### Votre activité
|
||||
</summary>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Entrepreneur salarié en CAE</th>
|
||||
<th>Auto-entrepreneur</th>
|
||||
<th>Gérant société</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Assurance de l'activité professionnelle</td>
|
||||
<td>Assurance RCPro* spécifique à votre activité</td>
|
||||
<td>À votre charge</td>
|
||||
<td>À votre charge</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suivi de l'activité</td>
|
||||
<td>Une personne référente vous accompagne dans votre projet</td>
|
||||
<td>Accompagnement à votre charge</td>
|
||||
<td>Accompagnement à votre charge</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pouvoir de décision dans la structure</td>
|
||||
<td>Chaque coopérateur possède un pouvoir égal</td>
|
||||
<td>Vous êtes seul décisionnaire</td>
|
||||
<td>Vous êtes seul décisionnaire</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Agrément CIR*</td>
|
||||
<td>Une demande d'agrément est en cours pour Astrolabe</td>
|
||||
<td>Vous devez en faire la demande</td>
|
||||
<td>Vous devez en faire la demande</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Référencement client / Prospection</td>
|
||||
<td>Vous démarchez directement vos clients et profitez du référencement des coopérateurs auprès de clients grand compte, vous profitez du réseau de coopérateurs et d’appels d’offres auprès des partenaires</td>
|
||||
<td>Vous démarchez directement vos clients</td>
|
||||
<td>Vous démarchez directement vos clients</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="table-wrapper">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Entrepreneur salarié en CAE</th>
|
||||
<th>Auto-entrepreneur</th>
|
||||
<th>Gérant société</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Assurance de l'activité professionnelle</td>
|
||||
<td>Assurance RCPro* spécifique à votre activité</td>
|
||||
<td>À votre charge</td>
|
||||
<td>À votre charge</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suivi de l'activité</td>
|
||||
<td>Une personne référente vous accompagne dans votre projet</td>
|
||||
<td>Accompagnement à votre charge</td>
|
||||
<td>Accompagnement à votre charge</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pouvoir de décision dans la structure</td>
|
||||
<td>Chaque coopérateur possède un pouvoir égal</td>
|
||||
<td>Vous êtes seul décisionnaire</td>
|
||||
<td>Vous êtes seul décisionnaire</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Agrément CIR*</td>
|
||||
<td>Une demande d'agrément est en cours pour Astrolabe</td>
|
||||
<td>Vous devez en faire la demande</td>
|
||||
<td>Vous devez en faire la demande</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Référencement client / Prospection</td>
|
||||
<td>Vous démarchez directement vos clients et profitez du référencement des coopérateurs auprès de clients grand compte, vous profitez du réseau de coopérateurs et d’appels d’offres auprès des partenaires</td>
|
||||
<td>Vous démarchez directement vos clients</td>
|
||||
<td>Vous démarchez directement vos clients</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
*RCPro : Responsabilité Civile Professionnelle
|
||||
|
||||
@ -111,36 +115,38 @@ La CAE c’est aussi une société coopérative, chacun des associés qui la com
|
||||
|
||||
### Vos obligations
|
||||
</summary>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Entrepreneur salarié en CAE</th>
|
||||
<th>Auto-entrepreneur</th>
|
||||
<th>Gérant société</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Régime social</td>
|
||||
<td>Couverture sociale auprès de la sécurité sociale, cotisation au régime général des retraites</td>
|
||||
<td>Vous êtes redevable de cotisations et contributions à différents organismes de prestations sociales</td>
|
||||
<td>Vous êtes redevable de cotisations et contributions à différents organismes de prestations sociales</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Obligation comptables</td>
|
||||
<td>Votre activité comptable est prise en charge</td>
|
||||
<td>Relativement peu contraignant</td>
|
||||
<td>Nécessite une expertise comptable</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Obligation fiscales</td>
|
||||
<td>Impôt sur le revenu</td>
|
||||
<td>Chiffre d'affaire plafonné<br>Régime simplifié</td>
|
||||
<td>Impôt sur les sociétés</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="table-wrapper">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Entrepreneur salarié en CAE</th>
|
||||
<th>Auto-entrepreneur</th>
|
||||
<th>Gérant société</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Régime social</td>
|
||||
<td>Couverture sociale auprès de la sécurité sociale, cotisation au régime général des retraites</td>
|
||||
<td>Vous êtes redevable de cotisations et contributions à différents organismes de prestations sociales</td>
|
||||
<td>Vous êtes redevable de cotisations et contributions à différents organismes de prestations sociales</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Obligation comptables</td>
|
||||
<td>Votre activité comptable est prise en charge</td>
|
||||
<td>Relativement peu contraignant</td>
|
||||
<td>Nécessite une expertise comptable</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Obligation fiscales</td>
|
||||
<td>Impôt sur le revenu</td>
|
||||
<td>Chiffre d'affaire plafonné<br>Régime simplifié</td>
|
||||
<td>Impôt sur les sociétés</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details>
|
||||
@ -148,37 +154,39 @@ La CAE c’est aussi une société coopérative, chacun des associés qui la com
|
||||
|
||||
### La prévoyance
|
||||
</summary>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Entrepreneur salarié en CAE</th>
|
||||
<th>Auto-entrepreneur</th>
|
||||
<th>Gérant société</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Assurance chômage</td>
|
||||
<td>Maintient de l’ARE* pour les demandeurs d’emploi si aucun salaire perçu.
|
||||
Votre activité ouvre des droits à l’ARE*</td>
|
||||
<td>Votre activité n'ouvre pas de nouveaux droits ARE*</td>
|
||||
<td>Votre activité n'ouvre pas de nouveaux droits ARE*</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Retraite</td>
|
||||
<td>Régime général</td>
|
||||
<td>Cotisation et droits réduits</td>
|
||||
<td>Similaire au régime général</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Couverture santé</td>
|
||||
<td>Sécurité sociale + mutuelle groupe + prévoyance groupe</td>
|
||||
<td>Sécurité sociale (RSI*) + mutuelle et prévoyance optionnelle</td>
|
||||
<td>Sécurité sociale (RSI*) + mutuelle et prévoyance optionnelle</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="table-wrapper">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Entrepreneur salarié en CAE</th>
|
||||
<th>Auto-entrepreneur</th>
|
||||
<th>Gérant société</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Assurance chômage</td>
|
||||
<td>Maintient de l’ARE* pour les demandeurs d’emploi si aucun salaire perçu.
|
||||
Votre activité ouvre des droits à l’ARE*</td>
|
||||
<td>Votre activité n'ouvre pas de nouveaux droits ARE*</td>
|
||||
<td>Votre activité n'ouvre pas de nouveaux droits ARE*</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Retraite</td>
|
||||
<td>Régime général</td>
|
||||
<td>Cotisation et droits réduits</td>
|
||||
<td>Similaire au régime général</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Couverture santé</td>
|
||||
<td>Sécurité sociale + mutuelle groupe + prévoyance groupe</td>
|
||||
<td>Sécurité sociale (RSI*) + mutuelle et prévoyance optionnelle</td>
|
||||
<td>Sécurité sociale (RSI*) + mutuelle et prévoyance optionnelle</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
*ARE: Aide au Retour à l'Emploi
|
||||
|
||||
|
@ -34,13 +34,14 @@ permalink: '/nous-rejoindre/index.html'
|
||||
|
||||
<img src="/images/sailor-accomp.svg" alt="Entrepreneur en contrat CAPE" style="width: 9rem;">
|
||||
|
||||
Au bout d’un certain temps votre activité devient prérenne.
|
||||
Au bout d’un certain temps votre activité devient prérenne. Deux options s'offrent à vous :
|
||||
</article>
|
||||
</section>
|
||||
<section class="process-cae split">
|
||||
<article class="process-cae__block">
|
||||
|
||||
<img src="/images/arrow-left.svg" alt="flèche gauche">
|
||||
<img class="hide-mobile" src="/images/arrow-left.svg" alt="flèche gauche">
|
||||
<p class="hide-desktop" style="font-weight: 600; align-self: center">- SOIT -</p>
|
||||
|
||||
Vous intégrez la coopérative en tant qu'Entrepreneur salarié, bienvenue parmi nous !
|
||||
|
||||
@ -66,10 +67,11 @@ permalink: '/nous-rejoindre/index.html'
|
||||
</article>
|
||||
<article class="process-cae__block">
|
||||
|
||||
<img src="/images/arrow-right.svg" alt="flèche droite">
|
||||
<img class="hide-mobile" src="/images/arrow-right.svg" alt="flèche droite">
|
||||
<p class="hide-desktop" style="font-weight: 600; align-self: center">- SOIT -</p>
|
||||
|
||||
Vous créez votre propre entreprise, félicitations !
|
||||
|
||||
<img src="/images/small-boat.svg" alt="Petit bateau à voile" style="width: 8rem; margin-top: 4rem; margin-left: 18rem;">
|
||||
<img class="small-boat" src="/images/small-boat.svg" alt="Petit bateau à voile">
|
||||
</article>
|
||||
</section>
|
||||
|
@ -128,14 +128,12 @@ legend {
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.home .form-container {
|
||||
.form-container {
|
||||
svg {
|
||||
width: 70rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.form-container {
|
||||
.contact-heading {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
@ -34,3 +34,9 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.nav {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
|
@ -166,6 +166,16 @@
|
||||
}
|
||||
}
|
||||
|
||||
.table-wrapper {
|
||||
~ p {
|
||||
font-size: .875rem;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
margin-bottom: 1rem;
|
||||
|
||||
@ -208,14 +218,6 @@
|
||||
background-color: var(--color-light-gray);
|
||||
}
|
||||
}
|
||||
|
||||
~ p {
|
||||
font-size: .875rem;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.process-cae {
|
||||
@ -295,10 +297,15 @@
|
||||
}
|
||||
|
||||
img {
|
||||
// width: 18rem;
|
||||
align-self: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.small-boat {
|
||||
width: 8rem;
|
||||
margin-top: 4rem;
|
||||
margin-left: 18rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -322,3 +329,45 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.post {
|
||||
&__body {
|
||||
h1 {
|
||||
margin: 4rem 0;
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
|
||||
.split-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.table-wrapper {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
table {
|
||||
min-width: 48rem;
|
||||
}
|
||||
|
||||
.process-cae{
|
||||
|
||||
&.split {
|
||||
display: block;
|
||||
|
||||
.process-cae__block:last-child {
|
||||
align-items: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
&__block {
|
||||
.small-boat {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -30,4 +30,4 @@
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -75,3 +75,4 @@ img {
|
||||
@import 'components/sponsor';
|
||||
@import 'components/skip-link';
|
||||
@import 'components/video-player';
|
||||
@import 'utilities/responsive';
|
||||
|
11
src/scss/utilities/_responsive.scss
Normal file
11
src/scss/utilities/_responsive.scss
Normal file
@ -0,0 +1,11 @@
|
||||
.hide-desktop {
|
||||
@media (min-width: 576px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.hide-mobile {
|
||||
@media (max-width: 575.98px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user