Eduford-University-Website/courses.html at master · Engeniusam/Eduford-University-Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!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">
  <meta name="author" content="Muchiri Samuel">
      <meta name="description" content="Simple multipage website">
      <meta name="keywords" content="eduford,campus">
      <link rel="stylesheet" href="style.css">
  <title>Eduford University Website</title>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,400;0,600;0,700;1,100&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/css/fontawesome.min.css">
<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>
</head>
<body>
  <!-----Header section-->
  <section id="sub-header">
    <div class="wrapper1">
      <nav>
        <img src="logo.png" alt="eduford logo">
        <ul>
          <i class='bx bx-window-close' onclick="hideMenu()"></i>
          <li><a href="index.html" onclick="hideMenu()">HOME</a></li>
          <li><a href="about.html" onclick="hideMenu()">ABOUT</a></li>
          <li><a href="courses.html" onclick="hideMenu()">COURSE</a></li>
          <li><a href="blog.html" onclick="hideMenu()">BLOG</a></li>
          <li><a href="contact.html" onclick="hideMenu()">CONTACT</a></li>
        </ul>
      </nav>
      <i class='bx bx-menu'onclick="showMenu()"></i>
    </div>
   <h1>Our Courses</h1>
  </section>
 <!--Courses We Offer-->
 <section id="courses">
  <h1>Courses We Offer</h1>
  <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</p>
  <div class="wrapper2">
<div class="courses_col">
<h3>Intermediate</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus pariatur dolore tenetur reiciendis, numquam natus magnam beatae cupiditate alias sequi.</p>
</div>
<div class="courses_col">
<h3>Degree</h3>
<p>Deleniti blanditiis velit aperiam, doloremque amet illum explicabo voluptates quasi veritatis fugit, animi libero asperiores temporibus omnis? Ut, alias unde.</p>
</div>
<div class="courses_col">
<h3>Post Graduation</h3>
<p>Quod dicta, sapiente ab ut voluptates odit ipsum eos earum modi nihil sunt soluta! Explicabo omnis sunt quam dolor hic?</p>
</div>
  </div>
</section>
<!--Facilities we Offer Info-->
<section id="fac">
  <h1>Our Facilities</h1>
  <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
  <div class="wrapper4">
    <div class="fac_col">
      <img src="library.png" alt="library image">
      <h3>World Class Library</h3>
      <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Totam eaque nisi cumque rem, explicabo tempore!</p>
    </div>
    <div class="fac_col">
      <img src="basketball.png" alt="basketball image">
      <h3>Largest Play Ground</h3>
      <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nesciunt aliquid ratione temporibus architecto a maxime?</p>
    </div>
    <div class="fac_col">
      <img src="cafeteria.png" alt="cafeteria.png">
      <h3>Tasty and Healthy Food</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus deleniti accusamus voluptas possimus aliquam facilis?</p>
    </div>
  </div>
</section>
<!--Footer-->
<section id="about_us">
  <div class="custom-shape-divider-bottom-1619278637">
    <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
        <path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" class="shape-fill"></path>
    </svg>
</div>
  <div class="wrapper7">
<h1>About Us</h1>
<p>For More Info Contact Us Via Our Social Media Accouts.</p>
<br>
<hr>
<br>
<div class="acc">
 <i class='bx bxl-facebook-circle'></i>
<i class='bx bxl-instagram' ></i>
<i class='bx bxl-twitter' ></i>
<i class='bx bxl-linkedin-square' ></i>
<i class='bx bxl-youtube' ></i>
</div>
</div>
</div>
</section>
<!--Tribute-->
<div class="container">
  <div class="copy">Copyright @ 2022</div>
  <div class="designer" style="font-weight:900">Eduford Official Website</div>
  <div class="app">Design by <em style="color:greenyellow;">Muchiri Samuel Macharia</em></div>
</div>

  <script src="script.js"></script>
</body>
</html>