html-css-project/blog.html at master · nishtha-09-gupta/html-css-project · 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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>University website design</title>
  <link rel="stylesheet" href="pt.css">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css"> -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

</head>
<body>
  <section class="sub-header">
    <nav>
      <a href="index.html"><img src="images/logoo.png"></a>
      <div class="nav-links" id="navLinks">
        <i class="fa fa-times" onclick="hideMenu()"></i>
        <ul>
          <li><a href="index.html">HOME</a></li>
          <li><a href="about.html">ABOUT</a></li>
          <li><a href="course.html">COURSE</a></li>
          <li><a href="blog.html">BLOG</a></li>
          <li><a href="contact.html">CONTACT</a></li>
        </ul>

      </div>
      <i class="fa fa-bars" onclick="showMenu()"></i>
    </nav>
    <h1>Our Certificate & online Programs for 2025</h1>
  </section>
  <!-- blog page content -->
   <section class="blog-content">
    <div class="row">
      <div class="blog-left">
        <img src="images/certificate.jpg">
        <h2>Our Certificate & online Programs for 2025</h2>
        <p>In 2025, we are excited to offer a range of certificate programs designed to help learners gain in-demand skills for the future. From artificial intelligence to web development, our programs are tailored to meet the needs of modern industries.</p>
        <br>
        <p>All courses are conducted online, ensuring flexibility and accessibility for learners across the globe. With expert instructors and a project-based approach, you'll have the tools you need to succeed.</p>
        <br>
        <p>Upon completion of each program, participants will receive a globally recognized certificate, enhancing their professional credentials and career opportunities.</p>
        <br>
        <p>Join us today and take the first step toward achieving your professional and educational goals. Enroll now to secure your spot in one of our 2025 programs!</p>
        <div class="comment-box">
          <h3>Leave a comment</h3>
          <form class="comment-form">
            <input type="text" placeholder="Enter Name">
            <input type="email" placeholder="Enter Email">
            <textarea rows="5" placeholder="Your comment"></textarea>
            <button type="submit" class="hero-btn red-btn">POST COMMENT</button>


          </form>

        </div>

      </div>
      <div class="blog-right">
        <h3>Post Categories</h3>
        <div>
          <span>Business Analytics</span>
          <span>21</span>
        </div>
        <div>
          <span>Data Science</span>
          <span>28</span>
        </div>
        <div>
          <span>Machine Learning</span>
          <span>17</span>
        </div>
        <div>
          <span>Computer Science</span>
          <span>39</span>
        </div>
        <div>
          <span>Journalism</span>
          <span>15</span>
        </div>
        <div>
          <span>AutoCAD</span>
          <span>40</span>
        </div>
        <div>
          <span>Commerce</span>
          <span>30</span>
        </div>

      </div>
    </div>
   </section>


   <!-- footer -->

      <section class="footer">
        <h4>About Us</h4>
        <p>We are committed to fostering a dynamic learning environment that empowers students to excel academically and thrive personally.<br> With a focus on innovation, inclusivity, and excellence, we strive to shape the leaders of tomorrow.</p>
        <div class="icons">
          <i class="fa fa-facebook"></i>
          <i class="fa fa-twitter"></i>
          <i class="fa fa-instagram"></i>
          <i class="fa fa-linkedin"></i>
        </div>
        <p>Made with <i class="fa fa-heart-o"></i> By our Alumni Nishtha Gupta</p>


      </section>


  <!-- javascript for toggle menu -->
  <script>
    var navLinks=document.getElementById("navLinks");
    function showMenu(){
      navLinks.style.right="0";

    }
    function hideMenu(){
      navLinks.style.right="-200px";

    }
  </script>

</body>
</html>