-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
197 lines (179 loc) · 14.4 KB
/
blog.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
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="fr">
<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>TAGGAT</title>
<link rel="stylesheet" href="blog.css">
<link rel="stylesheet" href="header.css">
<link rel="stylesheet" href="footer.css">
</head>
<body>
<!-- La section header -->
<div class="background-image_header">
<div class="titre-container">
<h1> Blog </h1>
<p>"Découvrez le Monde Numérique : Des Compétences Essentielles aux Dernières Tendances, Notre Blog vous Guide vers la Réussite.</p>
</div>
<!-- La section header -->
<header>
<div class="navigation">
<div class="logo">
<div class="logo">
<img src="images/icons/logo.svg" alt="">
</div>
</div>
<nav class="navbar">
<div class="recherche">
<img class="icon-recherche" src="images/icons/recherche.svg" alt="">
<div class="login">
<p>Register <b>|</b> <span>Login</span> </p>
</div>
</div>
<ul>
<li><a href="index.html" >ACCUEIL</a></li>
<li><a href="service.html">SERVICES</a></li>
<li><a href="comment_marche.html">COMMENT ÇA MARCHE</a></li>
<li><a href="blog.html" class="active">BLOG</a></li>
<li><a href="Contact.html">CONTACT</a></li>
</ul>
</nav>
<div class="menu-toggle">
<div class="btn-nav">
<img src="images/icons/icon-nav-mobil.svg" alt="">
</div>
</div>
</div>
</header>
</div>
<div class="articles_contenaire">
<div class="date_et_titre">
<div class="date">
<p>20<br><span>oct</span></p>
</div>
<div class="ligne_vertical">
</div>
<div class="titre">
<h2>L'introduction au numérique </h2>
<p>Blog 0/ commentaires </p>
</div>
</div>
<div class="image_article_reseaux">
<img src="images/image1_blog.png" alt="image_du_blog1">
<div class="reseaux">
<p>partager :</p>
<div class="social">
<svg xmlns="http://www.w3.org/2000/svg" width="105" height="19" viewBox="0 0 105 19" fill="none">
<path d="M94.5324 19H91.7364V6.31467H94.5324V19ZM93.1329 4.58428C92.2389 4.58428 91.5137 3.54095 91.5137 2.28132C91.5137 1.67628 91.6843 1.09602 91.9879 0.668184C92.2916 0.240353 92.7035 0 93.1329 0C93.5624 0 93.9742 0.240353 94.2779 0.668184C94.5816 1.09602 94.7522 1.67628 94.7522 2.28132C94.7522 3.54095 94.0267 4.58428 93.1329 4.58428ZM104.997 19H102.207V12.8249C102.207 11.3532 102.186 9.46586 100.753 9.46586C99.2996 9.46586 99.0768 11.0648 99.0768 12.7188V19H96.2838V6.31467H98.9654V8.04507H99.0046C99.3778 7.04839 100.29 5.99658 101.65 5.99658C104.48 5.99658 105 8.62187 105 12.0318V19H104.997Z" fill="#060606"/>
<path d="M75.1392 4.62864C73.2257 4.62864 71.6822 6.80358 71.6822 9.5C71.6822 12.1964 73.2257 14.3714 75.1392 14.3714C77.0527 14.3714 78.5961 12.1964 78.5961 9.5C78.5961 6.80358 77.0527 4.62864 75.1392 4.62864ZM75.1392 12.667C73.9026 12.667 72.8917 11.2467 72.8917 9.5C72.8917 7.75326 73.8996 6.33298 75.1392 6.33298C76.3787 6.33298 77.3866 7.75326 77.3866 9.5C77.3866 11.2467 76.3757 12.667 75.1392 12.667ZM79.5438 4.42938C79.5438 5.06108 79.1828 5.5656 78.7375 5.5656C78.2892 5.5656 77.9312 5.05684 77.9312 4.42938C77.9312 3.80191 78.2922 3.29315 78.7375 3.29315C79.1828 3.29315 79.5438 3.80191 79.5438 4.42938ZM81.8334 5.58256C81.7822 4.06053 81.5355 2.71232 80.7443 1.60153C79.956 0.49074 78.9992 0.143088 77.9191 0.0667745C76.8059 -0.0222582 73.4694 -0.0222582 72.3562 0.0667745C71.2791 0.138849 70.3223 0.4865 69.531 1.59729C68.7398 2.70808 68.4961 4.05629 68.4419 5.57832C68.3787 7.14699 68.3787 11.8488 68.4419 13.4174C68.4931 14.9395 68.7398 16.2877 69.531 17.3985C70.3223 18.5093 71.2761 18.8569 72.3562 18.9332C73.4694 19.0223 76.8059 19.0223 77.9191 18.9332C78.9992 18.8612 79.956 18.5135 80.7443 17.3985C81.5325 16.2877 81.7792 14.9395 81.8334 13.4174C81.8966 11.8488 81.8966 7.15123 81.8334 5.58256ZM80.3953 15.1006C80.1606 15.9316 79.7063 16.5717 79.1136 16.9067C78.226 17.4027 76.12 17.2882 75.1392 17.2882C74.1583 17.2882 72.0493 17.3985 71.1647 16.9067C70.575 16.576 70.1207 15.9358 69.8831 15.1006C69.531 13.8499 69.6123 10.8821 69.6123 9.5C69.6123 8.11787 69.5341 5.14588 69.8831 3.89942C70.1177 3.06845 70.572 2.42826 71.1647 2.09333C72.0523 1.59729 74.1583 1.71176 75.1392 1.71176C76.12 1.71176 78.229 1.60153 79.1136 2.09333C79.7033 2.42402 80.1576 3.06421 80.3953 3.89942C80.7473 5.15012 80.666 8.11787 80.666 9.5C80.666 10.8821 80.7473 13.8541 80.3953 15.1006Z" fill="#060606"/>
<path d="M57.7983 7.7916C56.5673 7.79551 55.3665 7.28588 54.3655 6.33469V12.9686C54.3652 14.1972 54.0823 15.3965 53.5547 16.4059C53.0271 17.4154 52.2799 18.187 51.413 18.6175C50.5462 19.048 49.6009 19.1169 48.7038 18.8151C47.8066 18.5132 47.0002 17.8549 46.3925 16.9282C45.7848 16.0015 45.4046 14.8506 45.3029 13.6294C45.2012 12.4082 45.3828 11.1749 45.8233 10.0943C46.2639 9.01378 46.9424 8.13754 47.7683 7.58276C48.5941 7.02799 49.5278 6.82113 50.4446 6.98984V10.3264C50.025 10.1513 49.5746 10.1565 49.1574 10.3415C48.7403 10.5265 48.3779 10.8817 48.1219 11.3564C47.8659 11.8312 47.7295 12.4011 47.7321 12.9849C47.7347 13.5687 47.8762 14.1365 48.1363 14.6072C48.3965 15.0779 48.7621 15.4274 49.1808 15.6059C49.5995 15.7843 50.05 15.7825 50.468 15.6008C50.8859 15.4191 51.2499 15.0667 51.508 14.594C51.766 14.1213 51.905 13.5524 51.905 12.9686V0H54.3655C54.3638 0.275844 54.3812 0.551313 54.4176 0.822923C54.5031 1.42925 54.6808 2.00605 54.94 2.51804C55.1992 3.03003 55.5343 3.46644 55.9249 3.80059C56.4806 4.28837 57.1321 4.54835 57.7983 4.54816V7.7916Z" fill="#060606"/>
<path d="M32.0179 0H33.939L29.7429 8.0476L34.6792 19H30.8151L27.7864 12.3591L24.325 19H22.4012L26.8884 10.3906L22.1562 0H26.1183L28.8531 6.06995L32.0179 0ZM31.343 17.0726H32.407L25.5387 1.82692H24.3958L31.343 17.0726Z" fill="#060606"/>
<path d="M10.8021 10.6875L11.4016 7.24895H7.65359V5.01756C7.65359 4.07684 8.17715 3.15986 9.85575 3.15986H11.5596V0.232305C11.5596 0.232305 10.0134 0 8.53504 0C5.44848 0 3.43096 1.64691 3.43096 4.62828V7.24895H0V10.6875H3.43096V19H7.65359V10.6875H10.8021Z" fill="#060606"/>
</svg>
</div>
</div>
</div>
<div class="message">
<p>Dans notre ère numérique en constante évolution, les compétences numériques sont devenues un atout essentiel, que vous soyez un jeune diplômé cherchant à entrer sur le marché du travail ou un professionnel en reconversion cherchant à rester compétitif. Dans cet article, nous explorerons les compétences numériques les plus importantes et comment elles peuvent ouvrir des portes vers un avenir prometteur.</p>
</div>
</div>
<!-- Aerticle comtétence -->
<div class="articles_contenaire">
<div class="date_et_titre">
<div class="titre2">
<h2>Articles </h2>
<p>Compétences N°1 <span>: L'introduction au numérique</span> </p>
</div>
</div>
<div class="image_article_reseaux2">
<img src="images/image_article1.png" alt="image_du_blog1" class="image-competence">
</div>
<div class="message2">
<p>Dans le monde professionnel d'aujourd'hui, la maîtrise des outils de productivité tels que Microsoft Office, Google Workspace et les applications de gestion de projet est un impératif. Ces compétences vous permettent de communiquer efficacement, de gérer des tâches complexes et d'organiser votre travail de manière efficiente.</p>
</div>
</div>
<!-- -->
<div class="articles_contenaire">
<div class="date_et_titre">
<div class="titre2">
<p>Compétences N°2 <span>: Marketing Numérique</span> </p>
</div>
</div>
<div class="image_article_reseaux2">
<img src="images/image_article2.png" alt="image_du_blog1" class="image-competence">
</div>
<div class="message2">
<p>Dans l'ère du commerce électronique et des médias sociaux, le marketing numérique est incontournable. Apprendre à promouvoir des produits, à gérer des campagnes publicitaires en ligne et à analyser les données marketing sont des compétences précieuses pour réussir dans de nombreuses industries.</p>
</div>
</div>
<div class="voir_plus">
<a href="service.html">Voir nos services</a>
</div>
<!--le footer-->
<footer>
<div class="footer_principal">
<div class="slogan">
<div class="logo">
<img src="images/icons/logo.svg" alt="Logo de Taggat">
</div>
<div class="le_paragraphe_footer">
<p>Une Passerelle vers l'Excellence Numérique</p>
</div>
</div>
<div class="nav-bar_footer">
<ul>
<li><a href="index.html">ACCUEIL</a></li>
<li><a href="service.html">SERVICES</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="Contact.html">CONTACT</a></li>
</ul>
</div>
<div class="contact_footer">
<div class="contact_phone">
<svg xmlns="http://www.w3.org/2000/svg" width="31" height="30" viewBox="0 0 31 30" fill="none">
<path d="M9.72708 1.44245C9.27737 0.352816 8.08752 -0.227151 6.94882 0.0833365L1.78356 1.48932C0.76224 1.77051 0.0506567 2.69612 0.0486982 3.7506C0.0217804 18.2439 11.7684 29.9956 26.2825 29.9956C27.3385 29.9956 28.2668 29.2867 28.5503 28.2674L29.9678 23.1121C30.2809 21.9756 29.7023 20.7864 28.6119 20.3353L22.9843 17.992C22.0288 17.5937 20.9195 17.869 20.2668 18.6716L17.8913 21.5597C13.7648 19.6089 10.427 16.2697 8.48107 12.1455L11.3777 9.78461C12.1827 9.12848 12.4604 8.02713 12.0633 7.07223L9.72707 1.44831L9.72708 1.44245Z" fill="#E35F0F"/>
</svg>
<p>76 947 50 73</p>
</div>
<div class="contact_email">
<svg xmlns="http://www.w3.org/2000/svg" width="31" height="30" viewBox="0 0 31 30" fill="none">
<path d="M3.00385 30C2.17779 30 1.47064 29.6328 0.882382 28.8984C0.294127 28.1641 0 27.2812 0 26.25V3.75C0 2.71875 0.294127 1.83594 0.882382 1.10156C1.47064 0.367188 2.17779 0 3.00385 0H27.0347C27.8607 0 28.5679 0.367188 29.1562 1.10156C29.7444 1.83594 30.0385 2.71875 30.0385 3.75V26.25C30.0385 27.2812 29.7444 28.1641 29.1562 28.8984C28.5679 29.6328 27.8607 30 27.0347 30H3.00385ZM15.0193 16.875L3.00385 7.5V26.25H27.0347V7.5L15.0193 16.875ZM15.0193 13.125L27.0347 3.75H3.00385L15.0193 13.125ZM3.00385 7.5V3.75V26.25V7.5Z" fill="#E35F0F"/>
</svg>
<p> [email protected] </p>
</div>
<div class="contact_google">
<svg xmlns="http://www.w3.org/2000/svg" width="31" height="30" viewBox="0 0 31 30" fill="none">
<g clip-path="url(#clip0_247_1111)">
<rect width="30.0385" height="30" fill="#E35F0F"/>
<path d="M20.6515 15C20.6515 16.3008 20.5811 17.5547 20.4579 18.75H9.58065C9.45158 17.5547 9.38704 16.3008 9.38704 15C9.38704 13.6992 9.45745 12.4453 9.58065 11.25H20.4579C20.587 12.4453 20.6515 13.6992 20.6515 15ZM22.3412 11.25H29.5633C29.8743 12.4512 30.0385 13.7051 30.0385 15C30.0385 16.2949 29.8743 17.5488 29.5633 18.75H22.3412C22.4644 17.543 22.5289 16.2891 22.5289 15C22.5289 13.7109 22.4644 12.457 22.3412 11.25ZM28.9473 9.375H22.1006C21.5139 5.63086 20.3523 2.49609 18.8562 0.492187C23.45 1.70508 27.1872 5.0332 28.9414 9.375H28.9473ZM20.1997 9.375H9.83879C10.1967 7.24219 10.7482 5.35547 11.4229 3.82617C12.0389 2.44336 12.7253 1.44141 13.3883 0.808594C14.0454 0.1875 14.591 0 15.0193 0C15.4476 0 15.9932 0.1875 16.6503 0.808594C17.3132 1.44141 17.9997 2.44336 18.6157 3.82617C19.2962 5.34961 19.8419 7.23633 20.1997 9.375ZM7.93792 9.375H1.09124C2.85131 5.0332 6.58266 1.70508 11.1823 0.492187C9.68625 2.49609 8.52461 5.63086 7.93792 9.375ZM0.475219 11.25H7.69737C7.57417 12.457 7.50963 13.7109 7.50963 15C7.50963 16.2891 7.57417 17.543 7.69737 18.75H0.475219C0.164273 17.5488 0 16.2949 0 15C0 13.7051 0.164273 12.4512 0.475219 11.25ZM11.4229 26.168C10.7423 24.6445 10.1967 22.7578 9.83879 20.625H20.1997C19.8419 22.7578 19.2904 24.6445 18.6157 26.168C17.9997 27.5508 17.3132 28.5527 16.6503 29.1855C15.9932 29.8125 15.4476 30 15.0193 30C14.591 30 14.0454 29.8125 13.3883 29.1914C12.7253 28.5586 12.0389 27.5566 11.4229 26.1738V26.168ZM7.93792 20.625C8.52461 24.3691 9.68625 27.5039 11.1823 29.5078C6.58266 28.2949 2.85131 24.9668 1.09124 20.625H7.93792ZM28.9473 20.625C27.1872 24.9668 23.4559 28.2949 18.8621 29.5078C20.3581 27.5039 21.5139 24.3691 22.1065 20.625H28.9473Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_247_1111">
<rect width="30.0385" height="30" fill="white"/>
</clipPath>
</defs>
</svg>
<p>www.sntaggat.com</p>
</div>
</div>
<div class="social_media">
<div class="icons-reseaux">
<img src="images/icons/faceb.svg" alt="facebook">
<img src="images/icons/Vector(4).svg" alt="twitter">
<img src="images/icons/tiktok.svg" alt="tiktok">
<img src="images/icons/insta.svg" alt="insta">
<img src="images/icons/linked.svg" alt="linkind">
</div>
<div class="lien_coaching">
<p>@Taggat_coaching</p>
</div>
</div>
</div>
<div class="Copyright">
Copyright@samadigital2023
</div>
</footer>
<script src="app.js"></script>
</body>
</html>