collegewebsite.html

<!DOCTYPE html>
<html lang="en">
<head>
   <link rel="stylesheet" href="./css/collegewebsite.css">
   
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   
   <title>St'Xavier College</title>
</head>
<body>
   <nav class="navlist">
      <ul>
         <li><h4>SXC</h4></li>
         <li><a href="./collegewebsite.html">Home</a></li>
         <li><a href="./about.html">About</a></li>
         <li><a href="./courses.html">Courses</a></li>
         <li> <a href="./contactus.html">Contact us</a></li>    
      </ul>
   </nav>
   <div class="main-box">
      <h1>ST'XAVIER COLLEGE</h1>
      <p>World's best engineering college</p>
      <button>ENROLL NOW</button>
   </div>
   <div class="container">
      <h2>FACILITIES</h2>
      <div class="row">
         <div class="column">
         <a href=""><img src="./images/campus.jpg "alt=""></a>
         <a href="">CAMPUS</a>
         </div>
         <div class="column">
            <a href=""><img src="./images/canteen.jpg"alt=""></a>
            <a href="">CANTINE</a>
         </div>
         <div class="column">
            <a href=""><img src="./images/library.jpg" alt=""></a>
            <a href="">LIBRARY</a>
            </div>
         </div>
            <div class="row">
               <div class="column">
             <a href=""><img src="./images/hostel.jpg" alt=""></a>
             <a href="">HOSTEL</a>
             </div>
             <div class="column">
               <a href=""><img src="./images/sports.jpg" alt=""></a>
               <a href="">SPORTS</a> 
             </div>
             <div class="column">
               <a href=""><img src="./images/fest.jpg" alt=""></a>
               <a href="">FEST</a> 
             </div>
         </div>
      </div>
   </div>
</body>
</html>