Portfolio web, put diferents backgrounds

Hi everyone,

I am working in my portfolio and I want put diferents colors backgrounds in my web, but I dont know how to do it, I have search in internet but until now, every thing that I have tried dont work.

I attach one image (of the portfolio example), the point is that I want my portfolio have more than one color background, like the example.

Thank you for reading :slightly_smiling_face:

I am assuming you’re using Bootstrap?

Put all your divisions inside a Bootstrap container class. Something like this:


<div class="container-fluid">
    <div class="container">
        <div class="one"> ... </div>
        <div class="two"> ... </div>


body {
    background-color: gray;

.one {
    background-color: red;
    height: 200px;

.two {
    background-color: black;
    height: 200px;

https://codepen.io/Ahtisham-ul-Hassan/pen/XgEXOy?editors=1100 check this out

Thank you for your answers! :slightly_smiling_face:

I’m going to read and practise again everything related to div and continue my portfolio after. MuhammadAhtisham I like you portfolio, simply but works well :slightly_smiling_face:

Thanks for the answer :slightly_smiling_face: has been very usefull to me. I was able to solve the problem with the bottons, now I am working in the problem with de responsive class. :thinking:.