Scribd
Upload
27 views

2

000

Uploaded by

yannmangoye00
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
27 views

2

000

Uploaded by

yannmangoye00
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<html lang="fr">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Accueil</title>
<link rel="stylesheet" href="Styles.css">
<link rel="stylesheet" href="styles2.css">
</head>
<body>
<!--Arrière plan-->
<div class="background">

</div>
<!--La div de container-->
<div class="container">
<div class="content">
<div class="logo"><img src="" alt="" srcset=""></div>
<h2>Sovedic Soft</h2>

<div class="text-sci">

<h2>Bienvenue ! <br>
<span>Sur notre outil de vente.</span></h2>
<p>Facilitez la gestion de vos transactions et optimisez votre activité
commerciale.
<br>

</div>
<div class="social-icons">
<a href="#"><img src="bxl-whatsapp.png" alt=""></a>
<a href="#"><img src="bxl-facebook-circle.png" alt=""></a>
<a href="#"><img src="bxl-instagram.png" alt=""></a>
<a href="#"><img src="bxl-linkedin.png" alt=""></a>
</div>
</div>
<div class="logreg-box">
<div class="form-box">
<div class="form-box-login">
<h2>Connexion</h2>
<!--Formulaire de connexion-->
<form action="" method="post" id="monFormulaire" onsubmit="">
<!--Champs de saisies-->
<div class="input-boxes">
<!-- 1er Champ de saisie-->
<input type="email" autocomplete="off" required id="Email"
name="email">
<label for="email">Email</label>
<span class="span"><img src="bxl-gmail.png" ></span>
<br>
</div>
<div class="input-boxes">
<!-- 2e Champ de saisie-->
<input type="password" required id="Password" name="password">
<label for="password" >Mot de passe </label>
<span class="span"><img src="bxs-lock-open-alt.png" ></span>
</div>
<!-- m'enregistrer-mot de passe oublié-->
<div class="remember-forgot">
<!-- m'enregistrer-->
<label for="remember">
<input type="checkbox" name="remember">
M'enregistrer
</label>
<!--mot de passe oublié-->
<a href="#">Mot de passe oublie ?</a>
</div>
<!--Bouton de connexion-->
<div class="btn">
<label >
<input type="submit" value="Se connecter"
class="button" id="b2" name="envoi">
</label>
</div>
<!--espace du Lien vers inscription-->
<div class="register-link">
<!--Lien vers inscription-->
Pas encore de compte ?
<a href="#" class="l">S'inscrire</a></div>
</form>
</div>
<div class="form-box-register">
<!--Formulaire d'inscription-->
<h2>Inscription</h2>
<form action="inscription.php" method="post" id="monFormulaire2" >
<!--Champs de saisies-->

<!-- 1er Champ de saisie-->


<div class="input-boxes">
<input type="text" autocomplete="off" required id="User"
name="pseudo">
<label for="pseudo">Nom d'utilisateur</label>
<span class="span"><img src="bxs-user.png" alt=""></span>
</div>
<!-- 2e Champ de saisie-->
<div class="input-boxes">
<input type="email" autocomplete="off" required id="Email2"
name="email">
<label for="email">Email</label>
<span class="span"><img src="bxl-gmail.png" ></span>
</div>
<!-- 3e Champ de saisie-->
<div class="input-boxes">
<input type="password" required id="Password2" name="password">
<label for="mdp">Mot de passe </label>
<span class="span"><img src="bxs-lock-open-alt.png" ></span>
</div>
<!-- Accepter les termes-->
<div class="remember-forgot">
<!--accepter-->
<label for="accept">
<input type="checkbox" required id="chk" name="accept">
J'accepte les termes et les conditions
</label>
</div>
<label >
<input type="submit" value="S'inscrire" class="button2"
name="inscrit">
</label>
<div class="register-link">
<!--Lien vers inscription-->
Déja un compte ?
<a href="#" class="s">Se connecter</a></div>
</form>
</div>
</div>
<!--Popup d'erreur-->

<div class="popup-container" id="p">


<div class="popup-box">
<h2>
Veuillez remplir tous les champs !
</h2>
<button class="close-button" id="b">Ok</button>
</div>
</div>
</div>
</div>
<!--Popup d'erreur2-->
<div class="popup-container2" id="p">
<div class="popup-box2">
<h2>
Adresse mail ou mot de passe incorrect !
</h2>
<button class="close-button2" id="b">Ok</button>
</div>
</div>
</div>
</div>

<footer><div class="copyright"> Copyright. All rights reserved ©


2024</div></footer>

<script src="Script.js"></script>
<script src="Script2.js"></script>
<script src="Script3.js"></script>
</body>
</html>

You might also like