diff --git a/contenu/Assia.png b/contenu/Assia.png new file mode 100644 index 0000000..981f8a5 Binary files /dev/null and b/contenu/Assia.png differ diff --git a/contenu/CV-Nolan-Toussaint.pdf b/contenu/CV-Nolan-Toussaint.pdf new file mode 100644 index 0000000..658da65 Binary files /dev/null and b/contenu/CV-Nolan-Toussaint.pdf differ diff --git a/contenu/Cyril.png b/contenu/Cyril.png new file mode 100644 index 0000000..f100d46 Binary files /dev/null and b/contenu/Cyril.png differ diff --git a/contenu/Nolan.png b/contenu/Nolan.png new file mode 100644 index 0000000..cd288b8 Binary files /dev/null and b/contenu/Nolan.png differ diff --git a/contenu/abonnement.html b/contenu/abonnement.html new file mode 100644 index 0000000..c4546ea --- /dev/null +++ b/contenu/abonnement.html @@ -0,0 +1,66 @@ + + + + + + + + + Foire aux questions + + +
+ +
+ +
+

LE RÉSULTAT SERA LE MÊME, PAS L'EXPÉRIENCE !

+
+
+

Découverte

+
+

Accès aux missions quotidiennes

+

Accès à la bibliothèque

+

2 Masterclass en direct par mois

+

8,99€

+

Par mois

+
+
+

Premium

+
+

Accès aux missions quotidiennes

+

Accès à 3 masterclass par mois

+

1 ticket pour un Ted Talk en présentiel

+

14,99€

+

Par mois

+
+
+

Premium annuel

+
+

Le prix du Premium sur une année !

+

Personalisation optimisée

+

Sans engagement

+

129,99€

+

Par an

+
+
+
+ + \ No newline at end of file diff --git a/contenu/accueil.html b/contenu/accueil.html new file mode 100644 index 0000000..0717340 --- /dev/null +++ b/contenu/accueil.html @@ -0,0 +1,47 @@ + + + + + + + + + + + BetterSelf + + +
+ +
+ +
+

"J'ai appris il y a longtemps qu'il y a quelque chose de pire que de rater l'objectif: ne pas passer à l'action", Mia Hamm.

+
+
+

BetterSelf est une entreprise qui a pour but de construire, mettre en pratique votre développement personnel et de vous accompagner durant celui-ci.
Pour cela, nous vous proposons différentes pistes avec un suivi adapté, telles qu'un parcours sportif ou des missions quotidiennes en lien avec vos objectifs. Ces missions quotidiennes vous permettront de récolter un certains nombre de points, vous donnant accès à plus d'activités payantes.
+ Le contenu complet de chaque activités sera disponible dans les formules d'abonnement.

+ +
+
+ EN SAVOIR PLUS +
+ + diff --git a/contenu/contact.html b/contenu/contact.html new file mode 100644 index 0000000..ed27feb --- /dev/null +++ b/contenu/contact.html @@ -0,0 +1,61 @@ + + + + + + + + + Contact + + + +
+ +
+ +
+

DÉCOUVREZ L'ÉQUIPE !

+
+
+ +

NOLAN
TOUSSAINT

+ cv
+ git
+ linkedin
+
+
+ +

CYRIL
NKOUMBI-SAMBA

+ cv
+ git
+ linkedin
+
+
+ +

ASSIA
MZYENE

+ cv
+ git
+ linkedin
+
+
+
+ + \ No newline at end of file diff --git a/contenu/cv-assia-mzyene.pdf b/contenu/cv-assia-mzyene.pdf new file mode 100644 index 0000000..e9710e2 Binary files /dev/null and b/contenu/cv-assia-mzyene.pdf differ diff --git a/contenu/cv-cyril.pdf b/contenu/cv-cyril.pdf new file mode 100644 index 0000000..b9facb7 Binary files /dev/null and b/contenu/cv-cyril.pdf differ diff --git a/contenu/faq.html b/contenu/faq.html new file mode 100644 index 0000000..ec917a4 --- /dev/null +++ b/contenu/faq.html @@ -0,0 +1,79 @@ + + + + + + + + + Foire aux questions + + +
+ +
+ +
+

Comment pouvons-nous vous aider ?

+ +
+
+ BetterSelf, qu’est ce que c’est ? +
+

BetterSelf est un service de développement qui propose une vaste sélection d’outils de développement, de livres et de conférences sur des milliers d’appareils.

+

Améliorez tout les aspects de votre vie à un prix mensuel très attractif. Découvrez des conférences, des livres, des articles et un accompagnement personnalisé!

+
+
+
+ Combien coûte BetterSelf ? Comment souscrire un abonnement ? +
+

