diff --git a/condition generales.html b/condition generales.html new file mode 100644 index 0000000..602f9f7 --- /dev/null +++ b/condition generales.html @@ -0,0 +1,66 @@ + + + + Conditions générales + + + + + + +
+

Conditions générales

+

L'utilisation des réseaux sociaux est devenue une partie intégrante de notre vie quotidienne, et avec cette utilisation accrue vient la nécessité de comprendre les règles et les limites qui régissent cette interaction en ligne. Cette page de conditions générales vise à énoncer les règles d'utilisation de ce site en ce qui concerne la liberté d'expression sur les réseaux sociaux. En naviguant sur ce site, vous acceptez les termes et les conditions énoncés ci-dessous.

+
+ +
+
+

Règles générales d'utilisation

+

Notre site Web s'engage à promouvoir la liberté d'expression sur les réseaux sociaux, mais cela ne signifie pas que nous tolérons la diffusion de messages haineux, violents, discriminatoires ou qui violent les droits d'autrui. Nous nous réservons le droit de supprimer tout contenu qui viole ces règles ou qui est contraire aux lois applicables. Nous nous engageons également à protéger les données de nos utilisateurs et à respecter leur vie privée. Nous ne vendrons ni ne partagerons vos données à des tiers sans votre consentement explicite.

+
+ +
+

Responsabilités de l'utilisateur

+

Tout utilisateur de ce site est responsable du contenu qu'il publie et de l'interaction qu'il a avec les autres utilisateurs. Nous encourageons une discussion respectueuse et constructive sur notre site et nous nous réservons le droit de supprimer tout contenu ou commentaire qui viole ces règles. En utilisant ce site, vous acceptez de ne pas publier de contenu qui soit diffamatoire, offensant, violent, discriminatoire ou qui enfreigne les droits d'autrui. Vous acceptez également de respecter les lois applicables en matière de propriété intellectuelle et de droits d'auteur. Si vous rencontrez un comportement inapproprié ou suspectez une activité illégale sur notre site, nous vous encourageons à nous en informer immédiatement.

+
+ +
+

Restrictions d'utilisation

+

Tous les contenus publiés sur ce site, y compris mais sans s'y limiter, les textes, les images, les vidéos, les graphiques, les logos et les marques de commerce, sont protégés par les lois applicables en matière de propriété intellectuelle et de droits d'auteur. Vous n'êtes pas autorisé à reproduire, distribuer, modifier ou utiliser ces contenus à des fins commerciales sans notre consentement écrit préalable. Tout usage non autorisé de ces contenus peut entraîner des poursuites judiciaires.

+

En utilisant ce site, vous acceptez également de ne pas violer les lois applicables en matière de propriété intellectuelle, de droits d'auteur et de protection des données. Nous nous réservons le droit de supprimer tout contenu ou utilisateur qui enfreint ces règles.

+
+ +
+

Confidentialité des données

+

Nous nous engageons à protéger les données de nos utilisateurs et à respecter leur vie privée. Nous collectons des données d'utilisation non personnelles, telles que des données de trafic et des informations sur les pages visitées, pour améliorer la qualité de notre site et de nos services. Nous pouvons également collecter des informations personnelles, telles que des noms et des adresses électroniques, lorsque vous vous inscrivez à notre site ou que vous nous contactez par courrier électronique.

+

Nous ne vendrons ni ne partagerons vos données à des tiers sans votre consentement explicite, sauf si la loi nous y oblige ou si cela est nécessaire pour protéger nos droits ou les droits de nos utilisateurs. Nous utilisons des mesures de sécurité appropriées pour protéger vos données contre l'accès non autorisé ou la divulgation.

+
+ +
+

Résolution de conflits

+

Nous sommes engagés à fournir une expérience utilisateur positive sur notre site, et nous nous efforçons de résoudre tous les différends de manière amiable et équitable. En cas de désaccord entre l'utilisateur et le site, nous encourageons les parties à communiquer directement pour tenter de résoudre le différend de manière informelle.

