Commit de Marco ORFAO : Correction de bug

This commit is contained in:
Moncef STITI 2024-01-17 18:33:54 +01:00
parent 5c4795cec6
commit 3e893570a3
6 changed files with 27 additions and 219 deletions

View File

@ -32,6 +32,10 @@ section {
color: #007BFF; color: #007BFF;
} }
.competence h3 {
color:#007BFF;
}
ul { ul {
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
@ -53,6 +57,13 @@ ul, ol {
padding: 0; padding: 0;
} }
.print-button {
display: block;
margin: auto;
padding: 10px 20px;
font-size: 18px;
}
@media print { @media print {
body { body {
width: 21cm; width: 21cm;
@ -67,4 +78,8 @@ ul, ol {
box-shadow: none; box-shadow: none;
border-radius: 0; border-radius: 0;
} }
.print-button {
display: none;
}
} }

View File

@ -4,84 +4,14 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<style> <link rel="stylesheet" href="../../css/CV.css">
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;
}
.competence ul,
.education ul {
padding-left: 20px;
margin-bottom: 10px;
}
.competence 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;
}
}
</style>
<title>CV - Louay DARDOURI</title> <title>CV - Louay DARDOURI</title>
</head> </head>
<body> <body>
<div class="cv-container"> <div class="cv-container">
<header> <header>
<button class="print-button" onclick="window.print()">Imprimer le CV</button>
<h1>Louay DARDOURI</h1> <h1>Louay DARDOURI</h1>
</header> </header>

View File

@ -4,84 +4,14 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<style> <link rel="stylesheet" href="../../css/CV.css">
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;
}
.competence ul,
.education ul {
padding-left: 20px;
margin-bottom: 10px;
}
.competence 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;
}
}
</style>
<title>CV - Moncef STITI</title> <title>CV - Moncef STITI</title>
</head> </head>
<body> <body>
<div class="cv-container"> <div class="cv-container">
<header> <header>
<button class="print-button" onclick="window.print()">Imprimer le CV</button>
<h1>Moncef STITI</h1> <h1>Moncef STITI</h1>
</header> </header>

View File

@ -4,84 +4,14 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<style> <link rel="stylesheet" href="../../css/CV.css">
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;
}
.competence ul,
.education ul {
padding-left: 20px;
margin-bottom: 10px;
}
.competence 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;
}
}
</style>
<title>CV - Moncef STITI</title> <title>CV - Moncef STITI</title>
</head> </head>
<body> <body>
<div class="cv-container"> <div class="cv-container">
<header> <header>
<button class="print-button" onclick="window.print()">Imprimer le CV</button>
<h1>Moncef STITI</h1> <h1>Moncef STITI</h1>
</header> </header>

View File

@ -142,5 +142,8 @@
</footer> </footer>
<script src="../js/script.js"></script> <script src="../js/script.js"></script>
<button id="scrollTopBtn" onclick="scrollToTop()">
<span>&#x1F680;</span>
</button>
</body> </body>
</html> </html>

View File

@ -56,7 +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="javascript:void(0);" onclick="printCV('../html/CV/MoncefSTITI.html');">Imprimer le CV</a> <a class="cv-link" href="CV/MoncefSTITI.html">Visualiser / Imprimer le CV</a>
</div> </div>
<div class="membre-equipe"> <div class="membre-equipe">
@ -72,7 +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/MarcoORFAO.html" download="MarcoORFAO.html">Télécharger le CV</a> <a class="cv-link" href="../html/CV/MarcoORFAO.html" download="MarcoORFAO.html">Télécharger le CV</a>
<a class="cv-link" href="../html/CV/MarcoORFAO.html" onclick="window.open('../html/CV/MarcoORFAO.html', '_blank'); return false;">Imprimer le CV</a> <a class="cv-link" href="CV/MarcoORFAO.html">Visualiser / Imprimer le CV</a>
</div> </div>
<div class="membre-equipe"> <div class="membre-equipe">
@ -88,7 +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/LouayDARDOURI.html" download="LouayDARDOURI.html">Télécharger le CV</a> <a class="cv-link" href="../html/CV/LouayDARDOURI.html" download="LouayDARDOURI.html">Télécharger le CV</a>
<a class="cv-link" href="../html/CV/LouayDARDOURI.html" onclick="window.open('../html/CV/LouayDARDOURI.html', '_blank'); return false;">Imprimer le CV</a> <a class="cv-link" href="CV/LouayDARDOURI.html">Visualiser / Imprimer le CV</a>
</div> </div>
</section> </section>
</div> </div>