Html

<!doctype html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="main.css">
</head>
<html>
<body>

<ul>
  <li><a class="active" href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
  <li style="float:right"><a href="#about">W3 Schools</a></li>
</ul>

    <div id="owen">


    <img src="images/phoenix.png">

    </div>

    <div id="Ram">
        <span class="ram1">The</span>
        <span class="ram2">Pheonix</span>
        <span class="ram3">Club</span>
    </div>

   <div class='slider'>
  <div class='slide1'></div>
  <div class='slide2'></div>
  <div class='slide3'></div>
</div>

<div id="card1" class="card">
  <img src="images/cord.jpg" alt="Avatar" >
  <div class="container">
    <h4 style="text-align: center"><b>CONTACT</b></h4>
  </div>
</div>


<div id="card2" class="card">
  <img src="images/nihal.jpeg" alt="Avatar" >
  <div class="container">
    <h4 style="text-align: center"><b>CONTACT</b></h4>
  </div>
</div>


<div id="card3" class="card">
  <img src="images/soumyadeep.jpeg" alt="Avatar" >
  <div class="container">
    <h4 style="text-align: center"><b>CONTACT</b></h4>
  </div>
</div>

    <div class="main">

<h2>Our Portfolio</h2>

<div class="row">
  <div class="column">
    <div class="content">
      <img class="hey" src="images/eve1.jpeg">
      <h3>Coding Lama</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
    <img class="hey" src="images/eve2.jpeg">
      <h3>Game Of Codes</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
    <img class="hey" src="images/eve5.jpeg">
      <h3>Orators Crux</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
    <img class="hey" src="images/eve4.jpeg">
      <h3>Zabava</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
    </div>
  </div>


<div class="content">
  <img class="hey" src="images/cgc.jpg">
  <h3>Some Other Work</h3>
  <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
  <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
</div>

</div>
    <div style="background-color: black;  width:100vw">
        <p style="text-align: center;color:white">Copyright@2018</p>
        </div>
    </div>
    </body>

</html>