-
Notifications
You must be signed in to change notification settings - Fork 24
/
about1.html
58 lines (57 loc) · 4.26 KB
/
about1.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
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="about.css">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cinzel&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
</head>
<body>
<!--Navbar start-->
<nav class="navbar navbar-expand-lg fixed-top">
<a class="navbar-brand" href="#"><span class="display-5 font-weight-bold text-light" style="font-size: 20px;">MAGICAL-FLUTE</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse ml-5" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item m-3">
<a class="btn btn-outline-warning btn1" href="param.html" style="font-size: 15px;">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item m-3">
<a class="btn btn-outline-warning btn2" href="about.html" style="font-size: 15px;">About</a>
</li>
<li class="nav-item m-3">
<a class=" btn btn-outline-warning btn3" href="contact.html" style="font-size: 15px;">Contact</a>
</li>
<li class="nav-item m-3">
<a class=" btn btn-outline-warning" href="#" style="font-size: 15px;">Developers</a>
</li>
</ul>
</div>
</nav>
<!-- Navbar ended -->
<center><img src="images/flute2.jpeg" width="300" height="300" style="margin-top: 70px; border-radius: 10px;"></center> <br>
<h1 align="center"><span class="badge badge-warning" style="font-size: 30px;">FLUTE</span></h1>
<div class="jumbotron text-center">
<div id="fact">
<p>
<h2>The earliest example of a Western end-blown flute was discovered in 2008 at Hohle Fels cave near Ulm, Ger. The flute, made from the bone of a griffin vulture, has five finger holes and measures about 8.5 inches (22 cm) long. It is thought to be at least 35,000 years old. Discoveries elsewhere in southwestern Germany yielded other flutes thought to be of similar age.
The characteristic flute of Western music is the transverse flute held sideways to the right of the player. It was known in ancient Greece and Etruria by the 2nd century BCE and was next recorded in India, then China and Japan, where it remains a leading wind instrument. In the 16th century the tenor flute, pitched in G, was played in consort with descant and bass flutes (pitched in D and C respectively). All were typically of boxwood with six finger holes and no keys, semitones being made by cross-fingering (uncovering the holes out of sequence), and retained the cylindrical bore of their Asiatic bamboo relatives. These 16th-century flutes were made obsolete late in the 17th century by the one-keyed conical flute, probably conceived by the celebrated Hotteterre family of makers and players in Paris. A conical flute is made in separate joints, the head joint being cylindrical, the others contracting toward the foot. Two joints were common in the 18th century, the upper being supplied in alternate lengths for tuning purposes. The instrument was known then as the flauto traverso, traversa, or German flute, as distinct from the common flute, usually called the recorder.
</h2>
</p>
<hr class="my-5">
<a class="btn btn-outline-dark float-left" href="about.html"><i class="material-icons">arrow_back_ios</i>
<a class="btn btn-outline-dark float-right" href="about2.html"><i class="material-icons">arrow_forward_ios</i></a>
</div>
</body>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="magical-flute.js"></script>
</html>