+

Si une résolution informelle n'est pas possible, nous pouvons recourir à la médiation ou à l'arbitrage pour résoudre le différend conformément aux lois applicables. Tout litige ou réclamation découlant de l'utilisation de notre site sera soumis à la juridiction compétente dans l'État ou le pays où notre entreprise est enregistrée.

+
+ +
+

Contact

+

Utilisez le formulaire ci-dessous pour poser des questions ou signaler des problèmes

+
+ + + + + + + +
+
+
+ + + + + diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..9a56159 --- /dev/null +++ b/contact.html @@ -0,0 +1,13 @@ + + + + + + Erreur + + +

Désoler une erreur c'est produite !

+

Le système de message n'a pas encore était mis en place désoler.

+ Revenir sur le site + + \ No newline at end of file diff --git a/images/app téléphone.jpg b/images/app téléphone.jpg new file mode 100644 index 0000000..1967c6a Binary files /dev/null and b/images/app téléphone.jpg differ diff --git a/images/carte.png b/images/carte.png new file mode 100644 index 0000000..279c3f2 Binary files /dev/null and b/images/carte.png differ diff --git a/images/img développement réseaux.png b/images/img développement réseaux.png new file mode 100644 index 0000000..06dfc25 Binary files /dev/null and b/images/img développement réseaux.png differ diff --git a/images/img exemple de liberter.jpeg b/images/img exemple de liberter.jpeg new file mode 100644 index 0000000..adba6b7 Binary files /dev/null and b/images/img exemple de liberter.jpeg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..b3cb044 --- /dev/null +++ b/index.html @@ -0,0 +1,118 @@ + + + + + + + + EMC + + +
+
+

La liberté d'expression sur les réseaux sociaux

+

Y'a t-il une plus grande liberté d'expression sur les réseaux sociaux ?

+
+
+

Accueil

 +

Définitions

 +

Développement

 +

Exemples

 +

Carte

 +

Me contacter

 +
+
+

Accueil

 +

Définitions

 +

Développement

 +

Exemples

 +

Carte

 +

Me contacter

 +
+
+ +
+

Quelques définitions qui vont vous servir !

+
+
+
+ Image d'application sur un téléphone +
+
+

- Réseaux sociaux : Un réseau social est un environnement numérique qui peut être un site et où une application qui permet de communiquer, partager, rencontrer des gens... Tout ça sous le respect des CGU

+
+
+ - CGU : Condition générales d'utilisation elle serve à définir les règles du réseau. Actuellement il n'existe aucune législation spécifique au réseau sociaux, cependant ils sont considéré comme des espace public.

+
+
+ - liberté d'expression : Tout citoyen à le droit de s'exprimer librement de la manière qu'il souhaite tant qu'il ne néglige aucune lois écrite dans la constitution.

+
+
+
+
+ +
+

Développement !

+
+
+
+ Image de développement sur les réseaux +
+

La liberté d'expression est un droit fondamental qui permet à chaque individu d'exprimer ses opinions, ses idées et ses pensées sans être censuré ou réprimandé. Avec l'avènement des réseaux sociaux, il est devenu plus facile que jamais pour les gens de s'exprimer publiquement et de partager leurs points de vue avec le monde entier.

+

En théorie, les réseaux sociaux offrent une plus grande liberté d'expression que les canaux de communication traditionnels tels que les journaux, les magazines ou la télévision. Tout le monde peut créer un compte et publier du contenu, qu'il s'agisse de textes, de photos, de vidéos ou de commentaires. Les réseaux sociaux permettent également aux gens de se connecter avec des personnes partageant les mêmes idées, de former des communautés et de participer à des débats en ligne.

+

Cependant, cette liberté d'expression sur les réseaux sociaux n'est pas absolue. Les plateformes ont des règles de modération pour limiter les contenus abusifs ou illégaux, comme la haine, la violence, le harcèlement ou la diffamation. Ces règles sont souvent critiquées pour être opaques ou biaisées, et pour entraîner une censure injustifiée de certains contenus.

