Web/index.html at master · Vohizy/Web · GitHub

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
<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="fr"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="fr"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="fr">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Haute Ecole d'Informatique [HEI]</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
</head>

<body>
<!-- Header Section -->
<section class="banner justify-content-center">
  <h5 class="hidden">x</h5>
  <!-- Navigation Section -->
  <header id="header">
    <div class="header-content clearfix"> <a class="logo" href="#"><img src="images/logoHei.webp" alt="logo de la HEI"></a><!-- modification 2-->
      <nav class="navigation">
        <ul class="primary-nav"><!-- modification 1-->
          <li><a href="#accueil">A<span>ccueil</span></a></li>
          <li><a href="#formation">F<span>ormation</span></a></li>
          <li><a href="#concour">C<span>oncours</span></a></li>
          <li><a href="#contact">C<span>ontacts</span></a></li>
        </ul>
      </nav>
      <a href="#" class="nav-toggle">Menu<span></span></a> </div>
  </header>
  <!-- Navigation Section -->
  <!-- Banner Section -->
  <div class="container" id="accueil">
    <div class="col-md-12  banner-inner-wrapper">
      <div class="banner-text text-center"><!-- modification 3-->
        <h1>Haute Ecole d'Informatique</h1>
       <p >Professionnels du monde entier unis pour former les étudiants malgaches suivant les plus hauts standards.</p>
        <a href="#formation" class="btn">En savoir plus</a>
      </div> <!-- banner text -->
    </div>
  </div>
  <!-- Banner Section -->
</section>
<!-- Header Section -->

<h1 style="text-align: center;margin-top: 50px;margin-bottom: 50px;">VOICI LA LISTE DES MATIERES PAR SEMESTRE CHEZ HEI</h1>

 <!--3 premiere card-->
 <div class="ensemble">
  <div class="columns">
      <ul class="price">
          <li class="header">SEMESTRE 1</li>
          <li class="grey">Duréé</li>
          <li>24H  de Vidéo</li>
          <li>32 THEMES traités</li>
          <li>LOGICIELS inclus dans la pack</li>
          <li>30GB en totale</li>
      </ul>
  </div>
  <div class="columns">
      <ul class="price">
          <li class="header">SEMESTRE 2</li>
          <li class="grey">Duréé</li>
          <li>MGT 1</li>
          <li>PROG 1</li>
          <li>SYS 1</li>
          <li>THEORIE 1 PT 1</li>
      </ul>
  </div>
  <div class="columns">
      <ul class="price">
          <li class="header">SEMESTRE 3</li>
          <li class="grey">Duréé</li>
          <li>MGT 1</li>
          <li>WEB 1</li>
          <li>PORG 1</li>
          <li>THEORIE 1</li>
      </ul>
  </div>


  <!--3 derniere card-->
  <div class="ensemble">
    <div class="columns">
        <ul class="price">
            <li class="header">SEMESTRE 4</li>
            <li class="grey">Durée</li>
            <li>WEB 1</li>
            <li>PROG 1</li>
            <li>LMGT1</li>
            <li>THEORIE 1</li>
        </ul>
    </div>
    <div class="columns">
        <ul class="price">
            <li class="header">SEMESTRE 5</li>
            <li class="grey">Durée</li>
            <li>WEB 1</li>
            <li>PROG 1</li>
            <li>MGT1</li>
            <li>SYS1</li>
        </ul>
    </div>
    <div class="columns">
        <ul class="price">
            <li class="header">SEMESTRE 6</li>
            <li class="grey">Duréé</li>
            <li>WEB 1</li>
            <li>PORG</li>
            <li>SYS 1</li>
            <li>THEORIE</li>
        </ul>
    </div>

<!--Veuillez mettre les différentes matières de chaque semestre dans la ligne autre que seule de leur durée-->

<!--les contenus sont à changer svp , mettre les durées des cours dans la ligne Durée-->

<!-- JS FILES -->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.min1.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/main.js"></script>

</body>
</html>