Coding-School/post.html at master · Okubi1/Coding-School · 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
138
139
140
141
142
143
144
145
146
147
148
<!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>Educa</title>
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
      integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
    <script
      src="https://code.jquery.com/jquery-3.6.0.min.js"
      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
      crossorigin="anonymous"
    ></script>
    <link rel="stylesheet" href="./css/style.css" />
  </head>
  <body>
    <!-- navigation -->
    <nav>
      <h1>Educa</h1>
      <!-- <img src="images/logo.svg" alt="" /> -->
      <div class="navigation">
        <ul>
          <i id="menu-close" class="fas fa-times"></i>
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="blog.html" class="active">Blog</a></li>
          <li><a href="course.html">Courses</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
        <img id="menu-btn" src="./images/menu.png" alt="" />
      </div>
    </nav>
    <!-- navigation -->

    <!-- single post -->
    <section id="blog-container">
      <div class="blogs blogpost">
        <div class="post">
          <img src="images/b1.jpg" alt="" />
          <h3>Learn Html and Css</h3>
          <p>
            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Non fugiat
            ducimus, accusantium laborum nisi odit doloremque harum delectus
            aperiam nemo. Labore, fugiat. A, ex exercitationem ipsum provident
            perspiciatis similique facere.
            <br /><br />
            Lorem ipsum dolor sit amet consectetur adipisicing elit.
            Consequuntur facere incidunt vitae eum ut dolor amet harum fugiat
            laudantium beatae eligendi consequatur voluptatum in iste ducimus
            velit vel nobis, voluptatibus, obcaecati laborum dicta, veritatis
            placeat accusantium tempora? Saepe fugiat nulla id, soluta
            consequatur maxime. Laboriosam qui quod ipsum omnis tempora!
            <br /><br />
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos
            incidunt recusandae expedita itaque corrupti nam error, fuga maxime,
            totam dolores doloribus perspiciatis officia quisquam distinctio
            ratione repellat obcaecati. Exercitationem hic distinctio amet
            voluptate? Sed, laboriosam. At repudiandae aliquid ipsam architecto
            facere quia! Sequi reprehenderit porro tempora, maiores deserunt
            veritatis voluptates non, cupiditate minima dolores et consequatur
            dolorem suscipit dignissimos. Nemo impedit ipsa aliquid eligendi ut
            ratione non sunt repudiandae consectetur.
            <br /><br />
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis
            sed, non ut illum itaque consequuntur sint quibusdam dolorem vitae
            reprehenderit voluptates error porro labore, eaque beatae excepturi
            rerum asperiores minus quae! Voluptas, sapiente exercitationem.
            Sequi, nobis quis recusandae obcaecati eos quidem nemo dolore sit,
            ab temporibus illum qui harum? Cum consequatur temporibus, beatae
            vitae quos quae ex impedit aliquam? Quo, accusantium officia! At,
            delectus! Corrupti voluptates dicta perspiciatis ipsa quibusdam.
          </p>
          <a href="#">Read Next ?</a>
        </div>
      </div>
    </section>
    <!-- single post -->

    <!-- footer -->
    <footer>
      <div class="footer-col">
        <h3>Top Products</h3>
        <li>Manage Reputation</li>
        <li>Power Tools</li>
        <li>Managed Website</li>
        <li>Marketing Service</li>
      </div>
      <div class="footer-col">
        <h3>Top Products</h3>
        <li>Manage Reputation</li>
        <li>Power Tools</li>
        <li>Managed Website</li>
        <li>Marketing Service</li>
      </div>
      <div class="footer-col">
        <h3>Top Products</h3>
        <li>Manage Reputation</li>
        <li>Power Tools</li>
        <li>Managed Website</li>
        <li>Marketing Service</li>
      </div>
      <div class="footer-col">
        <h3>Top Products</h3>
        <li>Manage Reputation</li>
        <li>Power Tools</li>
        <li>Managed Website</li>
        <li>Marketing Service</li>
      </div>
      <div class="footer-col">
        <h3>Newsletter</h3>
        <p>You can trust us. we only send promo offers</p>
        <div class="subscribe">
          <input type="text" placeholder="Your Email address" />
          <a href="#" class="yellow">Subscribe</a>
        </div>
      </div>

      <div class="copyright">
        <p>
          CopyRight &copy;2021 All rights reserved | This template is made by
          Subhakant
        </p>
        <div class="pro-links">
          <i class="fab fa-facebook-f"></i>
          <i class="fab fa-instagram"></i>
          <i class="fab fa-linkedin"></i>
        </div>
      </div>
    </footer>
    <!-- footer -->

    <!-- <script src="app.js"></script> -->
    <script>
      $('#menu-btn').click(function () {
        $('nav .navigation ul').addClass('active');
      });
      $('#menu-close').click(function () {
        $('nav .navigation ul').removeClass('active');
      });
    </script>
  </body>
</html>