API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 5th, 2019
806
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 20.11 KB | None | 0 0
raw download clone embed print report
  1. import React from 'react';
  2. import ScrollAnimation from 'react-animate-on-scroll';
  3. import "animate.css/animate.min.css";
  4.  
  5. class Sante extends React.Component {
  6.  
  7.  
  8.     render() {
  9.         return (
  10.             <>
  11.                 <div className="h-full">
  12.                     <ScrollAnimation animateIn='fadeIn'animateOut='fadeOut'>
  13.                     <div className="h-64 overflow-hidden relative">
  14.                         <img className="w-full bg-fixed absolute" src="https://www.espacemembre.macsf.fr/cdn/var/macsf/storage/images/espace-personnel/parcours-etudiant/sante-etudiant/sante-image-d-accueil/118605-2-fre-FR/Sante-image-d-accueil.jpg" alt="" />
  15.                         <h2 className="absolute text-white text-3xl text-center w-full sm:text-6xl font-bold" style={{ top: '25%' }}>Aides à la santé</h2>
  16.                     </div>
  17.                     </ScrollAnimation>
  18.                     <div>
  19.                         <div className="w-5/6 m-auto my-16 sm:w-3/4">
  20.                             <h3 className="text-5xl pl-6 font-bold text-white bg-blue-500 rounded-t">
  21.                                 Santé
  22.                             </h3>
  23.                             <div className="h-1 w-full bg-blue-500">
  24.                             </div>
  25.                             <div className="">
  26.                                 <ScrollAnimation animateIn='bounce' initiallyVisible={true} animateOnce={true}>
  27.                                     <div id="R2" className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  28.                                         Mutuelle
  29.                                         <div className="text-xl font-normal px-6">
  30.                                             <a href="https://sitejeune.laregion.fr/Pass-Mutuelle-Etudiant-e" target="blank" className="text-blue-500">Pass mutuelle</a> L’aide de la Région s’élève au maximum à 100 € par étudiant et par année universitaire pour la souscription à une complémentaire santé étudiante.
  31.                                         </div>
  32.                                     </div>
  33.                                     <div id="R3" className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  34.                                         Docteur
  35.                                         <div className="text-xl font-normal px-6">
  36.                                             L’examen périodique de santé est proposé gratuitement par la CPAM à toute personne affiliée au régime général, mais aussi aux ayants droit ainsi que par la MSA pour les affiliés du régime agricole : <a href="https://www.aide-sociale.fr/bilan-sante-cpam-gratuit/" target="blank" className="text-blue-500">Aide sociale</a>
  37.                                         </div>
  38.                                     </div>
  39.                                     <div className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  40.                                         Complémentaire santé
  41.                                         <div className="text-xl font-normal px-6">
  42.                                             Depuis la rentrée de septembre 2018, le système de Sécurité sociale étudiante a changé pour les nouveaux inscrits. En effet, ces derniers restent désormais attachés à leur régime actuel de Sécurité sociale, avec une cotisation annuelle unique de 90€ pour tous : <a href="https://www.aide-sociale.fr/complementaire-sante-etudiant/" target="blank" className="text-blue-500">Complémentaire santé</a>
  43.                                         </div>
  44.                                     </div>
  45.                                     <div className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  46.                                         Remboursement de vos soins
  47.                                         <div className="text-xl font-normal px-6">
  48.                                             La caisse d'assurance maladie "Ameli" permet aux étudiants de bénéficer d'un remboursement aux soins : <a href="https://www.ameli.fr/assure/droits-demarches/etudes-emploi-retraite/etudiant/etudiant" target="blank" className="text-blue-500">Ameli</a>
  49.                                         </div>
  50.                                     </div>
  51.                                 </ScrollAnimation>
  52.                             </div>
  53.                         </div>
  54.                     </div>
  55.                 </div>
  56.             </>
  57.         )
  58.     }
  59.  
  60. }
  61.  
  62. export default Sante;
  63.  
  64.  
  65.  
  66.  
  67. ========
  68.  
  69.  
  70. import React from 'react';
  71. import ScrollAnimation from 'react-animate-on-scroll';
  72. import "animate.css/animate.min.css";
  73.  
  74. class Logement extends React.Component {
  75.  
  76.  
  77.     render() {
  78.         return (
  79.             <>
  80.                 <div className="h-full">
  81.                     <ScrollAnimation animateIn='fadeIn'animateOut='fadeOut'>
  82.                         <div className="h-64 overflow-hidden relative">
  83.                             <img className="w-full bg-fixed absolute" src="https://www.freyming-merlebach.fr/dynamic/images/pratique/cac_/logement!_564x221!_3!_0x0!_0!_FFFFFF.png" alt="" />
  84.                             <h2 className="absolute text-white text-3xl sm:text-6xl text-center w-full font-bold" style={{ top: '25%' }}>Aides au logement</h2>
  85.                         </div>
  86.                     </ScrollAnimation>
  87.                     <div>
  88.                         <div className="w-5/6 sm:w-3/4 m-auto my-16">
  89.                             <h3 className="text-5xl pl-6 font-bold text-white bg-blue-500 rounded-t">
  90.                                 Logement
  91.                             </h3>
  92.                             <div className="h-1 w-full bg-blue-500">
  93.                             </div>
  94.                             <div className="">
  95.                                 <ScrollAnimation animateIn='bounce' initiallyVisible={true} animateOnce={true}>
  96.                                     <div id="R2" className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  97.                                         Recherche de logements
  98.                                         <div className="text-xl font-normal px-6">
  99.                                             La recherche de logement prend du temps et tu trouves souvent des apparts trop chers pour toi, jette un oeil aux logement Crous : <a href="https://www.messervices.etudiant.gouv.fr/centrale_prod?idEtudiantPVE=7240098Où" target="blank" className="text-blue-500">Mes services étudiant</a> trouver des annonces vérifiées : <a href="https://www.lokaviz.fr/" target="blank" className="text-blue-500">Lokaviz</a>
  100.                                         </div>
  101.                                     </div>
  102.                                     <div id="R3" className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  103.                                         Demande aide logement
  104.                                         <div className="text-xl font-normal px-6">
  105.                                             Les APL peuvent te permettre de payer un loyer avec de faibles revenus, elle dépend uniquement de ta situation et non celle de tes parents, alors profites-en : <a href="https://www.service-public.fr/particuliers/vosdroits/F12006" target="blank" className="text-blue-500">Service public</a>
  106.                                         </div>
  107.                                     </div>
  108.                                     <div className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  109.                                         Colocs
  110.                                         <div className="text-xl font-normal px-6">
  111.                                             Envie de vivre avec des potes ou de diviser le montant de ton loyer, pense à la coloc ! : <a href="https://www.appartager.com/https://www.lacartedescolocs.fr/" target="blank" className="text-blue-500">La carte des colocs</a>
  112.  
  113.                                         </div>
  114.                                     </div>
  115.                                     <div className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  116.                                         Garant
  117.                                         <div className="text-xl font-normal px-6">
  118.                                             Pour louer un logement on exige que tu es un garant, afin que le loyer soit payé même si tu n’as pas l’argent. Tu peux faire appel à une personne extérieure qui pourra payer à ta place en cas de difficultés, les renseignements ici : <a href="https://www.visale.fr/" target="blank" className="text-blue-500">Visale</a>
  119.                                         </div>
  120.                                     </div>
  121.                                     <div className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  122.                                         Louer une chambre
  123.                                         <div className="text-xl font-normal px-6">
  124.                                             Une petite pièce pour vivre ne te déranges pas ou tu n’as pas les moyens pour un appart, il te restes les chambres à louer chez l’habitant : <a href="https://www.cohebergement.com/" className="text-blue-500">Cohebergement</a>
  125.  
  126.                                         </div>
  127.                                     </div>
  128.                                 </ScrollAnimation>
  129.                             </div>
  130.                         </div>
  131.                     </div>
  132.                 </div>
  133.             </>
  134.         )
  135.     }
  136.  
  137. }
  138.  
  139. export default Logement;
  140.  
  141.  
  142.  
  143. ========
  144.  
  145.  
  146. import React from 'react';
  147. import ScrollAnimation from 'react-animate-on-scroll';
  148. import "animate.css/animate.min.css";
  149.  
  150. class Sante extends React.Component {
  151.  
  152.  
  153.     render() {
  154.         return (
  155.             <>
  156.                 <div className="h-full">
  157.                     <ScrollAnimation animateIn='fadeIn'animateOut='fadeOut'>
  158.                     <div className="h-64 overflow-hidden relative">
  159.                             <img className="w-full bg-fixed absolute" src="https://www.lanutrition.fr/sites/default/files/styles/article_large/public/ressources/aliments_sains_vegetaux.jpg?itok=ifXVQ5_r" alt="" />
  160.                         <h2 className="absolute text-white text-3xl text-center w-full sm:text-6xl font-bold" style={{ top: '25%' }}>Aides à l'alimentation</h2>
  161.                    </div>
  162.                    </ScrollAnimation>
  163.                    <div>
  164.                        <div className="w-5/6 m-auto my-16 sm:w-3/4">
  165.                            <h3 className="text-5xl pl-6 font-bold text-white bg-blue-500 rounded-t">
  166.                                Alimentation
  167.                            </h3>
  168.                            <div className="h-1 w-full bg-blue-500">
  169.                            </div>
  170.                            <div className="">
  171.                                <ScrollAnimation animateIn='bounce' initiallyVisible={true} animateOnce={true}>
  172.                                    <div id="R2" className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  173.                                        Restaurants universitaire/FoodTruck/Cafet
  174.                                        <div className="text-xl font-normal px-6">
  175.                                            Les restos U te permettes de manger un repas complet pour 3,30€, ou tu dois manger rapidement pour étudier le Crous propose plusieurs solutions pour te restaurer : <a href="https://www.etudiant.gouv.fr/cid97554/ensemble-des-lieux-de-restauration-des-crous.html" target="blank" className="text-blue-500">Restos du crous</a>
  176.                                        </div>
  177.                                    </div>
  178.                                    <div id="R3" className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  179.                                        paiement Izly
  180.                                        <div className="text-xl font-normal px-6">
  181.                                            Il est fortement conseillé de te créer un compte Izly afin de payer tes repas rapidement et est parfois le seul moyen de paiement accepté par les restos U, alors créer-le au plus vite : <a href="http://www.izly.fr/" target="blank" className="text-blue-500">Izly</a>
  182.                                        </div>
  183.                                    </div>
  184.                                    <div className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  185.                                        Paniers repas
  186.                                        <div className="text-xl font-normal px-6">
  187.                                            Ne pas savoir quoi faire à manger ça arrive souvent, une solution : récupère un panier repas dans des magasins autours de toi, tu fais des économies et réduis le gaspillage : <a href="https://toogoodtogo.fr/fr" target="blank" className="text-blue-500">toogoodtogo</a>
  188.                                        </div>
  189.                                    </div>
  190.                                    <div className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  191.                                        Resto du coeur
  192.                                        <div className="text-xl font-normal px-6">
  193.                                            Penses aussi aux restos du coeur, présent dans les grandes qui te permettront d’avoir des repas gratuits, tu peux aussi apporter ton aide en tant que volontaire : <a href="https://www.restosducoeur.org/?prehome=off" target="blank" className="text-blue-500">Restos du coeur</a>
  194.                                        </div>
  195.                                    </div>
  196.                                </ScrollAnimation>
  197.                            </div>
  198.                        </div>
  199.                    </div>
  200.                </div>
  201.            </>
  202.        )
  203.    }
  204.  
  205. }
  206.  
  207. export default Sante;
  208.  
  209.  
  210.  
  211.  
  212.  
  213.  
  214.  
  215. ==========
  216.  
  217.  
  218.  
  219. import React from 'react';
  220. import ScrollAnimation from 'react-animate-on-scroll';
  221. import "animate.css/animate.min.css";
  222.  
  223. class Categorie extends React.Component {
  224.  
  225.  
  226.    render() {
  227.        return (
  228.            <>
  229.                <div className="h-full">
  230.                     <ScrollAnimation animateIn='fadeIn'animateOut='fadeOut'>
  231.                         <div className="h-64 overflow-hidden relative">
  232.                             <img className="w-full bg-fixed absolute" src="https://www.studyrama.com/IMG/arton5673.jpg" alt="" />
  233.                             <h2 className="absolute text-white text-6xl text-center w-full font-bold" style={{ top: '25%' }}>Aides Financières</h2>
  234.                         </div>
  235.                    </ScrollAnimation>
  236.                     <div>
  237.                        <div className="w-3/4 m-auto my-16">
  238.                            <h3 className="text-5xl pl-6 font-bold text-white bg-blue-500 rounded-t">
  239.                                Bourses
  240.                            </h3>
  241.                            <div className="h-1 w-full bg-blue-500">
  242.                            </div>
  243.                            <div className="">
  244.                                <ScrollAnimation animateIn='bounce' initiallyVisible={true} animateOnce={true}>
  245.                                    <div id="R1" className=" my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  246.                                        Bourses d'étude
  247.                                         <div className="h-1 w-full bg-blue-500">
  248.                                         </div>
  249.                                         <div className="text-2xl pt-4">
  250.                                             Simulation
  251.                                             <div className="text-xl font-normal px-6">
  252.                                                 Regarde si tu es éligible à une bourse, renseigne juste quelques infos sur ta situation sur <a href="https://simulateur.lescrous.fr/" className="text-blue-500" target="blank">lescrous.fr</a>
  253.                                             </div>
  254.                                         </div>
  255.                                         <div className="text-2xl pt-4">
  256.                                             Demande de bourse
  257.                                             <div className="text-xl font-normal px-6">
  258.                                                 Tu as besoin de créer un Dossier Social Etudiant (DSE), la procédure est un peu longue (le temps que ton dossier soit traité) mais cela vaut le coup si tu es éligible aux bourses : <a href="https://www.messervices.etudiant.gouv.fr/envole/" className="text-blue-500" target="blank">Mes services etudiant</a>
  259.                                             </div>
  260.                                         </div>
  261.                                     </div>
  262.                                 </ScrollAnimation>
  263.                                 <ScrollAnimation animateIn='bounce' initiallyVisible={true} animateOnce={true}>
  264.                                     <div id="R2" className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  265.                                         Bourse ERASMUS
  266.                                         <div className="text-xl font-normal px-6">
  267.                                             Si tu as prévu de faire tes études à l’étranger, Erasmus peut te permettre d’obtenir jusqu’à 450€ :   <a href="https://www.service-public.fr/particuliers/vosdroits/F378" className="text-blue-500" target="blank">Service public</a>
  268.                                         </div>
  269.                                     </div>
  270.                                     <div id="R3" className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  271.                                         Bourse au mérite
  272.                                         <div className="text-xl font-normal px-6">
  273.                                             T’as géré ton bac ? Félicitation, récupère t’as récompense : <a href="https://www.messervices.etudiant.gouv.fr/envole/" className="text-blue-500"> Mes services etudiant</a>
  274.                                         </div>
  275.                                     </div>
  276.                                 </ScrollAnimation>
  277.                             </div>
  278.                         </div>
  279.                         <div className="w-3/4 m-auto my-16">
  280.                             <h3 className="text-5xl pl-6 font-bold text-white bg-blue-500 rounded-t">
  281.                                 Banque
  282.                             </h3>
  283.                             <div className="h-1 w-full bg-blue-500">
  284.                             </div>
  285.                             <div>
  286.                                 <div id="R4" className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  287.                                     Prêt étudiant
  288.                                     <div className="text-xl font-normal px-6">
  289.                                         Besoin de financer tes études ? Prêt étudiant garanti par l’état ici : <a href="https://www.service-public.fr/particuliers/vosdroits/F986" className="text-blue-500" target="blank"> Service public</a>
  290.                                     </div>
  291.                                 </div>
  292.                                 <div id="R5" className="p-2 my-6 bg-gray-100 font-bold text-3xl px-12 py-3">
  293.                                     Offres intéressantes
  294.                                     <div className="h-1 w-full bg-blue-500">
  295.                                     </div>
  296.                                     <div className="text-2xl pt-4">
  297.                                         Boursorama
  298.                                     <div className="text-xl font-normal px-6">
  299.                                             Offre Welcome : Carte gratuite + 80€ offerts: <a href="https://www.boursorama-banque.com/" className="text-blue-500" target="blank"> Boursorama</a>
  300.                                     </div>
  301.                                     </div>
  302.                                     <div className="text-2xl pt-4">
  303.                                         Hello bank
  304.                                     <div className="text-xl font-normal px-6">
  305.                                             Carte Visa gratuite + 80€ offert : <a href="https://www.hellobank.fr/" className="text-blue-500" target="blank">Hello bank</a>
  306.                                         </div>
  307.                                     </div>
  308.                                 </div>
  309.                             </div>
  310.                         </div>
  311.                     </div>
  312.                 </div>
  313.             </>
  314.         )
  315.     }
  316.  
  317. }
  318.  
  319. export default Categorie;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!