-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
187 lines (169 loc) · 8.28 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
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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CHOCOCAM</title>
<!-- Favicon -->
<link rel="icon" href="images/favicon.png" type="image/x-icon" />
<!-- Bootstrap CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Animate CSS -->
<link href="vendors/animate/animate.css" rel="stylesheet">
<!-- Icon CSS-->
<link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css">
<!-- Camera Slider -->
<link rel="stylesheet" href="vendors/camera-slider/camera.css">
<!-- Owlcarousel CSS-->
<link rel="stylesheet" type="text/css" href="vendors/owl_carousel/owl.carousel.css" media="all">
<!--Theme Styles CSS-->
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Preloader -->
<div class="preloader"></div>
<!-- Top Header_Area -->
<section class="top_header_area">
<div class="container">
<ul class="nav navbar-nav top_nav">
<li><a href="#"><i class="fa fa-phone"></i>+237 233 37 66 80</a></li>
<li><a href="#"><i class="fa fa-envelope-o"></i>[email protected]</a></li>
<li><a href="#"><i class="fa fa-clock-o"></i>Lun - Sam 8:00 - 20:00</a></li>
</ul>
<ul class="nav navbar-nav navbar-right social_nav">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
</section>
<!-- End Top Header_Area -->
<!-- Header_Area -->
<nav class="navbar navbar-default header_aera" id="main_navbar">
<div class="container">
<!-- searchForm -->
<div class="searchForm">
<form action="#" class="row m0">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
<input type="search" name="search" class="form-control" placeholder="Type & Hit Enter">
<span class="input-group-addon form_hide"><i class="fa fa-times"></i></span>
</div>
</form>
</div><!-- End searchForm -->
<!-- Brand and toggle get grouped for better mobile display -->
<div class="col-md-2 p0">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#min_navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="images/logo_chococam.png" alt="Chococam"></a>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="col-md-10 p0">
<div class="collapse navbar-collapse" id="min_navbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Accueil</a></li>
<li><a href="about.html">Qui sommes nous</a></li>
<li><a href="#">Nos marques</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="#">Carrier</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="#" class="nav_searchFrom"><i class="fa fa-search"></i></a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</div><!-- /.container -->
</nav>
<!-- End Header_Area -->
<!-- Banner area -->
<section class="banner_area" data-stellar-background-ratio="0.5">
<h2>QUI NOUS SOMMES</h2>
<ol class="breadcrumb">
<li><a href="index.html">ACCUEIL</a></li>
<li><a href="#" class="active">QUI NOUS SOMMES</a></li>
</ol>
</section>
<!-- End Banner area -->
<!-- About Us Area -->
<section class="about_us_area row">
<div class="container">
<div class="tittle wow fadeInUp">
<h2>QUI NOUS SOMMES</h2>
<h4>CHOCOCAM</h4>
</div>
<div class="row about_row">
<div class="col-md-5 col-sm-6 about_client about_pages_client">
<img src="images/about.jpg" alt="">
</div>
<div class="who_we_area col-md-7 col-sm-6">
<div class="subtittle">
<h2>QUI NOUS SOMMES`</h2>
</div>
<p>La Chocolaterie Confiserie du Cameroun (CHOCOCAM) née en 1965, débute effectivement ses activités en 1967. Elle est la première unité de transformation de pâte de cacao en chocolats et de fabrication des produits de confiserie en Afrique subsaharienne. Elle est spécialisée dans la production et la distribution de chocolats à croquer, de poudre de déjeuner, des pâtes à tartiner et de confiserie. De partenariat en partenariat, CHOCOCAM a grandi tant du point de vue de son capital, de sa capacité de production qu’au niveau de ses ressources humaines. Cette évolution aboutit en 2008 au rachat de CHOCOCAM par le géant Sud-Africain spécialisé dans les produits d’alimentation et de santé : TIGER BRANDS LIMITED. CHOCOCAM devient ainsi une filiale de TIGER BRANDS LIMITED et prend désormais le nom de CHOCOCAM-TIGER BRANDS, « ADDING VALUE TO LIFE ».</p>
<a href="#" class="button_all">Contactez</a>
</div>
</div>
</div>
</section>
<!-- End About Us Area -->
<!-- call Area -->
<section class="call_min_area">
<div class="container">
<h2>+237 233 37 66 80</h2>
<p>Contactez nous.</p>
</div>
</section>
<!-- End call Area -->
<!-- Our Partners Area -->
<section class="our_partners_area">
<div class="book_now_aera">
</div>
</section>
<!-- End Our Partners Area -->
<!-- Footer Area -->
<div class="container">
<footer class="footer_area">
<div class="copyright_area">
© Copyright 2017 All rights reserved. une compagnie de Tiger brand
<a class="navbar-brand" href="index.html"><img src="images/logo-tb.png" alt="Chococam" height="80px"></a>
</div>
</div>
</footer>
<!-- End Footer Area -->
<!-- jQuery JS -->
<script src="js/jquery-1.12.0.min.js"></script>
<!-- Bootstrap JS -->
<script src="js/bootstrap.min.js"></script>
<!-- Animate JS -->
<script src="vendors/animate/wow.min.js"></script>
<!-- Camera Slider -->
<script src="vendors/camera-slider/jquery.easing.1.3.js"></script>
<script src="vendors/camera-slider/camera.min.js"></script>
<!-- Isotope JS -->
<script src="vendors/isotope/imagesloaded.pkgd.min.js"></script>
<script src="vendors/isotope/isotope.pkgd.min.js"></script>
<!-- Progress JS -->
<script src="vendors/Counter-Up/jquery.counterup.min.js"></script>
<script src="vendors/Counter-Up/waypoints.min.js"></script>
<!-- Owlcarousel JS -->
<script src="vendors/owl_carousel/owl.carousel.min.js"></script>
<!-- Stellar JS -->
<script src="vendors/stellar/jquery.stellar.js"></script>
<!-- Theme JS -->
<script src="js/theme.js"></script>
</body>
</html>