-
Notifications
You must be signed in to change notification settings - Fork 29
/
home.html
107 lines (102 loc) · 7.04 KB
/
home.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Pull Request DWWM</title>
</head>
<body>
<h1> DWWM Pull Request Challenge </h1>
<!--
Ajoutez votre nom et prénom dans un des 29 div ci-dessous et faites
un Pull Request (PR) pour intégrer vos changements sur le répo en ligne.
-->
<!--
Vous ne pouvez changer le style de votre case qu'avec CSS inline.
Les PR avec changement dans le fichier styles.css ne seront pas validés.
Les PR avec changement d'une case déjà utilisée par un autre apprennat ne sront pas validés.
-->
<div class="wrapper">
<div class="grid-item" style="border: 3px solid salmon; background-color: turquoise; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;"> Akoua Awoudja</div>
<div class="grid-item"style="background-color: pink;"> AKAKPO Yawa </div>
<div class="grid-item" style="background-color:greenyellow; border:solid 5px rgb(255, 60, 0);"><h2 style="background-color:rgb(255, 60, 0);">JOSIAS APELETE</h2></div>
<div class="grid-item" style="background-image: url(photo\ profil.jpeg);background-size: cover;text-align: center;color: white;text-shadow: 1px 2px 3px black;font-size: 2em;"> SAMIE PINAM-NEWE</div>
<div class="grid-item" style="background-image:url(fefe2.jpg); background-position: center;background-size: cover;background-repeat: no-repeat; ">
<h1 style="color: rgba(236, 218, 218, 0.808);">Hello I'm Féikandine</h1>
<h3 style="color: aliceblue;">A web-dev junior</h3>
</div>
<div class="grid-item" style="background-color: violet; padding:60px; font-family: Verdana, Geneva, Tahoma, sans-serif;">Seth Kokou SODJI</div>
<div class="grid-item"></div>
<!-- START OF JO O'KHAFOR SECTION-->
<div class="grid-item" style="
height: 150px;
background: rgb(64 145 126) 58% 85px / contain no-repeat url(bg-okhafor.png);
font-family: Arial, Helvetica, sans-serif;
color: white;
position: relative; ">
<hgroup style="
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%)">
<h3 style="
font-size: 14px;
font-weight: 100;">Hello There... </h3>
<h1 style="font-size: 25px;">I'm <br> Jo O'Khafor</h1>
</hgroup>
</div>
<!-- START OF JO O'KHAFOR SECTION-->
<div class="grid-item" style="background-image:url(image.jpg);">ABLA SANDRINE TOHE</div>
<div class="grid-item"
style="background-image:url(2.png);
background-size: 250px;
color: rgb(255, 187, 0);
font-size: 2em;
font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
background-position: center;">Nora da SILVEIRA</div>
<!--------------------------------------------------------------------------------------->
<div class="grid-item" style="border: aquamarine;background-color: chartreuse;border-radius: 10%; border: solid 2px; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; " >DOUTI JEAN-DAVID</div>
<div class="grid-item"></div>
<div class="grid-item" style="background-image:url(ezok.jpg); font-size:1rem; background-size:120px;color: rgba(44, 5, 5, 0.979);overflow-y:scroll ;"> <h1>EZOUN Victor(ezok)</h1></div>
<div class="grid-item" style="background-image:url(tina.jpg) ;background-size:cover;background-repeat: no-repeat;background-position:auto;">ZOKPODO Akossiwa Augustine</div>
<div class="grid-item" style="background-color: aqua;">
<label for="profil"><img src="profil.jpg" alt="mon profil" style="border-radius: 100px;"></label>
<label for="nom" style="color:navy;font-family:oswald sans-serif; font-weight: bold; font-size: 35px;">GNONIKE</label>
<label for="prenom" style="color:crimson;font-family:oswald sans-serif; font-weight: bold; font-size: 35px;">Esso-solam</label>
<label for="profession" style="color:white;font-family:oswald sans-serif; font-weight: bold; font-size: 25px;">Spécialiste en DWWM</label>
</div>
<div class="grid-item" style="background-image:url(félicité.jpeg); background-size:contain; background-repeat: no-repeat; background-position:center; color: white; font-weight: bolder;">Amenuvevegà GAGAH</div>
<div class="grid-item"style="background-image:url(im.jpeg); background-size:cover; background-repeat: no-repeat; background-position:center; color: white; font-weight: bold;" >NADA-ABI Tawfik</div>
<div class="grid-item" style="background-color: blue;">EHO GLORIA</div>
<div class="grid-item" style="background-color: brown; border-radius: 2px; background-image: url(bg.jpg);background-size: contain;color: rgb(8, 8, 4); ; "> <h1>ABALO SYLVIE</h1></div>
<div class="grid-item"
style="background-color: rgb(255, 217, 0);
border: 5px solid gray;
font-size: 1.5em;
letter-spacing: 0;
line-height: 25px;
font-weight: 900;">Sylvio de SOUZA
<h6>Je suis développeur</h6></div>
<!--------------------------------------------------------------------------------------->
<div class="grid-item" style="text-align: center;background-color: blueviolet;color: white;">Lotyé AWESSO</div>
<div class="grid-item" style="background: linear-gradient(45deg,blue, yellow,aqua);font-size: 2em;">Hubert ALOGBODZI</div>
<div class="grid-item" style="background-color: rgb(223, 224, 215);">
<h1 style="color: white; font-weight: bold;">TCHALARE</h1>
<h2 style="color: white;">Wassilatou</h2>
<h3>Dev Web</h3>
</div>
<div class="grid-item" style="background-color: brown;color: yellow;border-radius: 50px;"><h2>AFO ABDEL FADIL</h2><p>"Je suis developpeur Web/Web Mobile"</p></div>
<div class="grid-item"></div>
<div class="grid-item" style="background-image: repeating-radial-gradient(rgb(34, 34, 238),white,rgb(124, 3, 3));font-size: 40px;color: rgb(107, 4, 90);">N'DJAO Massah</div>
<div class="grid-item" style="background-image:url(woman-free.webp);;font-size: 2rem;color: rgb(178, 209, 0);border-radius: 250px;">ouro-kpante djamilatou</div>
<div class="grid-item" style="background-color: aqua; padding: 60px;"> HOUNAKE Dédé Jetrude-Antoinette</div>
<div class="grid-item" style="background-color: aquamarine;"> <h1>blessing ATCHRIMI</h1></div>
<div class="grid-item">
<h2>ADZOHONOU K. Apelete</h2>
<p>I'm a Web Junior Developer</p>
</div>
</div>
</body>
</html>