-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 48a1fd2
Showing
19 changed files
with
23,260 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,63 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Login</title> | ||
| </head> | ||
| <body> | ||
|
|
||
| </body> | ||
| </html><!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Contact</title> | ||
| <link rel="stylesheet" href="bootstrap.css"> | ||
| <link rel="stylesheet" href="style.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div> | ||
| <h6 style="font-size: 2.5rem; color: beige;"><span style="color: rgb(146, 22, 130);">S</span>ANGANA <span style="color: rgb(146, 22, 130);">B</span>EYA</h6> | ||
| </div> | ||
| <nav> | ||
| <a href="index.html">Accueil</a> | ||
| <a href="article.html">Articles</a> | ||
| <a href="contact.html">Contact</a> | ||
| <a href="apropos.html">A propos</a> | ||
| <a href="login.html">Connexion</a> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <section style="display: flex; justify-content: center;"> | ||
| <div style="width: 30%; border: 1px solid black; border-radius: 5px; margin-top: 20px; background-color: rgba(240, 255, 255, 0.534);"> | ||
| <form action=""> | ||
| <h3 style="text-align: center; margin: 30px;">Achat</h3> | ||
| <div style="margin: 20px 40px; display: flex; justify-content: space-between;"> | ||
| <label for="">Quatite</label> | ||
| <input type="number" style="border: 1px solid rgb(18, 75, 75); padding: 5px; outline: none; border-radius: 5px;"> | ||
| </div> | ||
| <div style="margin: 20px 40px; display: flex; justify-content: space-between;"> | ||
| <label for="">Moyen de paiement</label> | ||
| <select name="" id="" style="border: 1px solid rgb(18, 75, 75); padding: 5px; outline: none; border-radius: 5px; width: 190px;"> | ||
| <option value="">M-pesa</option> | ||
| <option value="">Orange Money</option> | ||
| <option value="">Airtel Money</option> | ||
|
|
||
| <option value="">Master Card</option> | ||
| <option value="">Visa</option> | ||
| </select> | ||
| </div> | ||
| <div style="margin: 20px 40px; display: flex; justify-content: center;"> | ||
| <input type="submit" style="padding: 10px 20px;" value="Achat"> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| </section> | ||
|
|
||
| <script src="bootstrap.bundle.js"></script> | ||
| <script src="bootstrap.js"></script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Contact</title> | ||
| <link rel="stylesheet" href="bootstrap.css"> | ||
| <link rel="stylesheet" href="style.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div> | ||
| <h6 style="font-size: 2.5rem; color: beige;"><span style="color: rgb(146, 22, 130);">S</span>ANGANA <span style="color: rgb(146, 22, 130);">B</span>EYA</h6> | ||
| </div> | ||
| <nav> | ||
| <a href="index.html">Accueil</a> | ||
| <a href="article.html">Articles</a> | ||
| <a href="contact.html">Contact</a> | ||
| <a href="apropos.html">A propos</a> | ||
| <a href="login.html">Connexion</a> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <section style="display: flex; justify-content: center;"> | ||
| <div style="width: 30%; border: 1px solid black; border-radius: 5px; margin-top: 20px; background-color: rgba(240, 255, 255, 0.534);"> | ||
| <h1 style="text-align: center; margin-bottom: 30px; text-decoration: underline;">A propos</h1> | ||
| <div style="width: 65%; margin: 30px auto;"> | ||
| <p style="text-align: center;">ce site a été developpé par SANGANA BEYA pour le Travail pratique dans cadre de cours de la programmation web 1 dispensé par l'assistant Didi TSHIMPANGA</p> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <script src="bootstrap.bundle.js"></script> | ||
| <script src="bootstrap.js"></script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,59 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Articles</title> | ||
| <link rel="stylesheet" href="bootstrap.css"> | ||
| <link rel="stylesheet" href="style.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div> | ||
| <h6 style="font-size: 2.5rem; color: beige;"><span style="color: rgb(146, 22, 130);">S</span>ANGANA <span style="color: rgb(146, 22, 130);">B</span>EYA</h6> | ||
| </div> | ||
| <nav> | ||
| <a href="index.html">Accueil</a> | ||
| <a href="article.html">Articles</a> | ||
| <a href="contact.html">Contact</a> | ||
| <a href="apropos.html">A propos</a> | ||
| <a href="login.html">Connexion</a> | ||
| </nav> | ||
| </header> | ||
| <div class="container"> | ||
| <div class="row my-3"> | ||
| <div class="col-4"> | ||
| <img src="img/category-3.jpg" alt="" style="width: 300px; border-radius: 8px;"> | ||
| <div> | ||
| <h5 style="color: white;">Prix: 15$</h5> | ||
| </div> | ||
| <div style="margin-top: 20px;"> | ||
| <a href="achat.html" class="btn_achat">Achat</a> | ||
| </div> | ||
| </div> | ||
| <div class="col-4"> | ||
| <img src="img/gallery-2.jpg" alt="" style="width: 300px; border-radius: 8px;"> | ||
| <div> | ||
| <h5 style="color: white;">Prix: 10$</h5> | ||
| </div> | ||
| <div style="margin-top: 20px;"> | ||
| <a href="achat.html" class="btn_achat">Achat</a> | ||
| </div> | ||
| </div> | ||
| <div class="col-4"> | ||
| <img src="img/product-8.jpg" alt="" style="width: 300px; border-radius: 8px;"> | ||
| <div> | ||
| <h5 style="color: white;">Prix: 50$</h5> | ||
| </div> | ||
| <div style="margin-top: 20px;"> | ||
| <a href="achat.html" class="btn_achat">Achat</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <script src="bootstrap.bundle.js"></script> | ||
| <script src="bootstrap.js"></script> | ||
| </body> | ||
| </html> |
Oops, something went wrong.