Consulter votre application BetterSelf sur votre smartphone, tablette, ordinateur et même sur vos consoles de jeu le tout pour un tarif fixe. Les offres mensuel vont de 8,99€ à 14,99€. Il existe également une offre annuelle qui propose les services premium pour 129,99€ seulement.

+

Rendez-vous dans Abonnement, choisissez l’abonnement qui vous correspond et appuyez sur ‘choisir cette offre’.

+
+
+
+ Comment puis-je annuler mon offre ? +
+

BetterSelf offre une grande souplesse. Pas de contrat compliqué. Sans engagement. Deux clics suffisent pour annuler votre compte en ligne. Pas de frais d'annulation: ouvrez ou fermez votre compte à tout moment.

+
+
+
+ Comment sont utilisé mes données ? +
+

Toutes les données récoltés seront utilisé UNIQUEMENT par nos équipes afin de proposé à tout les utilisateurs un meilleur suivi et des nouvelles pistes d’améliorations pour les outils existants.

+
+
+
+ Où puis-je accéder aux services BetterSelf ? +
+

Betterself, c'est où vous voulez, quand vous voulez. Vous pouvez accéder à tout le contenu depuis vos appareil connecté à internet tel que votre smartphone, tablette, ordinateur et consoles de jeu via l’application.

+

Sans connection à internet, vous pourrez tout de même accéder à votre journal et à vos tâches quotidiennes. Téléchargez des conférences pour y accéder partout.

+
+
+
+ Comment réserver une place pour une conférence depuis l’application BetterSelf ? +
+

Réservez votre place facilement, rapidement et en toute sécurité sur notre billetterie disponible sur l’application.

+
+
+
+
+ + \ No newline at end of file diff --git a/contenu/guide.html b/contenu/guide.html new file mode 100644 index 0000000..568132a --- /dev/null +++ b/contenu/guide.html @@ -0,0 +1,68 @@ + + + + + + + + + BetterSelf + + +
+ +
+ +
+

Qu'attendez vous pour vous lancer ?

+

Avec nos guides spécialisés, vous pourrez choisir le domaine qui vous intéresse. Bien sur les guides seront mis à jour régulièrement, alors proposez nous des sujets qui vous intéresse !

+
+ +
+

CATALOGUE DES FORMATIONS

+
+
Relations
+
+

Vous voulez vous épanouir dans vos relations ?
+ Le bonheur est différent pour chaque individu, mais être apprécié de vos proches et de vos collègues de travail, ne serait-ce pas idéal ? Avec notre guide "Relations humaines" vous saurez comment vous comporter dans chaque situation avec la personne en face de vous sans changer qui vous êtes pour autant !

+
+ +
+
Sport
+
+ +
+

Vous voulez exercer une activité sportive régulière :
+ Football ? Basket ? Handball ? Boxe ?
+ Savez-vous quel est le point commun entre tous les sports?
+ En effet c’est bien la confiance en soi. Tout d'abord, il est essentiel de faire du sport quotidiennement pour sa santé mentale et physique. Nous vous proposons un "guide sportif" spécialisé en fonction de vos besoins et vos envies qui va vous permettre de vous épanouir. +

+
+
Entreprenariat
+
+

Vous n’osez pas faire ? Vous hésitez à créer votre propre société ? A diriger une équipe efficace ?
+ Mais vous ne vous sentez pas à la hauteur ou vous pensez que vous n’avez pas assez de compétences? Grâce au guide "Entreprenariat" vous connaîtrez l’ensemble des compétences requises pour mener à bien vos projets.

