-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
154 lines (143 loc) · 11.2 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE HTML>
<html lang='fr'>
<head>
<title>Booxchange.com</title>
<meta charset='utf-8' />
</head>
<link rel='icon' href='assest/img/favicon.png'>
<link href="assest/css/bootstrap.css" rel="stylesheet" >
<link href='assest/css/index-style.css' rel='stylesheet'>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2? family=Fredoka+One&family=Open+Sans:ital,wght@0,300;0,700;0,800;1,300&family=Roboto:ital,wght@0,500;1,300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500&display=swap" rel="stylesheet">
<body>
<nav class='navbar navbar-expand-lg navbar-light bg-light p-2'>
<a href='index.php' class='navbar-brand p-2 brandlogo'>BOOXCHANGE</a>
<button class='navbar-toggler' data-toggle='collapse' data-target='#navbarm'>
<span class='navbar-toggler-icon'></span>
</button>
<div class='collapse navbar-collapse'>
<div class='sep'></div>
</div>
<div class='collapse navbar-collapse' id='navbarm'>
<ul class='navbar-nav mx-auto' style="margin-left: 0;">
<li class='nav-items p-1'>
<a href='home.php' ></a>
</li>
<li class='nav-items p-1'>
<a href='#' ></a>
</li>
<li class='nav-items p-1'>
<a href='#' ></a>
</li>
<li class='nav-items p-1'>
<a href='#' ></a>
</li>
<!--
<li class='nav-items dropdown'>
<a class='nav-link dropdown-toggle' href='#' id='dropdownnav' data-toggle='dropdown'>Links</a>
<div class='dropdown-menu ' aria-labelledby='dropdownnav'>
<ul>
<li><a class='dropdowm-item' href=''>Facebook</a></li>
<li><a class='dropdowm-item' href=''>Instagram</a></li>
<li><a class='dropdowm-item' href=''>Twiter</a></li>
<li><a class='dropdowm-item' href=''>Amazon Books</a></li>
</ul>
</div>
</li>
-->
</ul>
<form class='form-inline d-flex'>
<a href='login.php' class=' texttext'>Se Connecter</a>
<div class='sep2'></div>
<a href='reg.php' class='texttext'>Inscrivez-vous</a>
</form>
</div>
</nav>
<div class='bodysep'></div>
<div class='bodyimage'>
<div class='textinimage'>
<h1>Bienvenue dans Booxchange Programme</h1>
<h4>Votre espace online pour trouver, partager et échanger des livres</h4>
<div class='container'>
<div class="row">
<div class='col-6'>
<center><a href="login.php"><button class="loginbtn">Connexion</button></a></center>
</div>
<div class='col-6'>
<center><a href="reg.php" ><button class="regbtn">S'inscrire</button></a></center>
</div>
</div>
<div class='row'>
<div class='col-12'>
<a class='passwordresetlink' href="resetpassword.php">mot de passe oublié?</a>
</div>
</div>
</div>
</div>
</div>
<div class='websitedef'>
<div class='title'>Booxchange Programme</div>
<div class='bookswap'>
<img class='bookswapimage' src="assest/img/Bookswap.jpg">
</div>
<div class='def'>
<p><p1 class='subtitle'>Qu'est-ce que Bookxchange?</p1></p>
<p><p2> Il s'agit d'une plate-forme électronique dédiée aux amateurs de lecture qui facilite le processus de partage et d'échange de livres de l'utilisateur, ainsi que de faire connaissance avec des personnes partageant la même passion.</p2></p>
<p><p1 class='subtitle'>Comment l'utiliser?</p1></p>
<p><p2> Notre plateforme est simple d'utilisation, Tout ce que vous avez à faire est en seulement 3 étapes: Créez un compte, connectez-vous, et parcourez vos livres préférés</p2></p>
</div>
<div class='container bg-dark my-footer'>
<div class="row p-1">
<div class=' col-md-12 col-sm-4 col-lg-4 col-xs-12 my-footer-col'>
à Propos de nous
<div class='footersep'></div>
<div class='footer-description'>
<h5>BOOXCHANGE</h5>
<p>Votre espace online pour trouver, partager et échanger des livres</p>
</div>
</div>
<div class=' col-md-12 col-sm-4 col-lg-4 col-xs-12 my-footer-col'>
Commencer
<div class='footersep' ></div>
<div class='footer-description'>
<p style='margin-top: 1.3rem;'>Connectez-vous maintenant et rejoignez notre communauté gratuitement</p>
<a href='reg.php' ><button class="footer-reg-btn" >Inscrivez-vous</button></a>
</div>
</div>
<div class='col-md-12 col-sm-4 col-lg-4 col-xs-12 my-footer-col'>
Contact Info
<div class='footersep' ></div>
<div class='footer-description'>
<div class='my-footer-icons' >
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/>
</svg> <a href='mailto:booxchange@gmail.com' style="color: white" > @booxchange</a>
</div>
<div class='my-footer-icons' >
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg> <a class="text-light" href="https://facebook.com/ayoub.fx.dev" >Facebook</a>
</div>
<div class='my-footer-icons' >
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg> <a class='text-light' href="https://twitter.com/" >Twiter</a>
</div >
<div class='my-footer-icons' >
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg> <a class='text-light' href="https://www.instagram.com/ayoube.abe" >Instagram</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 text-center bg-danger text-dark copyrightbanner">
Copyright BOOXCHANGE © 2021. Tous les droits sont réservés.
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
</body>
</html>