Test d'impression du CV
This commit is contained in:
70
css/CV/MoncefSTITI.css
Normal file
70
css/CV/MoncefSTITI.css
Normal file
@@ -0,0 +1,70 @@
|
|||||||
|
body {
|
||||||
|
font-family: 'Arial', sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cv-container {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 20px auto;
|
||||||
|
padding: 20px;
|
||||||
|
background-color: #fff;
|
||||||
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header h1 {
|
||||||
|
color: #007BFF;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
header h2 {
|
||||||
|
color: #007BFF;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.job h3 {
|
||||||
|
color: #007BFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skills ul,
|
||||||
|
.education ul {
|
||||||
|
padding-left: 20px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skills p,
|
||||||
|
.education p {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul, ol {
|
||||||
|
list-style-type: disc;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
body {
|
||||||
|
width: 21cm;
|
||||||
|
height: 29.7cm;
|
||||||
|
margin: 20mm;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cv-container {
|
||||||
|
max-width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,70 @@
|
|||||||
|
.equipe-section {
|
||||||
|
margin: 40px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.membre-equipe {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.membre-equipe h3 {
|
||||||
|
font-size: 1.5em;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.membre-equipe img {
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cv-container {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cv-container h4 {
|
||||||
|
font-size: 1.2em;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cv-link {
|
||||||
|
display: block;
|
||||||
|
background-color: #ffa319;
|
||||||
|
color: #fff;
|
||||||
|
padding: 10px 15px;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cv-link:hover {
|
||||||
|
background-color: #9b620c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.membre-equipe {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.membre-equipe img {
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.membre-info {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.membre-info h3 {
|
||||||
|
font-size: 1.5em;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cv-container {
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
81
html/CV/MoncefSTITI.html
Normal file
81
html/CV/MoncefSTITI.html
Normal file
@@ -0,0 +1,81 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr-FR">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="../../css/CV/MoncefSTITI.css">
|
||||||
|
<title>CV - Moncef STITI</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="cv-container">
|
||||||
|
<header>
|
||||||
|
<h1>Moncef STITI</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section class="education">
|
||||||
|
<h2>Formation</h2>
|
||||||
|
<p>Première année de Bachelor universitaire de technologie en informatique</p>
|
||||||
|
<p>Baccalauréat général (mention assez bien) spécialités :</p>
|
||||||
|
<ul>
|
||||||
|
<li>Numérique et sciences informatiques</li>
|
||||||
|
<li>Sciences de l'Ingénieur</li>
|
||||||
|
<li>Langues, littératures et cultures étrangères (Anglais)</li>
|
||||||
|
</ul>
|
||||||
|
<p>2023 - 2024 | IUT de Fontainebleau</p>
|
||||||
|
<p>2023 | Lycée Durzy (45700 Villemandeur)</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="skills">
|
||||||
|
<h2>Informatique</h2>
|
||||||
|
<h3>Langages :</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Python 3 (niveau avancé)</li>
|
||||||
|
<li>C 89 (niveau avancé)</li>
|
||||||
|
<li>Bash (bonne maîtrise)</li>
|
||||||
|
<li>Java (notions)</li>
|
||||||
|
<li>Assembleur (notions)</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Programmation :</h3>
|
||||||
|
<ul>
|
||||||
|
<li>HTML 5 / CSS 3 / JavaScript (niveau avancé)</li>
|
||||||
|
</ul>
|
||||||
|
<p>Modélisation et base de données :</p>
|
||||||
|
<ul>
|
||||||
|
<li>UML (bonne maîtrise)</li>
|
||||||
|
<li>SQL (bonne maîtrise)</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Réalisations :</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Tour de Hanoï récursif (Python) - Programmation orientée objet</li>
|
||||||
|
<li>Jeu SNAKE (C 89) - Utilisation d’un Git, Réalisation d’un Makefile</li>
|
||||||
|
<li>Configuration machine virtuelle (Terminal) - Installation d’un Dual Boot (Grub),
|
||||||
|
Installation de Windows 7 / Arch Linux, Création de profils utilisateurs</li>
|
||||||
|
<li>Simulation de feux d’artifice (Python)</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="experience">
|
||||||
|
<h2>Expérience Professionnelle</h2>
|
||||||
|
<div class="job">
|
||||||
|
<h3>Mars 2021 - Février 2022 | Marché de Montargis les dimanches matin</h3>
|
||||||
|
<p>Poissonnier / Primeur chargé de la préparation des commandes</p>
|
||||||
|
</div>
|
||||||
|
<div class="job">
|
||||||
|
<h3>Février 2019 | ERAMET Paris 15</h3>
|
||||||
|
<p>Stage d'observation d'une semaine</p>
|
||||||
|
<ul>
|
||||||
|
<li>Observation d’un administrateur réseau</li>
|
||||||
|
<li>Observation d’une équipe de développeurs web</li>
|
||||||
|
<li>Observation d’une équipe d’experts en cybersécurité</li>
|
||||||
|
</div>
|
||||||
|
<div class="job">
|
||||||
|
<h3>Juillet/Août 2023 | Darty Montargis</h3>
|
||||||
|
<p>Conseiller de vente</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -56,6 +56,7 @@
|
|||||||
<h4>CURRICULUM VITAE</h4>
|
<h4>CURRICULUM VITAE</h4>
|
||||||
<p>Vous pouvez télécharger le CV de Moncef STITI ci-dessous :</p>
|
<p>Vous pouvez télécharger le CV de Moncef STITI ci-dessous :</p>
|
||||||
<a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a>
|
<a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a>
|
||||||
|
<a class="cv-link" href="../html/CV/MoncefSTITI.html" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="membre-equipe">
|
<div class="membre-equipe">
|
||||||
@@ -71,6 +72,7 @@
|
|||||||
<h4>CURRICULUM VITAE</h4>
|
<h4>CURRICULUM VITAE</h4>
|
||||||
<p>Vous pouvez télécharger le CV de Marco ORFAO ci-dessous :</p>
|
<p>Vous pouvez télécharger le CV de Marco ORFAO ci-dessous :</p>
|
||||||
<a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a>
|
<a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a>
|
||||||
|
<a class="cv-link" href="../html/CV/MoncefSTITI.html" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="membre-equipe">
|
<div class="membre-equipe">
|
||||||
@@ -86,6 +88,7 @@
|
|||||||
<h4>CURRICULUM VITAE</h4>
|
<h4>CURRICULUM VITAE</h4>
|
||||||
<p>Vous pouvez télécharger le CV de Louay DARDOURI ci-dessous :</p>
|
<p>Vous pouvez télécharger le CV de Louay DARDOURI ci-dessous :</p>
|
||||||
<a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a>
|
<a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a>
|
||||||
|
<a class="cv-link" href="../html/CV/MoncefSTITI.html" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
@@ -143,7 +146,7 @@
|
|||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script src="../js/script.js"></script>
|
<script src="../js/script.js"></script>
|
||||||
<!-- ... Votre bouton de retour en haut ... -->
|
<script src="../js/notre-equipe.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
BIN
img/NotreEquipe/MoncefSTITI.png
Normal file
BIN
img/NotreEquipe/MoncefSTITI.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
10
js/notre-equipe.js
Normal file
10
js/notre-equipe.js
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
function printCV(cvUrl) {
|
||||||
|
var newWindow = window.open(cvUrl, '_blank');
|
||||||
|
if (newWindow) {
|
||||||
|
newWindow.onload = function () {
|
||||||
|
newWindow.print();
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
alert("Impossible d'ouvrir une nouvelle fenêtre. Veuillez autoriser les nouvelles fenêtres.");
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user