-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy patharticle.html
More file actions
123 lines (111 loc) · 6.28 KB
/
Copy patharticle.html
File metadata and controls
123 lines (111 loc) · 6.28 KB
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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon Expérience de Stage</title>
<link rel="stylesheet" href="./index.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<style>
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
</style>
</head>
<body>
<header style="background: url(./assets/télécharger.jpeg);" class="pb-5">
<nav class="navbar navbar-expand-md shadow " style="background-color: #212020b9;">
<button class="navbar-toggler " type="button" id="button_nav" data-bs-toggle="collapse"
data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarCollapse">
<ul class="navbar-nav ml-auto ">
<li class="nav-item border border-light rounded-2 mx-3 text-center"> <a
class="nav-link text-white" href="./index.html">Acceuil</a></li>
<li class="nav-item border border-light rounded-2 mx-3 text-center"> <a
class="nav-link text-white" href="./index.html#section_description">Description</a></li>
<li class="nav-item border border-light rounded-2 mx-3 text-center"> <a
class="nav-link text-white" href="./index.html#section_competences">Compétences</a></li>
<li class="nav-item border border-light rounded-2 mx-3 text-center"> <a class="nav-link text-white"
href="./index.html#section_project">Projets</a></li>
<li class="nav-item border border-light rounded-2 mx-3 text-center"> <a class="nav-link text-white"
href="./blogs.html">Blog</a></li>
<li class="nav-item border border-light rounded-2 mx-3 text-center"> <a class="nav-link text-white"
href="./index.html#section_contact">Contactez-moi</a></li>
</ul>
</div>
</nav>
<div class="d-flex py-2 my-4 ">
<div class="text-center text-white m-auto ">
<h1>Mon stage Chez CREANO</h1>
<span class="border border-light px-2">DEVELOPPER FULL STACK</span>
</div>
</div>
</header>
<main class="container">
<div class="row mt-5">
<div class="col-8">
<img src="./assets/creano_img.jpg" alt="creano.png">
<p class="mt-3">Pendant l’été, j’ai eu l’opportunité de réaliser un stage de trois mois au sein de
l’entreprise
<strong>CREANO</strong>, spécialisée dans <em>Développement digital</em>. Ce stage a été
une
expérience extrêmement enrichissante qui m'a permis d'appliquer mes connaissances théoriques en
situation
réelle, d'acquérir de nouvelles compétences et de découvrir le monde professionnel de l'intérieur.
</p>
<h2>Premier jour : découverte de l’entreprise</h2>
<p>Je me souviens encore de mon premier jour chez <strong>CREANO</strong>. Dès mon
arrivée, j’ai
été accueilli chaleureusement par l’équipe, qui m’a fait visiter les locaux et présenté aux
différents
membres. Mon tuteur, <strong>Nicolas</strong>, m’a expliqué les missions que j'allais
accomplir
durant le stage, ainsi que les objectifs à atteindre. J’ai apprécié cette organisation claire qui
m’a permis
de bien cerner ce que l’on attendait de moi.</p>
</div>
<div class="col-4">
<h2>Articles...</h2>
<a href="./article2.html" style="text-decoration: none;">
<div class="card mb-3" style="max-width: 540px; height:105px">
<div class="row g-0">
<div class="col-md-4">
<img src="./assets/creano_img.jpg" class="img-fluid rounded-start h-100" alt="...">
</div>
<div class="col-md-8">
<div class="card-body">
<p class="card-text"> Ma première journée chez CREANO <br>
<small class="text-body-secondary">15/07/2024</small>
</p>
</div>
</div>
</div>
</div>
</a>
<a href="./article3.html" style="text-decoration: none;">
<div class="card mb-3" style="max-width: 540px; height:105px ">
<div class="row g-0">
<div class="col-md-4">
<img src="./assets/creano_img2.jpg" class="img-fluid rounded-start h-100" alt="...">
</div>
<div class="col-md-8">
<div class="card-body">
<p class="card-text">Mon bilan chez CREANO<br>
<small class="text-body-secondary">08/08/2024</small>
</p>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</main>
<footer class="text-center ">
<span> © 2024 Mon Blog de Stage - Tous droits réservés </span>
</footer>
</body>
</html>