I would like to make so that the part intitled “Veille technologique” has a white background ( and not the default image that i set for the page.
Here’s a link to the folder :
According to your description,I don't understand your requirement clearly.Could you post your sample you want to us.
Since you don't tell more details to us,I have created a demo.Just like this:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title class="fond"> portfolio ouar hichem </title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link href="portfolio.css" rel="stylesheet" />
</head>
<body style="font-family: Times New Roman; color:white" >
<section id="header" style="position:fixed;width:100%;padding-right:300px;padding-top:30px;transition:1s;z-index:999">
<h3 class="position1"> Portfolio </h3>
<nav class="navbar navbar-expand-md justify-content-end">
<ul class="navbar-nav">
<li class="nav-item"> <a class="nav-link" href="#header" style="margin-right:5px; color:white"> Accueil </a></li>
<li class="nav-item"> <a class="nav-link" href="#CV" style="margin-right:5px; color:white"> CV </a></li>
<li class="nav-item"> <a class="nav-link" href="#Stages" style="margin-right:5px; color:white"> Mes stages </a></li>
<li class="nav-item"> <a class="nav-link" href="#Projets" style="margin-right:5px; color:white"> Mes projets </a></li>
<li class="nav-item"> <a class="nav-link" href="#Veilles" style="color:white"> Veille </a></li>
</ul>
</nav>
</section> <br>
<div style="margin-top:120px;">
<h1 style="text-align:center"> Anonyme </h1>
<br>
<h3 style="text-align:center"> Etudiant en BTS Services Informatiques aux Organisations à X </h3>
<svg viewBox="0 0 500 150" preserveAspectRatio="none" style="height: 200px; width: 100%;"><path d="M-0.84,4.45 C205.70,186.02 364.84,79.44 501.41,1.48 L500.00,150.00 L0.00,150.00 Z" style="stroke: none; fill: #FDFEFE;opacity:0.85"></path></svg>
</div>
<section id="CV" style="color:black;height:650px; opacity:0.85; padding-right:20px; background-color:white">
<h1 style="text-align:center; font-style:italic; text-decoration:underline"> Curriculum Vitae</h1>
<div class= "row" >
<div class= "col-md-4">
<h3 style="font-style:italic; font-weight:bold; text-align:center; margin-top:80px"> Compétences </h3>
</div> <!-- Fermeture div col 1 -->
<div class= "col-md-4">
<h3 style="font-style:italic; font-weight:bold; text-align:center; margin-top:80px"> Formation </h3> <br>
</div> <!-- Fermeture div col 2 -->
<div class= "col-md-4">
<h3 style="font-style:italic; font-weight:bold; text-align:center; margin-top:80px"> Expériences </h3>
</div> <!-- Fermeture div col 3 -->
</div> <!-- Fermeture div row1 -->
<div class= "row" style="height:110px; margin-top:50px">
<div class= "col-md-4">
</div> <!-- Fermeture div col 1 -->
<div class= "col-md-4" style="padding-right:40px">
<p style="font-size:20px; text-align:justify"> 2015-2018 : Licence en Sciences Economiques et de Gestion, Université X <p>
</div> <!-- Fermeture div col 2 -->
<div class= "col-md-4">
<p style="font-size:20px; text-align:justify"> 2018-2019 : Stage chez X (Avril à Juin)
<br><br>Etude de marché/Benchmarking et réalisation d’un programme marketing pour un nouveau produit<p>
</div> <!-- Fermeture div col 3 -->
</div> <!-- Fermeture div row2 -->
<div class= "row" style="height:110px" >
<div class= "col-md-4">
</div> <!-- Fermeture div col 1 -->
<div class= "col-md-4" style="padding-right:40px">
<p style="font-size:20px; text-align:justify"> 2018-2019 : Master 1 Sciences Economiques et Sociales, Université X <p>
</div> <!-- Fermeture div col 2 -->
<div class= "col-md-4">
</div> <!-- Fermeture div col 3 -->
</div> <!-- Fermeture div row3 -->
<div class= "row" style="height:80px" >
<div class= "col-md-4">
</div> <!-- Fermeture div col 1 -->
<div class= "col-md-4" style="padding-right:40px">
<p style="font-size:20px; text-align:justify"> 2019-2020 : Master 2 THESE, Université X <p>
<div class= "col-md-4">
<p style="font-size:20px; text-align:justify">
<br><br>
</div> <!-- Fermeture div col 3 -->
</div> <!-- Fermeture div row4 -->
<div class= "row">
<div class= "col-md-4">
</div> <!-- Fermeture div col 1 -->
<div class= "col-md-4" style="padding-right:40px">
<p style="font-size:20px; text-align:justify"> Actuellement: BTS Services Informatiques aux Organisations, X <p>
</div> <!-- Fermeture div col 2 -->
<div class= "col-md-4">
</div> <!-- Fermeture div col 3 -->
</div> <!-- Fermeture div row5 -->
</section>
<section id="Stages">
<svg viewBox="0 0 500 150" preserveAspectRatio="none" style="height: 200px; width: 100%;"><path transform="scale(1, -1) translate(0, -110)" d="M-0.84,4.45 C205.70,186.02 364.84,79.44 501.41,1.48 L500.00,150.00 L0.00,150.00 Z" style="stroke: none; fill: #FDFEFE;opacity:0.85"></path></svg>
<h1 style="text-align:center; font-style:italic; font-color:white"> Mes Stages</h1>
</section>
<section style="height:70px;padding-right:20px">
</section>
<svg viewBox="0 0 500 150" preserveAspectRatio="none" style="height: 200px; width: 100%;"><path d="M-0.84,4.45 C205.70,186.02 364.84,79.44 501.41,1.48 L500.00,150.00 L0.00,150.00 Z" style="stroke: none; fill: #000000"></path></svg>
<section id="Projets" style="height:450px;padding-right:20px;background-color:black">
<h1 style="text-align:center; font-style:italic; font-color:white; background-color:black;padding-bottom:25px"> Mes Projets</h1>
</section>
<svg viewBox="0 0 500 150" preserveAspectRatio="none" style="height:200px; width: 100%;"><path transform="scale(1, -1) translate(0, -110)" d="M-0.84,4.45 C205.70,186.02 364.84,79.44 501.41,1.48 L500.00,150.00 L0.00,150.00 Z" style="stroke: none; fill:black"></path></svg>
<div id="Veilles" style="color:black;height:650px;opacity:0.85; background-color:white;padding-top:11px">
<h1 class="position2" style="text-align:center; font-style:italic;background-color:white"> Veille technologique</h1>
</div>
<script src="scroll.js"></script>
</body>
</html>
Result:
If you still have problems,you could post sample to us.
Best regards,
Yijing Sun
ASP.NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today. Learn more >
None
0 Points
1 Post
Background issue
Mar 16, 2021 02:22 PM|didimaox|LINK
Hello everyone
I would like to make so that the part intitled “Veille technologique” has a white background ( and not the default image that i set for the page.
Here’s a link to the folder :
[https://drive.google.com/file/d/10qCt6RU_Y2PF0lJRHc3KwuxjmyDPvdxz/view]
<div data-xf-p="1"></div> <div data-xf-p="1"></div>Thanks in advance
Contributor
3980 Points
1562 Posts
Re: Background issue
Mar 17, 2021 03:01 AM|yij sun|LINK
Hi didimaox,
According to your description,I don't understand your requirement clearly.Could you post your sample you want to us.
Since you don't tell more details to us,I have created a demo.Just like this:
<!doctype html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title class="fond"> portfolio ouar hichem </title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous"> <link href="portfolio.css" rel="stylesheet" /> </head> <body style="font-family: Times New Roman; color:white" > <section id="header" style="position:fixed;width:100%;padding-right:300px;padding-top:30px;transition:1s;z-index:999"> <h3 class="position1"> Portfolio </h3> <nav class="navbar navbar-expand-md justify-content-end"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#header" style="margin-right:5px; color:white"> Accueil </a></li> <li class="nav-item"> <a class="nav-link" href="#CV" style="margin-right:5px; color:white"> CV </a></li> <li class="nav-item"> <a class="nav-link" href="#Stages" style="margin-right:5px; color:white"> Mes stages </a></li> <li class="nav-item"> <a class="nav-link" href="#Projets" style="margin-right:5px; color:white"> Mes projets </a></li> <li class="nav-item"> <a class="nav-link" href="#Veilles" style="color:white"> Veille </a></li> </ul> </nav> </section> <br> <div style="margin-top:120px;"> <h1 style="text-align:center"> Anonyme </h1> <br> <h3 style="text-align:center"> Etudiant en BTS Services Informatiques aux Organisations à X </h3> <svg viewBox="0 0 500 150" preserveAspectRatio="none" style="height: 200px; width: 100%;"><path d="M-0.84,4.45 C205.70,186.02 364.84,79.44 501.41,1.48 L500.00,150.00 L0.00,150.00 Z" style="stroke: none; fill: #FDFEFE;opacity:0.85"></path></svg> </div> <section id="CV" style="color:black;height:650px; opacity:0.85; padding-right:20px; background-color:white"> <h1 style="text-align:center; font-style:italic; text-decoration:underline"> Curriculum Vitae</h1> <div class= "row" > <div class= "col-md-4"> <h3 style="font-style:italic; font-weight:bold; text-align:center; margin-top:80px"> Compétences </h3> </div> <!-- Fermeture div col 1 --> <div class= "col-md-4"> <h3 style="font-style:italic; font-weight:bold; text-align:center; margin-top:80px"> Formation </h3> <br> </div> <!-- Fermeture div col 2 --> <div class= "col-md-4"> <h3 style="font-style:italic; font-weight:bold; text-align:center; margin-top:80px"> Expériences </h3> </div> <!-- Fermeture div col 3 --> </div> <!-- Fermeture div row1 --> <div class= "row" style="height:110px; margin-top:50px"> <div class= "col-md-4"> </div> <!-- Fermeture div col 1 --> <div class= "col-md-4" style="padding-right:40px"> <p style="font-size:20px; text-align:justify"> 2015-2018 : Licence en Sciences Economiques et de Gestion, Université X <p> </div> <!-- Fermeture div col 2 --> <div class= "col-md-4"> <p style="font-size:20px; text-align:justify"> 2018-2019 : Stage chez X (Avril à Juin) <br><br>Etude de marché/Benchmarking et réalisation d’un programme marketing pour un nouveau produit<p> </div> <!-- Fermeture div col 3 --> </div> <!-- Fermeture div row2 --> <div class= "row" style="height:110px" > <div class= "col-md-4"> </div> <!-- Fermeture div col 1 --> <div class= "col-md-4" style="padding-right:40px"> <p style="font-size:20px; text-align:justify"> 2018-2019 : Master 1 Sciences Economiques et Sociales, Université X <p> </div> <!-- Fermeture div col 2 --> <div class= "col-md-4"> </div> <!-- Fermeture div col 3 --> </div> <!-- Fermeture div row3 --> <div class= "row" style="height:80px" > <div class= "col-md-4"> </div> <!-- Fermeture div col 1 --> <div class= "col-md-4" style="padding-right:40px"> <p style="font-size:20px; text-align:justify"> 2019-2020 : Master 2 THESE, Université X <p> <div class= "col-md-4"> <p style="font-size:20px; text-align:justify"> <br><br> </div> <!-- Fermeture div col 3 --> </div> <!-- Fermeture div row4 --> <div class= "row"> <div class= "col-md-4"> </div> <!-- Fermeture div col 1 --> <div class= "col-md-4" style="padding-right:40px"> <p style="font-size:20px; text-align:justify"> Actuellement: BTS Services Informatiques aux Organisations, X <p> </div> <!-- Fermeture div col 2 --> <div class= "col-md-4"> </div> <!-- Fermeture div col 3 --> </div> <!-- Fermeture div row5 --> </section> <section id="Stages"> <svg viewBox="0 0 500 150" preserveAspectRatio="none" style="height: 200px; width: 100%;"><path transform="scale(1, -1) translate(0, -110)" d="M-0.84,4.45 C205.70,186.02 364.84,79.44 501.41,1.48 L500.00,150.00 L0.00,150.00 Z" style="stroke: none; fill: #FDFEFE;opacity:0.85"></path></svg> <h1 style="text-align:center; font-style:italic; font-color:white"> Mes Stages</h1> </section> <section style="height:70px;padding-right:20px"> </section> <svg viewBox="0 0 500 150" preserveAspectRatio="none" style="height: 200px; width: 100%;"><path d="M-0.84,4.45 C205.70,186.02 364.84,79.44 501.41,1.48 L500.00,150.00 L0.00,150.00 Z" style="stroke: none; fill: #000000"></path></svg> <section id="Projets" style="height:450px;padding-right:20px;background-color:black"> <h1 style="text-align:center; font-style:italic; font-color:white; background-color:black;padding-bottom:25px"> Mes Projets</h1> </section> <svg viewBox="0 0 500 150" preserveAspectRatio="none" style="height:200px; width: 100%;"><path transform="scale(1, -1) translate(0, -110)" d="M-0.84,4.45 C205.70,186.02 364.84,79.44 501.41,1.48 L500.00,150.00 L0.00,150.00 Z" style="stroke: none; fill:black"></path></svg> <div id="Veilles" style="color:black;height:650px;opacity:0.85; background-color:white;padding-top:11px"> <h1 class="position2" style="text-align:center; font-style:italic;background-color:white"> Veille technologique</h1> </div> <script src="scroll.js"></script> </body> </html>Result:
If you still have problems,you could post sample to us.
Best regards,
Yijing Sun