index.css

 .col-bg{
  background-color: #222222;
 }
 .col-bg2{
  background-color: #222222; 
  padding-top: 110px;
 }
 
 ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #333;
 }
 
 li {
   float: left;

 }
 
 li:last-child {
   border-right: none;
 }
 
 li a {
   display: block;
   color: white;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
 }
 
 li a:hover:not(.active) {
   background-color: #474747;
 }
 
 .active {
   background-color: #7AC64D;
 }
* {
    box-sizing: border-box;
  }

  .bg{
    background-image: url("./Profileimage.jpg");
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%x;

  }
  
  .header {
    border: 1px solid red;
    padding: 25px;
  }
  
  .row::after {
    content: "";
    clear: both;
    display: table;
  }
  
  [class*="col-"] {
    float: left;
    padding: 25px;
  }
  
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  

.first{
background-color: #797979;
opacity: 90%;
height: 800px;
width: 100%;
text-align: center;
align-items: center;
position: relative;

}
.inner{

margin: 0;
position: absolute;
top: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
}
#txt{
    font-size: 35px;
    color: white;
    opacity:revert;

}
#txt2{
    font-size: 50px;
    color: white;
    font-weight: 600;
}

.second{
    background-color: #222222;
    width: 100%;
    padding: 110px;
}
.third{
    background-color: #222222;
    width: 100%;
    padding: 110px;
}