Vous êtes sur la page 1sur 6

\Voici le code source de l'Exercice de TP fait par Mouna Gualy \\

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CV De Mouna Gualy</title>
</head>
<style>
@import url('https://fonts.googleapis.com/css?family=Raleway');

body {
margin: 0;
font-family: 'Raleway';
font-size: 16px;
line-height: 1.8em;
}

a {
color: #1C9C94;
text-decoration: none;
}

a:hover {
opacity: 0.5;
}

article {
padding:0 1em;
}

section{
margin: 1em;
padding: 1em;
}

header, main, footer {


margin: 0 auto;
}

header {
padding: 2em;
text-align: center;
background-image: url('./img/bg.jpg');
background-size: cover;
background-position: fixed;
color: white;
}

header section {
margin: 0 auto;
max-width: 640px;
}

header img {
border-radius: 50%;
max-width: 150px;
}
h1 {
text-transform: uppercase;
margin: 1em 0;
}

h3 {
text-transform: uppercase;
}

h3, h4 {
font-weight: bold;
}

main {
max-width: 1140px;
}

main section:not(:last-child) {
border-bottom: 1px solid #ccc;
}

.fab {
border: 1px solid white;
border-radius: 50%;
font-size: 1.5em;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
margin: 5px;
text-align: center;
}

a .fab {
color: white;
}

.course, .skills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.course .title {
color: #509e98;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33%;
}

.course .descrition {
-ms-flex: 0 0 66.6%;
flex: 0 0 66.6%;
max-width: 66.6%;
}

.course .descrition p {
padding-left: 1em;
}
.skills .column {
-ms-flex: 0 0 50%%;
flex: 0 0 50%;
max-width: 50%;
}

.skills .column ul, ul.job-description {


list-style-type: none;
}

.skills .column ul > li:before {


content: "►";
padding-right: 0.5em;
color: #509e98;
}

.school, .job-title {
text-transform: capitalize;
}

.school span, .job-title span {


color: #889499;
text-decoration: underline;
}

ul.job-description li:before{
content: "✔";
padding-right: 0.5em;
color: #509e98;
}

footer {
padding: 1em 1.5em;
background: #A7B8BF;
color: white;
text-align: right;
}

@media only screen and (max-width: 768px) {


.course {
display: block;
}

.course .title, .course .descrition {


max-width: 100%;
}
}

@media only screen and (max-width: 576px) {


.skills {
display: block;
}

.skills .column {
max-width: 100%;
}

footer {
text-align: center;
}
}
</style>

<body>
<header>
<div>
<img src="C:/Users/adamb/Desktop/Image.jpg" />
</div>
<h1>Mouna Gualy</h1>
</header>
<main>
<section>
<h3>Cours & Atelier</h3>
<article class='cours'>
<div class='title'>
<h4>Formation Académique Pertinente</h4>
</div>
<div class="descrition">
<p>Introduction à l'Informatique Appliquée, Université Mohammed 5, 2023 -
2024.</p>
<p>Modules abordés : Algorithmique, Programmation en Python, Bases de
données, Architecture des ordinateurs.</p>
</div>
</article>
<article class='course'>
<div class='title'>
<h4>Ateliers et Séminaires</h4>
</div>
<div class="descrition">
<p>Développement de compétences avancées en Python et en language C, y
compris la manipulation de données, la programmation orientée objet et les
bibliothèques spécialisées.</p>
</div>
</article>
<article class='course'>
<div class='title'>
<h4>Compétences Acquises</h4>
</div>
<div class="descrition">
<p>Réalisation de projets pratiques impliquant l'utilisation avancée de
bibliothèques Python telles que NumPy et Pandas pour l'analyse de données.</p>
</div>
</article>
<article class='course'>
<div class='title'>
<h4>Projets ou Travaux Pratiques</h4>
</div>
<div class="descrition">
<p>Création d'un site Web personnel, intégrant des concepts de design
moderne et des fonctionnalités interactives pour présenter mes compétences et
expériences.</p>
</div>
</article>
</section>
<section>
<h3>COMPÉTENCES</h3>
<div class='skills'>
<div class='column'>
<h4>Bonne connaissance</h4>
<ul>
<li>HTML5</li>
<li>CSS</li>
<li>Python</li>
<li>Langage C</li>
</ul>
</div>
<div class='column'>
<h4>Connaissances de base</h4>
<ul>
<li>jQuery</li>
<li>SQL</li>
<li>C++</li>
<li>MATLAB</li>
</ul>
</div>
<div>
<h4>les langues</h4>
<p> Anglais - Niveau C2</p>
<p> Espagnol- Niveau A2</p>
<p> Français - Niveau C2</p>
<p> Arabe - Langue Maternelle</p>
<p> Coréen - Niveau A1</p>
</div>
</div>
</section>

<section>
<h3>Education</h3>
<article>
<div class='school'>
<span>2021-2022</span> <strong>Lycée Ibn Sina</strong>
</div>
<div class="descrition">
Baccalauréat Option Français en Science Physique-Chimie avec mention
T.bien.
</div>
</article>
<article>
<div class='school'>
<span>2023-2024</span> <strong>Université Mohammed 5, Faculté des
sciences</strong>
</div>
<div>
En cours d'études en IA ( Informatique Appliqué S2 )
</div>
</article>
</section>
<section>
<h3>Expérience</h3>
<article>
<div class='job-title'>
<span>03.2021 - 06.2021</span> <strong>Des cours en ligne en
Informatique</strong><br> <strong>Fonction:</strong> Apprentis de plusieurs bases
Informatique
</div>
<div>
<p><strong>Tech stack:</strong> HTML5 / CSS / JavaScript / C,C++ /
Python</p>
<ul class="job-description">
<li>Création de site web ( connaissance en Développement Web )</li>
<li>Le Développement de plusieurs connaissance en Algorithme</li>
<li>Création de programme algorithmique dans plusieurs language </li>
</ul>
</div>
</article>
</section>
</main>
<footer>
<p>Created by: <a href="">Mouna Gualy</a> / <a
href="">mouna.gualy@um5r.ac.ma</a> / 21\04\2024 </p>
</footer>
</body>
</html>

Vous aimerez peut-être aussi