-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout_fr.html
150 lines (150 loc) · 6.46 KB
/
about_fr.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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<!--
name:
Current Date:
File name: About page
-->
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>À propos de Sweet Symphony</title>
<meta name="description" content="À propos de la société de planification de mariage Sweet Symphony">
<meta name = "keywords" content = "Planificateur, Mariage, Sweet Symphony">
<link rel="stylesheet" href="css/main.css" >
<link rel="stylesheet" href="css/about.css" >
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon_io/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon_io/favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="images/favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="images/favicon_io/android-chrome-192x192.png">
<link rel="icon" sizes="512x512" href="images/favicon_io/android-chrome-512x512.png">
</head>
<body>
<!-- language selector -->
<div class="language-selector">
<a href="about.html" hreflang="en">English</a>
</div>
<!-- header -->
<div class="container-xl web-header">
<div class="row align-items-center custom-row-width">
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<div class="logo">
<img src="images/logo.png" alt="Sweet Symphony">
</div>
</div>
<div class="d-none d-md-block col-sm-6 col-md-8 col-lg-7 nav">
<ul class="menu">
<li><a href="index_fr.html">ACCUEIL</a></li>
<li><a href="services_fr.html">SERVICES</a></li>
<li><a href="gallery_fr.html">GALERIE</a></li>
<li><a href="about_fr.html">À PROPOS</a></li>
<li><a href="contact_fr.html">CONTACT</a></li>
</ul>
</div>
<div class="d-md-none col-xs-12 col-sm-6 col-md-8 col-lg-7">
<div class="dropdown">
<button class="dropbtn">☰ MENU</button>
<div class="dropdown-content">
<a href="index_fr.html">ACCUEIL</a>
<a href="services_fr.html">SERVICES</a>
<a href="gallery_fr.html">GALERIE</a>
<a href="about_fr.html">À PROPOS</a>
<a href="contact_fr.html">CONTACT</a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-3 search-col">
<div class="search-bar">
<img src="images/magnifier.png" alt="Recherche">
<input id="searchInput" type="text" placeholder="Recherche...">
</div>
</div>
</div>
</div>
<!-- main content -->
<div class="container-xl about">
<div class="row align-items-center custom-row-width">
<div class="col-sm-12 col-md-6 col-lg-12">
<h2>Notre objectif</h2>
<p style="font-weight: 300;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio, officiis fugit asperiores magnam beatae laudantium ipsa magni error cum ipsam, eligendi repellat accusantium optio maiores eaque nam harum? Illum, vitae voluptas! Architecto eos animi fuga ad dicta vel culpa nesciunt ex maxime quam quasi, minima, blanditiis repellendus quis quisquam mollitia?</p>
</div>
<div class="col-sm-12 col-md-6 col-lg-12 text-right">
<h2>Notre partenaire</h2>
<p style="font-weight: 300;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio, officiis fugit asperiores magnam beatae laudantium ipsa magni error cum ipsam, eligendi repellat accusantium optio maiores eaque nam harum? Illum, vitae voluptas! Architecto eos animi fuga ad dicta vel culpa nesciunt ex maxime quam quasi, minima, blanditiis repellendus quis quisquam mollitia?</p>
</div>
</div>
<div class="row align-items-center custom-row-width">
<div class="col">
<a href="#" target="_blank">
<img src="images/logo/logo1.png" alt="logo1" title="Big Bit Donuts">
</a>
<a href="#" target="_blank">
<img src="images/logo/logo2.png" alt="logo2" title="Sacha Dubois Photography">
</a>
<a href="#" target="_blank">
<img src="images/logo/logo3.png" alt="logo3" title="Alicia Taylor Nail Designer">
</a>
<a href="#" target="_blank">
<img src="images/logo/logo4.png" alt="logo4" title="Korina Wilson Wedding Planner">
</a>
<a href="#" target="_blank">
<img src="images/logo/logo5.png" alt="logo5" title="Cotton Candy">
</a>
<a href="#" target="_blank">
<img src="images/logo/logo6.png" alt="logo6" title="Studio Shodwe">
</a>
<a href="#" target="_blank">
<img src="images/logo/logo7.png" alt="logo7" title="Olivia Wilson Beauty">
</a>
<a href="#" target="_blank">
<img src="images/logo/logo8.png" alt="logo8" title="Borcelle Flower Shop">
</a>
<a href="#" target="_blank">
<img src="images/logo/logo9.png" alt="logo9" title="Bailey Dupont Wedding Organizer">
</a>
</div>
</div>
</div>
<!-- footer -->
<footer class="footer">
<div class="contact-info">
<div class="column">
<p><strong>Adresse :</strong></p>
<p>123 Main St.</p>
<p>Montréal, QC</p>
<p>Y7K9L3</p>
</div>
<div class="column">
<p><strong>Téléphone :</strong></p>
<p>123-456-78890</p>
</div>
<div class="column">
<p><strong>Heures d'ouverture :</strong></p>
<p>Lun-Jeu</p>
<p>10h00-17h00</p>
</div>
</div>
<div class="copyright">
<p>© Copyright 2024, Sweet Symphony</p>
</div>
<div class="social-media">
<a href="mailto:[email protected]" target="_blank">
<img src="images/E-mail.png" alt="email">
</a>
<a href="http://facebook.com/" target="_blank">
<img src="images/facebook.png" alt="facebook">
</a>
<a href="http://twitter.com/" target="_blank">
<img src="images/twitter.png" alt="twitter">
</a>
<a href="http://instagram.com/" target="_blank">
<img src="images/Instagram.png" alt="instagram">
</a>
</div>
</footer>
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
</body>
</html>