-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
47 lines (45 loc) · 1.71 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style/styleindex.css">
<meta charset="utf-8">
<title>Bio.html</title>
</head>
<body>
<header>
<div class="topnav" id="myTopnav">
<a href="#home">Bio</a>
<a href="histoire.html">Histoire</a>
<a href="musique.html">Musique de flûte</a>
<a href="contact.html">Contact</a>
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">☰</a>
</div>
</header>
<section>
<article class="article1">
<img class="image1" src="http://rumi-app.org/onewebstatic/b55f4222d9-rect4485.png" width="290px" height="400" />
<h2 class="description"><p>Rumi-APP</p><br>Notre buts est de montrer aux gens l'histoire de mevlana jalaluddin rumi et<br> expliquer plus sur ses grands livres, et montrer <br>aussi plus sur les chansons de flûte</h2>
</article>
</section>
<section>
<div class="section2">
<aside><p style="text-decoration: underline;">Musique de flûte</p><iframe width="60%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/103609063&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>
</aside>
<article>
<img src="http://rumi-app.org/onewebstatic/b15b426dc4-01-rumi.jpg"><br>
<p>
Cliquez Ici et <br>lire un résumé à partir <br>de la grande vie de<br> mevlana Al-rumi
</p>
</article>
</div>
</section>
<script type="text/javascript">
function myFunction(){
var x=document.getElementById("myTopnav");
if(x.className=="topnav"){
x.className+=" responsive";
}else{x.className="topnav" ;}
}
</script>
</body>
</html>