/
index.html
172 lines (147 loc) · 6.87 KB
/
index.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
<!-- @format -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Site du departement</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
<!-- Custom styles for this template -->
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:700,900" rel="stylesheet" />
<link href="departement.css " rel="stylesheet" />
</head>
<body>
<div class="container">
<header class="py-3">
<div class="row flex-nowrap justify-content-between align-items-center">
<div class="col-4 pt-1">
<img src="images/cs-logo.png" width="64" height="64" class="img-fluid" alt="Responsive image" />
</div>
<div class="col-4 text-center">
<a class="blog-header-logo text-dark" href="#">Université de Yaounde I</a>
</div>
<div class="col-4 d-flex justify-content-end align-items-center">
<a class="btn btn-sm btn-outline-primary" href="#">Connexion</a>
</div>
</div>
</header>
<div class="row">
<div class="col-md-8">
<div class="jumbotron p-3 p-md-5 text-white rounded bg-dark">
<div class="col-md-6 px-0">
<h1 class="display-4 font-italic">Departement D'informatique</h1>
</div>
</div>
</div>
<div class="col-md-4">
<img src="images/cs-logo.png" class="img-fluid img-thumbnail" alt="Responsive image" />
</div>
</div>
<nav class="nav">
<a class="nav-link" href="index.html">Acceuil </a>
<a type="button" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"
role="button" data-toggle="collapse" class="nav-link active" href="#">Formation Licence </a>
<a type="button" data-target="#collapseExample2" aria-expanded="false" aria-controls="collapseExample2"
role="button" data-toggle="collapse" class="nav-link" href="#">Formation Master</a>
</nav>
<div class="collapse" id="collapseExample">
<div class="card card-body">
<nav class="nav">
<a class="nav-link" href="niveau.html">Licence 1</a>
<a class="nav-link" href="#">Licence 2</a>
<a class="nav-link" href="#">Licence 3</a>
</nav>
</div>
</div>
<div class="collapse" id="collapseExample2">
<div class="card card-body">
<nav class="nav">
<a href="niveau.html">INFO 1011</a>
<a class="nav-link" href="#">INFO 1012</a>
</nav>
</div>
</div>
<main role="main" class="container">
<div class="row">
<div class="col-md-8 blog-main">
<div class="blog-post">
<h3>Description du Departement et son programme</h3>
<p>
This blog post shows a few different types of content that's
supported and styled with Bootstrap. Basic typography, images, and
code are all supported. Lorem ipsum dolor, sit amet consectetur
adipisicing elit. Suscipit perferendis animi accusantium sed
maiores quia nulla, quaerat voluptate dolorum consectetur minima
ex enim repudiandae nesciunt doloremque exercitationem saepe sint
consequatur. Lorem ipsum dolor sit amet consectetur adipisicing
elit. Aliquid exercitationem tempora explicabo architecto unde
autem nobis aut, commodi assumenda. Doloremque, laudantium
veritatis! Totam ullam in iusto consequatur amet, inventore
quidem.
</p>
<hr />
<h3>Responsable du departement</h3>
<p>
This blog post shows a few different types of content that's
supported and styled with Bootstrap. Basic typography, images, and
code are all supported. Lorem ipsum dolor, sit amet consectetur
adipisicing elit. Suscipit perferendis animi accusantium sed
maiores quia nulla, quaerat voluptate dolorum consectetur minima
ex enim repudiandae nesciunt doloremque exercitationem saepe sint
consequatur. Lorem ipsum dolor sit amet consectetur adipisicing
elit. Aliquid exercitationem tempora explicabo architecto unde
autem nobis aut, commodi assumenda. Doloremque, laudantium
veritatis! Totam ullam in iusto consequatur amet, inventore
quidem.
</p>
<hr />
<h3>Localisation principale du departement</h3>
<p>
This blog post shows a few different types of content that's
supported and styled with Bootstrap. Basic typography, images, and
code are all supported. Lorem ipsum dolor, sit amet consectetur
adipisicing elit. Suscipit perferendis animi accusantium sed
maiores quia nulla, quaerat voluptate dolorum consectetur minima
ex enim repudiandae nesciunt doloremque exercitationem saepe sint
consequatur. Lorem ipsum dolor sit amet consectetur adipisicing
elit. Aliquid exercitationem tempora explicabo architecto unde
autem nobis aut, commodi assumenda. Doloremque, laudantium
veritatis! Totam ullam in iusto consequatur amet, inventore
quidem.
</p>
</div>
</div>
<!-- /.blog-main -->
<aside class="col-md-4 blog-sidebar">
<div class="p-3 mb-3 bg-light rounded">
<h4 class="font-italic">About</h4>
<p class="mb-0">
Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras
mattis consectetur purus sit amet fermentum. Aenean lacinia
bibendum nulla sed consectetur.
</p>
</div>
</aside>
<!-- /.blog-sidebar -->
</div>
<!-- /.row -->
</main>
<!-- /.container -->
<footer class="blog-footer">
<p>Université de Yaounde I</p>
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>