<div class = "seperate" id = "contacts">
    <div class = "bd">
      <div class = "Left">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">

  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
    <li data-target="#myCarousel" data-slide-to="4"></li>
  </ol>


  <div class="carousel-inner">
    <div class="item active">
      <img src="https://idomu.lt/uploads/posts/2019-07/1563369527_billgates.jpg" alt="Chicago"/>
    </div>

    <div class="item">
      <img src="https://idomu.lt/uploads/posts/2019-07/1563369527_billgates.jpg" alt="Chicago"/>
    </div>
    <div class="item">
      <img src="https://idomu.lt/uploads/posts/2019-07/1563369527_billgates.jpg" alt="Chicago"/>
    </div>


    <div class="item">
      <img src="https://idomu.lt/uploads/posts/2019-07/1563369527_billgates.jpg" alt="New York"/>
    </div>
  </div>


  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">Next</span>
  </a>
  </div>
</div>
<div>
      <div>
            <div class = "Skills"  > Things I know</div>
            <div class = "Bill">
            <div class = "One" style = {{color:"#0f4c75"}}> JAVA
            <div> <i class="fab fa-java fa-5x "  ></i></div></div>
            <div class = "Two" style = {{color:"#0f4c75"}} > CSS  <div> <i class="fab fa-css3-alt fa-5x "  > </i></div>
      </div>

<div class = "Three" style = {{color:"#0f4c75"}} > HTML <div > <i class="fab fa-html5 fa-5x fa-fw"  > </i></div></div>
<div class = "Four"  style = {{color:"#0f4c75"}} > SQL  <div> <i class="fas fa-database fa-5x" ></i></div></div>
</div>
</div>
</div>
</div>
<div className= "seperateRight">

<h1 style = {{color:"#cc0066"}}> Hello </h1>
<div class = "font">
<h3 > Hello, my name is Bill Gates.
You may know me as a founder of Microsoft and a true philanthropist.
For for the past couple years I’ve spent over $2.5 Billion dollars
and countless man hours on a secret project which I can finally reveal. </h3>
<br/>
<h3 > Hello, my name is Bill Gates.
You may know me as a founder of Microsoft and a true philanthropist.
For for the past couple years I’ve spent over $2.5 Billion dollars
and countless man hours on a secret project which I can finally reveal. </h3>

<br/>
</div>

</div>