-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
186 lines (176 loc) · 11.4 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
<!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.0">
<title>Bicc open door</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
<script defer src="capstoneAbout.js"></script>
</head>
<body>
<header class="w-100">
<div class="pc noir container-fluid pe-5">
<div class="d-flex flex-row-reverse bd-highlight pe-5 bg-transparent me-5">
<div class="p-2 bd-highlight bg-transparent gry">Lougout</div>
<div class="p-2 bd-highlight bg-transparent gry">My Page</div>
<div class="p-2 bd-highlight bg-transparent gry">English</div>
<a class="p-2 bd-highlight bg-transparent" href="https://www.facebook.com/profile.php?id=100090087969071"><i class="fab fs-5 fa-facebook me-3 gry bg-transparent"></i></a>
<a class="p-2 bd-highlight bg-transparent" href="https://www.youtube.com/@biccfromgoma"><i class="fab fs-5 fa-youtube fa-2x me-3 gry bg-transparent"></i></a>
<a class="p-2 bd-highlight bg-transparent" href="https://www.instagram.com/biccfromgoma/"><i class="fab fa-instagram fs-5 me-3 gry bg-transparent"></i></a>
</div>
</div>
<nav class="container-fluid bg-white w-100" id="fixD">
<div class="row bg-transparent">
<div class="col-4 bg-transparent ps-5">
<a href="index.html" class="bg-transparent"><img src="photo/logo.png" id="photo" class="img-fluid h-100 padLeft" alt="logo"></a>
</div>
<div class="col-8 bg-transparent navPad">
<div class="d-flex flex-row-reverse bd-highlight pe-5 bg-transparent me-5">
<a class=" bd-highlight bg-transparent rougesimple text-decoration-none borderRouge pt-1 pb-1 mt-3 ps-3 pe-3 margA">BICC compagn</a>
<a class="ps-2 bd-highlight bg-transparent noirfont text-decoration-none margA">News</a>
<a class="ps-2 bd-highlight bg-transparent noirfont text-decoration-none margA">Sponsor</a>
<a class="ps-2 bd-highlight bg-transparent noirfont text-decoration-none margA">Join</a>
<a class="ps-2 bd-highlight bg-transparent noirfont text-decoration-none margA">Program</a>
<a class="ps-2 rougesimple bd-highlight bg-transparent text-decoration-none margA" href="about.html">About</a>
</div>
</div>
</div>
</nav>
<nav class="navbar navbar-expand-sm noirfont bg-transparent w-100 navbar-white" id="fixM">
<div class="container-fluid">
<button class="navbar-toggler mb-2 bg-light" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar" >
<span class="navbar-toggler-icon" id="menu"></span>
<span class="fs-1 noVisible" id="cross">✗</span>
</button>
<!--<a class="navbar-brand noVisible fs-1" href="#" id="cross">✗</a>-->
<div class="collapse navbar-collapse bg-light" id="collapsibleNavbar">
<ul class="navbar-nav" id="descendant">
<li class="nav-item" id="homeVer">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item" id="aboutVer" >
<a class="nav-link" href="about.html">About</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<div class="about" id="aboutM">
<section class="partieAb pt-5">
<h2 class="pt-5 ms-3 rouge text-center">"Hello everone, welcome to :"<br></h2>
<h1 class="ms-3 mb-4 rouge text-center display-3">Open house BICC 2022</h1>
<div class="bg-transparent mb-4 p3-5"><hr class="hrrouge"> </div>
<p class="text-center p-3 ms-3 me-3 bordure bg-white border border-2 mobile">
The BUREAU D'INGENIERIE CIVILE ET DE CONSULTANCE (BICC) is a young company created by civil engineers
who have pooled their potential to form a unique structure worthy of diversified expertise. BICC works in the city of Goma.
</p>
<p class="text-center pt-4 pb-4 mb-5 ps-5 pe-5 bordure bg-white border border-2 aboutdiscours desktop">
The BUREAU D'INGENIERIE CIVILE ET DE CONSULTANCE (BICC) is a young company created by civil engineers
who have pooled their potential to form a unique structure worthy of diversified expertise. BICC works in the city of Goma.
<br>Passionate about the world of construction and architecture, each project we do demonstrates our great expertise both
structurally and architecturally, a change in lifestyle and a heritage for future generations. That's why we dedicate
ourselves completely in our work and give our whole heart in every project we do.
</p>
<p class="text-center ms-3 me-3">Please contact us per email, facebook or instagram for any question about Open house BICC 2022!</p>
<p class="text-center mb-5 pb-5">
<a href="https://www.facebook.com/profile.php?id=100090087969071"><i class="fab fs-5 fa-facebook me-3 noirfont"></i></a>
<a href="https://www.youtube.com/@biccfromgoma"><i class="fab fs-5 fa-youtube fa-2x me-3 noirfont"></i></a>
<a href="https://www.instagram.com/biccfromgoma/"><i class="fab fa-instagram fs-5 me-3 noirfont"></i></a>
</p>
</section>
<div class="bg-white container-fluid">
<h2 class="text-center bg-transparent text-black pt-5">BUREAU D'INGENIERIE CIVILE ET DE CONSULTANCE 2023 Logo</h2>
<div class="bg-transparent p3-5"><hr class="hrrouge"> </div>
<p class="text-center noirfont bg-transparent pb-3 mobile">The logo of BICC 2023 was decided throuth the logo conception from 20-july-2022</p>
<p class="text-center noirfont bg-transparent pb-3 desktop w-50 mx-auto">
The logo of BICC 2023 was decided throuth the logo conception from 20-july-2022
Bet on us and you will be the next to feel the feeling that it feels when you are satisfied according to your desires and requirements and that in a short time.
</p>
<p class="h-25 ms-3 me-3 bg-transparent">
<img src="photo/wLog.jpeg" class="img-fluid logo d-block mx-auto bg-transparent bordure" alt="logo">
</p>
<p class="bg-transparent pb-5"></p>
<hr>
<h2 class="text-center bg-transparent pt-3">See the past of BICC</h2>
<hr class="hrrouge">
<p class="text-center bg-transparent pb-4">Look at this project that we built last year and the members of the BICC</p>
<div class="row bg-transparent">
<div class="col-md-6 mb-3 bg-transparent ps-4 pe-4">
<div class="backimage mb-2 bg-transparent">
<div>
<div class="bg-transparent">
<p class="text-center text-white h2 fs-1 hauteur bg-transparent">
2020
</p>
<p class="text-center text-white hauteur bg-transparent">
On house under construction, making sure everything is fine
</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-3 bg-transparent ps-4 pe-4">
<div class="nous mb-2 bg-transparent">
<div>
<div class="bg-transparent">
<p class="text-center text-white h2 fs-3 hauteur bg-transparent">
2021
</p>
<p class="text-center text-white hauteur bg-transparent">
Officers of BICC, Us
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid noir mobile">
<h2 class="text-center text-white noir pt-5">Partner</h2>
<div class="pb-5 bg-transparent"><hr class="hrrouge"></div>
<div class="row bg-transparent pb-5 ps-3 pe-3">
<div class="col-4 bg-transparent">
<img src="photo/google.png" class="img-fluid bg-transparent imga" alt="logo google">
</div>
<div class="col-4 bg-transparent">
<img src="photo/mdf.png" class="img-fluid bg-transparent imga" alt="logo mdf">
</div>
<div class="col-4 bg-transparent">
<img src="photo/tmb.png" class="img-fluid bg-transparent imga" alt="logo mdf">
</div>
</div>
</div>
</div>
</main>
<footer>
<hr class="bg-transparent m-0">
<div class="container-fluid bg-white pt-5 pb-5 mobile">
<div class="row bg-transparent">
<div class="col-6 bg-transparent hauteur">
<p class="h2 noirfont bg-transparent text-center">© BICC 2023</p>
</div>
<div class="col-6 bg-transparent">
<p class="bg-transparent noirfont text-center">2023 Bureau d Ingenierie Civile et de Construction</p>
</div>
</div>
</div>
<div class="container-fluid noir pt-5 pb-5 desktop">
<div class="row bg-transparent">
<div class="col-6 bg-transparent hauteur">
<p class="h2 text-white bg-transparent text-center">© BICC 2023</p>
</div>
<div class="col-6 bg-transparent">
<p class="bg-transparent gry text-center">2023 Bureau d Ingenierie Civile et de Construction</p>
</div>
</div>
</div>
</footer>
</body>
</html>