Eduford-University-Website/about.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
<!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 rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <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>About Us</h1>
  </section>
  <!--About Us Info-->
  <section id="aboutUsInfo">
    <div class="wrappera1">
      <div class="a1">
        <h1>We are the World's largest University</h1>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, libero. Quibusdam, reprehenderit fuga saepe
          voluptas debitis eaque, error cum aut culpa, iste aperiam modi consequuntur nobis corporis vitae sit atque.
          Neque natus perferendis, odit placeat provident libero quo repellat enim itaque esse rem earum magnam optio et
          saepe, aut porro.</p>
        <button class="her-btn">Explore Now</button>
      </div>
      <div class="a1">
        <img src="about.jpg" alt="about image">
      </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>