Test d'impression du CV
This commit is contained in:
parent
bd5753b984
commit
4683b04796
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>
|
||||
<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" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a>
|
||||
</div>
|
||||
|
||||
<div class="membre-equipe">
|
||||
@ -71,6 +72,7 @@
|
||||
<h4>CURRICULUM VITAE</h4>
|
||||
<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" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a>
|
||||
</div>
|
||||
|
||||
<div class="membre-equipe">
|
||||
@ -86,6 +88,7 @@
|
||||
<h4>CURRICULUM VITAE</h4>
|
||||
<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" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@ -143,7 +146,7 @@
|
||||
</footer>
|
||||
|
||||
<script src="../js/script.js"></script>
|
||||
<!-- ... Votre bouton de retour en haut ... -->
|
||||
<script src="../js/notre-equipe.js"></script>
|
||||
</body>
|
||||
|
||||
</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.");
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user