-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathCabinGalerie.html
65 lines (63 loc) · 3.41 KB
/
CabinGalerie.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
<!DOCTYPE html>
<html>
<head>
<title>Cabine</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/cabine_style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<div class="menu animated fadeInRight" style=" width: 56%;
height: 100%;
top: 0;
position: fixed;
right: 0;">
<p class="menu-text"><a href="menu.html" style="color:black;"> MENU</a> </p><i class="material-icons" style="color:black;margin-top:1%;">menu</i>
<div class="links" style="background:#0F0F0F" >
<p class="news" style="color:black;">News</p>
<p class="some_text" style="color:black;">Some text</p>
<p class="contact" style="color:black;">contact</p>
<i class="fa fa-facebook fa-1x" aria-hidden="true" style="color:black;"></i>
<i class="fa fa-twitter fa-1x" aria-hidden="true" style="color:black;"></i>
<i class="fa fa-pinterest fa-1x" aria-hidden="true" style="color:black;"></i>
</div>
</div>
<div class="background">
<img src="images/carbine_gallery_back.png" alt="" class="original img-responsive ">
</div>
<div class="pics">
<img src="images/cabine_photo_1.png" alt="" class="img1 animated fadeInRight" style="animation-delay: 1s">
<img src="images/cabine_photo_2.png" alt="" class="img2 animated fadeInRight" style="animation-delay: 1.2s">
<img src="images/cabine_photo_3.png" alt="" class="img3 animated fadeInRight" style="animation-delay: 1.4s">
<img src="images/cabine_photo_4.png" alt="" class="img4 animated fadeInRight" style="animation-delay: 1.6s">
</div>
<div class="text_pics animated fadeInDown">
<h1>nos références</h1>
<p>
Spécialisée dans l’événementiel privé et professionnel notre équipe est connue sur Paris pour sa ligne artistique, son exigence et son souci permanent de qualité et d’efficacité.
</p>
<p>
Après plus de 15 années d'existence, nous comptons un bon nombre de partenaires de prestige qui placent leur confiance en notre agence et évoluent avec nous. Parmi eux Le Ritz, Le Royal Monceau, The Kooples, Marie-Claire, Sephora, J-Crew, Vuitton, Yahoo, Orange et Sarenza.
</p>
<p>
Tous ont été heureux d’offrir à leurs clients ou leurs équipes une animation originale, ludique et récréative.
Nous recherchons à élargir nos horizons et nous sommes toujours ravis d’apporter notre expertise et notre savoir-faire.
</p>
<div class="btn ">
<button class="animated fadeInUp">présentation</button>
<button class="btn2 animated fadeInUp">prestations</button>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.2.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.js"></script>
</body>
</html>