-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
114 lines (100 loc) · 5.56 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--Pour faire en sorte que cette page soit responsive-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="style.css">
<!--i used this specific font from google fonts, it's clean and i like it-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Module TIC resume </title>
</head>
<!--This mini project with html and CSS was coded and done entirely by:
LAGGOUNE Ahmed Amar | MI | Section:3 | Groupe:4 | Matricule:212135084638
TITOUCHE Kamel | MI | Section:3 | Groupe:4 | Matricule:212131056940
-->
<body>
<section id="Chapters">
<div class="chapter-heading">
<span>Techniques de l'information et de la Communication - TIC</span>
<h3>All available chapters - TIC</h3>
<h5>LAGGOUNE Ahmed Amar | MI | Section:3 | Groupe:4 | 212135084638</h5>
<h5>TITOUCHE Kamel | MI | Section:3 | Groupe:4 | 212131056940</h5>
</div>
<div class="chapter-container">
<!--Chapter 1-->
<div class="chapter-box">
<div class="chapter-img">
<a href="chapters/chapter 1/chapter1.html" class="chapter-title">
<img src="images/Chapter1.JPG" alt="Chapter1">
</a>
</div>
<div class="chapter-text">
<span>Chapter 1:</span>
<a href="chapters/chapter 1/chapter1.html" class="chapter-title">INTRODUCTION AU MODULE TIC</a>
<p>C'est l'ensemble des outiles disponible pour manipuler des information dans tous leur aspect (stocke ,traiter,produire,transmettre)</p>
<a href="chapters/chapter 1/chapter1.html">Read more</a>
</div>
</div>
<!--Chapter 2-->
<div class="chapter-box">
<div class="chapter-img">
<a href="chapters/chapter 2/chapter2.html" class="chapter-title">
<img src="images/Chapter2.JPG" alt="Chapter2">
</a>
</div>
<div class="chapter-text">
<span>Chapter 2:</span>
<a href="chapters/chapter 2/chapter2.html" class="chapter-title">Les réseaux informatiques</a>
<p>Les réseaux informatiques permettent l'échange de données et de ressources. Ils sont utilisés dans de nombreuses applications telles que la communication, la gestion de données, les réseaux sociaux, l'accès à Internet, les jeux en ligne, etc.</p>
<a href="chapters/chapter 2/chapter2.html">Read more</a>
</div>
</div>
<!--Chapter 3-->
<div class="chapter-box">
<div class="chapter-img">
<a href="chapters/chapter 3/chapter3.html" class="chapter-title">
<img src="images/Chapter3.png" alt="Chapter3">
</a>
</div>
<div class="chapter-text">
<span>Chapter 3:</span>
<a href="chapters/chapter 3/chapter3.html" class="chapter-title">Le Modele OSI</a>
<p>Le modèle OSI (Open Systems Interconnection) est un modèle de référence qui décrit comment les différents composants d'un réseau informatique communiquent entre eux</p>
<a href="chapters/chapter 3/chapter3.html">Read more</a>
</div>
</div>
<!--Chapter 4-->
<div class="chapter-box">
<div class="chapter-img">
<a href="chapters/chapter 4/chapter4.html" class="chapter-title">
<img src="images/Chapter4.png" alt="Chapter4">
</a>
</div>
<div class="chapter-text">
<span>Chapter 4:</span>
<a href="chapters/chapter 4/chapter4.html" class="chapter-title">L'Internet et Le Web</a>
<p>In here we will discover the difference between the internet and the web, and we will talk also about HTML and what it is and can it do on it's own and with other styling languages such as CSS.</p>
<a href="chapters/chapter 4/chapter4.html">Read more</a>
</div>
</div>
<!--Chapter 5-->
<div class="chapter-box">
<div class="chapter-img">
<a href="chapters/chapter 5/chapter5.html" class="chapter-title">
<img src="images/Chapter5.JPG" alt="Chapter5">
</a>
</div>
<div class="chapter-text">
<span>Chapter 5:</span>
<a href="chapters/chapter 5/chapter5.html" class="chapter-title">Système de Gestion de Version</a>
<p>Dans ce chapitre, nous allons définir ce que sont Git et GitHub afin d’éviter des confusions plus tard.</p>
<a href="chapters/chapter 5/chapter5.html">Read more</a>
</div>
</div>
</div>
</section>
</body>
</html>