locked
Background issue RRS feed

  • Question

  • User711074675 posted

    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]

    Thanks in advance

    Tuesday, March 16, 2021 2:22 PM

All replies

  • User1535942433 posted

    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=";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

    Wednesday, March 17, 2021 3:01 AM