+
+ +
+
+
+ + diff --git a/contenu/logo.png b/contenu/logo.png new file mode 100644 index 0000000..521217f Binary files /dev/null and b/contenu/logo.png differ diff --git a/contenu/logo_complet.png b/contenu/logo_complet.png new file mode 100644 index 0000000..5b4835c Binary files /dev/null and b/contenu/logo_complet.png differ diff --git a/contenu/productivité.jpg b/contenu/productivité.jpg new file mode 100644 index 0000000..c61c5dc Binary files /dev/null and b/contenu/productivité.jpg differ diff --git a/contenu/relations.jpg b/contenu/relations.jpg new file mode 100644 index 0000000..ebacce9 Binary files /dev/null and b/contenu/relations.jpg differ diff --git a/contenu/sport.jpg b/contenu/sport.jpg new file mode 100644 index 0000000..fbeba1d Binary files /dev/null and b/contenu/sport.jpg differ diff --git a/contenu/style.css b/contenu/style.css new file mode 100644 index 0000000..5a08223 --- /dev/null +++ b/contenu/style.css @@ -0,0 +1,348 @@ +/* RESET */ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + + + +/* FONTS */ + + +@import url('https://fonts.googleapis.com/css2?family=Signika+Negative:wght@500;700&display=swap'); + +/* CUSTOM CSS */ + +body { + background: linear-gradient(45deg, #000000, #28849b); + background-repeat: no-repeat; + background-size: cover; + min-height: 100vh; + font-family: 'Signika Negative', sans-serif; +} + +a { + text-decoration: none; +} + +/* NAVBAR */ + +.navbar { + display: flex; + justify-content: space-between; + background: #00000086; + padding: 10px 30px; + margin-top: 20px; + margin-bottom: 20px; +} + +.navbar a { + color: white; +} + +.logo-navbar img{ + height: 40px; +} + +.links-navbar ul { + display: flex; + gap: 45px; +} + +.links-navbar { + display: flex; + align-items: center; +} + +.right-navbar { + display: flex; + align-items: center; + gap: 10px; + font-size: 1.4rem; +} + +.link { + text-transform: uppercase; + margin-left: 50px; + margin-right: 50px; +} + + +/* SECTION */ + +section { + width: 70%; + margin: 0 auto; + color: white; + padding: 50px 0; +} + +.section-titre { + font-size: 2rem; + padding-left: 20%; + word-spacing: 4px; + line-height: 50px; + text-align: center; + margin-left: -200px; + text-transform: uppercase; +} + +.section-texte { + padding-left: 200px; + padding-top: 40px; + font-size: 1.3rem; + word-spacing: 4px; + line-height: 30px; + margin-left: -200px; +} + +.section-bouton { + padding: 6px 30px; + border-radius: 20px; + background: white; + color: #28849b; + font-weight: 700; + margin-top: 50px; + margin-left: 30%; + display: inline-block; +} + + +/* FAQ */ + +.input-search { + width: 100%; + padding: 10px 20px; + border: none; + outline: none; + border-radius: 20px; + margin: 50px 0; + background: #ffffff50; +} + +.input-search::placeholder { + color: black; + opacity: 0.5; +} + +.faq { + display: flex; + flex-direction: column; + gap: 20px; +} + +details { + background: #ffffff15; + border-radius: 20px; + padding: 10px 20px; +} + +summary { + cursor: pointer; + font-size: 1.3rem; +} + +details .contenu { + padding-top: 10px; + margin-top: 5px; + border-top: 2px solid white; + display: flex; + flex-direction: column; + gap: 10px; + font-size: 1.1rem; + word-spacing: 4px; + line-height: 30px; +} + +details .contenu a { + color: rgb(47, 160, 180); +} + + + +/* ABONNEMENT */ + +.cards { + display: flex; + gap: 15px; + margin-top: 50px; + justify-content: space-evenly; +} + +.card { + background: #00000080; + padding: 40px; + border-radius: 20px; + text-align: center; + cursor: pointer; + margin-left: 50px; + margin-right: 50px; +} + +.card:hover { + /* CODE ICI */ +} + +/* KEYFRAME POUR L'ANIMATION */ + +.card-name { + text-transform: uppercase; + margin-bottom: 30px; + font-size: 1.5rem; +} + +.card-contenu { + padding: 10px 0; +} + +.card-avantage { + padding: 5px 0; + line-height: 30px; +} + +.card-prix { + padding-top: 10px; + padding-bottom: 5px; + font-size: 2rem; + font-style: extrabold; + border-radius: 30px; + line-height: 40px; +} + +.card-periode { + font-size: 0.8rem; +} + +/* CONTACT */ + +.nprenom { + font-family: 'Lucida Console'; + padding-top: 10px; + padding-bottom: 10px; + font-size: 1.5rem; +} + +.card a { + color: white; + font-size: 1.3rem; + word-spacing: 4px; + line-height: 50px; + border-style: solid; + border-color: white; + border-width: 2px; + border-radius: 20px; + padding-left: 40px; + padding-right: 40px; + padding-top: 1px; + padding-bottom: 1px; +} + +.profile-image { + height: 300px; + border-radius: 15px; +} + +/* GUIDE */ + +.formations h3 { + margin-top: -20px; + margin-bottom: -20px; +} + +.cards-guide { + display: flex; + flex-direction: column; + gap: 20px; +} + +.formations { + margin: 100 10%; +} + +.formations-titre { + text-align: center; + font-size: 2.2rem; + margin-top: 100px; + margin-bottom: 40px; +} + +.card-guide { + display: flex; + gap: 100px; +} + +.card-guide img { + height: 400px; + border-radius: 50px; +} + +.card-guide p { + display: flex; + align-items: center; + font-size: 1.3rem; + word-spacing: 4px; + line-height: 30px; + margin-right: -100px; + margin-left: -50px; +} + +/* ACCUEIL */ + +.card-accueil { + display: flex; + gap: 100px; +} + +.card-accueil img { + height: 400px; + border-radius: 50px; + margin-right: -100px; +} + +.card-accueil p { + display: flex; + align-items: center; + font-size: 1.3rem; + word-spacing: 4px; + line-height: 30px; +} \ No newline at end of file