+

De plus, la liberté d'expression sur les réseaux sociaux peut être limitée par des facteurs externes tels que la pression sociale, les trolls, les bots et les fake news. Les gens peuvent être intimidés ou harcelés pour avoir exprimé leur opinion, ou être victimes de campagnes de désinformation visant à discréditer leurs points de vue.

+

En fin de compte, la liberté d'expression sur les réseaux sociaux est un sujet complexe et controversé. Bien que les réseaux sociaux offrent un espace pour l'expression libre, cette liberté peut être compromise par des règles de modération, des pressions externes et des comportements abusifs. Il est important pour les utilisateurs de prendre des précautions lorsqu'ils s'expriment en ligne et de respecter les règles de chaque plateforme, tout en défendant leur droit à exprimer leurs opinions.

+
+
+
+ +
+

Des exemples...

+
+
+
+ Image d'exemple de liberter +
+

Le zirconium fascine les chèvres qui ont soif de justice. Les brocolis se méfient des coquelicots car ils sont connus pour être fous. Les chaussettes en laine ont toujours été considérées comme le symbole ultime de la procrastination, tandis que les souliers en cuir sont souvent utilisés pour tromper les ennemis. Les girafes préfèrent les chapeaux à larges bords car ils leur permettent de se protéger du soleil, tandis que les pandas sont obsédés par les paillettes.

+

Les alligators aiment manger des pissenlits pour le petit-déjeuner, et les bananes sont utilisées comme monnaie dans le monde souterrain des fourmis. Les fraises sont souvent utilisées comme projectiles lors des batailles de polochons, et les aubergines sont souvent confondues avec des grenades.

+

Les hippopotames ont des conversations philosophiques sur la signification de la vie, tandis que les dauphins organisent des soirées karaoké sous-marines. Les citrouilles se transforment en carrosses magiques la nuit d'Halloween, et les étoiles filantes sont en fait des navires spatiaux extraterrestres en visite sur Terre.

+

Les abeilles adorent les bavoirs en dentelle, et les hiboux ont une obsession pour les chapeaux melons. Les pingouins ont une passion pour les puzzles en 3D, et les éléphants jouent du piano pour se détendre.

+

En fin de compte, il est clair que le monde est rempli de mystères et d'étrangetés, et que la vie est beaucoup plus intéressante lorsque l'on s'ouvre à toutes les possibilités.

+
+
+
+ +
+

Carte

+
+
+
+ Image d'une carte de la liberté d'expression sur internet +
+
+ +
+

Me contacter

+
+
+
+

Contact

+

Utilisez le formulaire ci-dessous pour poser des questions ou signaler des problèmes

