Eduford-University-Website/blog.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
111
112
113
114
115
<!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 Certificate & Online Programs For 2021</h1>
  </section>
  <!--About Us Info-->
  <section id="blog">
    <div class="wrappera2">
      <div class="a2">
        <img src="certificate.jpg" alt="certificate image">
        <h3>Our Certificate & Online Programs For 2021</h3>
        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloremque nulla repellendus veritatis nihil autem dicta molestiae voluptatibus ex expedita suscipit quidem assumenda laboriosam, dolorem dolor error soluta numquam magnam praesentium reprehenderit recusandae earum neque aliquam odit voluptas. Quos mollitia odio vero eius quidem. Amet officia ipsum saepe vero eius doloremque!</p>
        <p>Laborum unde omnis distinctio nemo impedit eligendi quis aperiam, corrupti ut fugiat consequatur provident, libero earum eveniet sapiente aut delectus vero ipsa quae explicabo dolor laboriosam repellat. Recusandae animi nam eaque fugit sint, eligendi placeat, possimus temporibus earum pariatur odit ipsum neque, tempore quia magnam omnis eveniet magni consequuntur dolor?</p>
        <p>Natus odio esse ad debitis quam laudantium aliquam nihil, quis quibusdam eum perferendis suscipit expedita optio asperiores temporibus, assumenda numquam? Amet aliquid iure illum, blanditiis provident quo nostrum laborum perferendis nisi fugit nemo ipsa quidem alias natus? Id rem tenetur, voluptatum doloremque, consectetur eveniet excepturi, consequatur ea magni aut repudiandae.</p>
        <p>Porro laborum eaque dolore! Eveniet voluptatibus sapiente debitis dolorem minima quisquam, assumenda et laudantium vero voluptas fuga corporis quia nihil! Libero ipsum sequi in illum similique iste magni officiis natus, odit maiores iure non obcaecati tenetur cum, eius et dolores veniam? Blanditiis labore eum voluptate doloribus magnam ipsa atque ipsum?</p>
        <p>Nostrum pariatur maxime eligendi quis quam nisi laborum! Accusamus omnis beatae, velit cum deleniti neque. Magnam vitae hic odio reiciendis impedit sapiente quidem doloremque unde quos accusamus! Ipsa placeat sunt, eaque officiis quidem aliquid quisquam recusandae rerum saepe praesentium laboriosam nesciunt. Nisi deleniti debitis non dolorum eius. Non, repellat cumque!</p>
        <form id="form1"action="POST">
        <div>
            <input type="text" placeholder="Enter Name">
          </div>
          <div> <input type="email" placeholder="Enter Email"></div>
          <div><textarea rows="5" placeholder="Your Comment"></textarea></div>
         <button class="her-btn" type="submit">POST COMMENT</button>
        </form>
      </div>
      <div class="a22">
        <h3>Post Categories</h3>
        <div class="cat">
          <p><span>Business Analytics</span><span>21</span></p>
        </div>
        <div class="cat">
          <p><span>Data Science</span><span>28</span></p>
        </div>
        <div class="cat">
          <p><span>Machine Learning</span><span>15</span></p>
        </div>
        <div class="cat">
          <p><span>Computer Science</span><span>34</span></p>
        </div>
        <div class="cat">
          <p><span>AutoCAD</span><span>42</span></p>
        </div>
        <div class="cat">
          <p><span>Journalism</span><span>22</span></p>
        </div>
        <div class="cat">
          <p><span>Commerce</span><span>30</span></p>
        </div>
      </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>