-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (95 loc) · 4.02 KB
/
index.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
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mehdi Games</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="CSS/style.css">
<link rel="stylesheet" href="CSS/topnav.css">
<link rel="stylesheet" href="CSS/footer.css">
<link rel="stylesheet" href="CSS/loading.css">
<link rel="icon" href="images/bombe.png" type="image/x-icon">
<!--FONT AWESOME-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--GOOGLE FONTS-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Play&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="CSS/under_construction.css">
<style>
.about{
border: 2px solid black;
border-radius: 50px;
width: 80%;
margin-left: 7%;
padding-bottom: 3%;
padding-left: 3%;
padding-right: 3%;
}
.about h3{
text-align: center;
margin-top: 2%;
color:green;
}
h1{
text-align: center;
}
</style>
</head>
<body>
<div class="topnav" id="myTopnav">
<a href="index.html" style="float:left;" ><b><i style="color:green">Mehdi</i>.games</b></a>
<a href="#" id="enable_topnav_link">Jump Game</a>
<a href="jump-game.html" >Jump Game</a>
<a href="hangman_game.html">hangman game</a>
<a href="save_the_ball_menu.html" >Save The Ball</a>
<a href="basketball.html">Basket-Ball</a>
<a href="car_game.html">cars</a>
<a href="under_construction.html">Snake</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<br><br><br><br><br>
<h1><i style="color: green;">Mehdi</i>.games</h1>
<br><br><br>
<div class="about">
<h3>About:</h3>
<br>
<p style="font-size:15px" class="description">
Bonjour, Ceci est site web de jeux en ligne Pour PC, (<strong><i style="color: green;">Mehdi</i>.games </strong>), Créé par <strong> Mr. Mehdi BENREFAD</strong>, Eleve Ingénieur en développement Informatique, le code source des jeux est disponnible sur mon compte github mentionné en bas dans le pied de la page. Si vous trouvez des difficultés en utilisant mon site web, merci de me contacter.
</p>
</div>
<br>
<div>
<div>
<img width="100%" height="800px" src="images/code.png">
</div>
</div>
<h3 style="text-align: center;"><i style="color: green;">Created by:</i> MEHDI BENREFAD</h3>
<br><br><br><br>
<footer>
<div class="footer">
<div class="row">
<a href="https://github.com/Mehdi-Benrefad" target="_blank"><i class="fa fa-github"></i></a>
<a href="#"><i class="fa fa-youtube"></i></a>
<a href="https://www.linkedin.com/in/mehdi-benrefad-353460ba/" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="mailto:[email protected]" target="_blank"><i class="fa fa-google"></i></a>
</div>
<div class="row">
<ul>
<li><a href="#">Our Services</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
</ul>
</div>
<div class="row" style="margin-left: -40%;margin-bottom:0px !important;">
<i class="fa fa-copyright" aria-hidden="true"></i> 2021 Benrefad Mehdi
</div>
</div>
</footer>
</body>
<script src="JS/topnav.js"></script>
</html>