+
+ + + + + + + +
+
+
+ + + \ No newline at end of file diff --git a/scripts/main.js b/scripts/main.js new file mode 100644 index 0000000..7b7605a --- /dev/null +++ b/scripts/main.js @@ -0,0 +1,11 @@ +$(function() { + $('.div_btn').hide(); +}); + +$(window).scroll(function(){ + posScroll = $(document).scrollTop(); + if(posScroll >=id_div_big_title.clientHeight) + $('.div_btn').show(); + else + $('.div_btn').hide(); +}); \ No newline at end of file diff --git a/styles CGU.css b/styles CGU.css new file mode 100644 index 0000000..d8de2e3 --- /dev/null +++ b/styles CGU.css @@ -0,0 +1,63 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; +} + +header { + background-color: #333; + color: #fff; + padding: 20px 150px; + text-align: center; +} + +main { + max-width: 800px; + margin: 0 auto; + padding: 20px; +} + +section { + margin-bottom: 30px; +} + +h1, h2 { + margin-top: 0; +} + +form { + display: flex; + flex-direction: column; +} + +label { + margin-bottom: 5px; +} + +input[type="text"], input[type="email"], textarea { + margin-bottom: 10px; + padding: 10px; + border: 1px solid #ccc; +} + +.footer{ + min-height: 100px; + display: flex; + align-items: center; + margin-top: 50px; + justify-content: space-between; + padding: 0 100px; + flex-wrap: wrap; + background-color: rgb(51, 50, 58); +} + +.copyrights{ + padding-right: 20px; + color: white; +} + +.conditions_generale{ + text-decoration: none; + font-weight: 600; + color: white; +} \ No newline at end of file diff --git a/styles contact.css b/styles contact.css new file mode 100644 index 0000000..f63db3f --- /dev/null +++ b/styles contact.css @@ -0,0 +1,3 @@ +body{ + text-align: center; +} \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..f455a7e --- /dev/null +++ b/styles.css @@ -0,0 +1,189 @@ +@import url("https://fonts.googleapis.com/css?family=Montserrat:700"); + +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Inter', sans-serif; + scroll-behavior: smooth; +} + +body{ + background-color: rgb(240, 240, 240); +} + +.btn { + color: white; + font-weight: bold; + font-size: 1em; + text-decoration: none; + text-transform: uppercase; + padding: 10px; + background-color: gray; + transition: transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55), background-position 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55), box-shadow 500ms linear; + background-image: url('data:image/svg+xml;utf8,'); + background-size: contain; + background-position: -200px center; + background-repeat: no-repeat; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + display: flex; + align-items: center; + width: 100%; +} + +.btn:hover { + transform: scale(1.04); + background-position: -60px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} + +.btn:active { + transform: scale(0.5); + background-position: 500px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} + +.txt_lien{ + width : 100%; + text-align: center; +} + +.header{ + align-items: center; + display: flex; + flex-direction: column; + background-color: white; +} + +.div_big_title{ + padding: 40px; + text-align: center; +} + +.big_title{ + font-weight: 900; + color: black; + font-size: 40px; +} + +.sous_big_title{ + font-size: 20px; +} + +.div_btn{ + display: flex; + flex-direction: row; + align-items: center; + width: 100%; + position: fixed; +} + +.div_btn_2{ + display: flex; + flex-direction: row; + align-items: center; + width: 100%; +} + +.sous_title{ + font-weight: 900; + color: black; + font-size: 17px; + text-align: center; + padding: 25px; +} + +.corps{ + margin: 0px 150px 0px; + background-color: white; + box-shadow: 0px 0px 10px 1px gray; +} + +.inter_corps, +.inter_corps_contact{ + padding: 15px; +} + +.def_pv1_1, +.def_pv1_2{ + padding: 0 0 25px; +} + +.img_1, +.img_3{ + width : 30%; + border: none; + float: right; + border-radius: 25% 10% 25% 15%; + padding: 0 0 15px 15px; +} + +.img_2{ + width : 30%; + border: none; + float: left; + border-radius: 10% 25% 15% 25%; + padding: 0 15px 15px 0; +} + +.id2_pv1, +.id2_pv2, +.id2_pv3, +.id2_pv4{ + padding: 0 0 25px; +} + +.img_carte{ + width : 100%; + border: none; + border-radius: 5% / 10%; +} + +.clear{ + clear:both +} + +.inter_corps_contact{ + margin-bottom: 30px; +} + +.p_contact{ + padding: 10px 0 10px 0; +} + +form { + display: flex; + flex-direction: column; +} + +label { + margin-bottom: 5px; +} + +input[type="text"], input[type="email"], textarea { + margin-bottom: 10px; + padding: 10px; + border: 1px solid #ccc; +} + +.footer{ + min-height: 100px; + display: flex; + align-items: center; + margin-top: 50px; + justify-content: space-between; + padding: 0 100px; + flex-wrap: wrap; + background-color: rgb(51, 50, 58); +} + +.copyrights{ + padding-right: 20px; + color: white; +} + +.conditions_generale{ + text-decoration: none; + font-weight: 600; + color: white; +} \ No newline at end of file