index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EduUniversity</title>
    <link rel="stylesheet" href="styles.css">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <script type="module" src="/component/navBar.js" defer></script>
    <script type="module" src="/component/courses.js" defer></script>
    <script type="module" src="/component/campus.js" defer></script>
    <script type="module" src="/component/facility.js" defer></script>
    <script type="module" src="/component/footer.js" defer></script>
</head>
<body>
    
    
    <section id="header">
        <nav-section></nav-section>
       <div class="text-box">
        <h1>World's Biggest University</h1>
        <p>We're a leading research university with a heart. Founded in the decade that the U.S. Constitution was signed, we're the nation's oldest Catholic and Jesuit university. Today we're a forward-looking, diverse community devoted to social justice, restless inquiry and respect for each person's individual needs and talents..</p>
        <button class="btn"><a class="white"> Visit us to know more</a></button>
       </div>
    </section>
    
    <!-- Courses -->
    <course-section></course-section>
    
    <!-- Campus -->
    <campus-section></campus-section>
    

     <!-- Facility -->
     <facility-section></facility-section>
     

     <!-- Testmonial -->
     <section class="testmonial">
      <div class="text-testmonial">
        <h2>What Our Student Says</h2>
        <p>We commit to meet the financial need of every admitted undergraduate student. We don't consider your ability to pay when we review your application, and we don't base our decision on whether you can cover the cost. If you're accepted here, you belong here.</p>
      </div>
      <div class="feedbak grid-col-2">
        <div class="test-card">
           <div class="test-img">
            <img src="./Photos/user1.jpg" alt="user1">
           </div> 
          <div class="review-txt">
            <p>Eduford is home to me not because of the fancy buildings like Healy Hall, or its prestigious reputation, but rather because of the university's care for the whole person as each of us attempts to live our lives for others.”</p>
            <h3>Seema</h3>
           
            <i class="fa-solid fa-star"></i>
                <i class="fa-solid fa-star"></i>
                <i class="fa-solid fa-star"></i>
                <i class="fa-solid fa-star"></i>
                <i class="fa-regular fa-star"></i> 
          </div>
        </div>
        <div class="test-card">
            <div class="test-img">
             <img src="./Photos/user2.jpg" alt="user1">
            </div> 
           <div class="review-txt">
             <p>Eduford is home to me not because of the fancy buildings like Healy Hall, or its prestigious reputation, but rather because of the university's care for the whole person as each of us attempts to live our lives for others.”</p>
             <h3>Anuragh</h3>
             <i class="fa-solid fa-star"></i>
                <i class="fa-solid fa-star"></i>
                <i class="fa-solid fa-star"></i>
                <i class="fa-solid fa-star"></i>
                <i class="fa-solid fa-star-half-stroke"></i>
           </div>
         </div>
         </div>
    </section>

    <!-- contact -->

    <footer-section></footer-section>
   
    <script src="App.js"></script>
  
</body>
</html>