-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
123 lines (106 loc) · 5.34 KB
/
about.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
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Pilates Marseille</title>
<link rel="icon" type="image/png" href="img/favicon.png"/>
<!-- Change: Added Bootstrap CSS link (it's therefore not using the downloaded version coming with the template, but the CDN) -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<!-- Links to Google fonts -->
<link href="https://fonts.googleapis.com/css?family=Gaegu" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Tajawal" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet">
<!-- Fontawesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
<!-- Custom style -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg fixed-top">
<a class="navbar-brand ml-5" href="index.html">Pilates Marseille</a>
<!-- Toggler -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
<span>
<i class="fas fa-bars"></i>
</span>
</button>
<!-- Navs -->
<div class="collapse navbar-collapse" id="navbarToggler">
<ul class="navbar-nav ml-auto mr-5">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="schedule.html">Schedule</a>
</li>
<li class="nav-item">
<a class="nav-link" href="prices.html">Prices</a>
</li>
<li class="nav-item active">
<a class="nav-link current" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<section class="about">
<div class="container py-3">
<h2 class="text-center">What?</h2><br/>
<p class="text-center">Pilates is a physical fitness system developed in the early 20th century by Joseph Pilates, after whom it was named. Pilates called his method "Contrology".It is practiced worldwide, and especially in western countries such as Canada, the United States and the United Kingdom. As of 2005, there were 11 million people practicing the discipline regularly and 14,000 instructors in the United States.(source:Wikipedia)</p><br/>
<h2 class="text-center">Who?</h2><br/>
<figure>
<img src="img/about.jpeg" alt="friends"/>
</figure>
<p class="text-center">Some text about the instructors...</p><br/>
<a id="showmap"></a>
<h2 class="text-center">Where?</h2><br/>
<div class="row text-center mx-auto p-1">
<div class="about-location container col-sm-4">Our studio is located at the heart of Marseille: Enter address...</div>
<div id="map" class="container col-sm-6"></div>
</div>
</div>
</section>
<footer class="footer">
<div class="container-fluid py-2">
<span>
Contact us!<br/>
<a href="mailto:pilates.mrs@gmail.com"><i class="fas fa-at"></i> </a>
<a href="#"><i class="fab fa-facebook-square"></i> </a>
<a href="#"><i class="fab fa-instagram"></i></a><br/>
Copyright © 2018 Fanny Kassapian
</span>
</div>
</footer>
<!-- Bootstrap JavaScript -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<!-- Google maps API: changed API key -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDkdITxZw6eZgtDAztqFiez7Fd13YC_-A&callback=initMap"
async defer>
</script>
<!-- JavaScript for map: changed coordinates -->
<script>
function initMap() {
var uluru = {lat: 43.261030, lng: 5.381933};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10, //changed default zoom from 4 to 10
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
}
</script>
</body>
</html>