generic-website/blog.html at master · Utkarshthgr8/generic-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
<!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">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="style.css">
    <title>Generic Website</title>
</head>
<body>
    <section class="sub-header">
        <nav>
            <a href="index.html"><img src="images/logo.png" alt=""></a>
            <div class="nav-links" id="nav-links">
                <i class="fa fa-times" id="times"></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" id="bars"></i>
        </nav>
        <h1>Our Certificates & Online Programs for 2022</h1>
    </section>

    <section class="blog-content">
        <div class="row">
            <div class="blog-left">
                <img src="images/certificate.jpg" alt="certificate">
                <h2>Our Certificates & Online Programs for 2022</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Id molestiae enim nam quasi rem! Ipsam amet aliquid laudantium provident cum blanditiis, officiis culpa, veritatis quibusdam, maiores odit quia modi obcaecati delectus veniam! Ab voluptates assumenda maiores? Placeat in qui cum?</p>
                <br>
                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Autem id voluptatem quisquam enim vel laboriosam, deserunt error, alias itaque repellat molestias! Veritatis, doloremque. Accusamus tenetur suscipit natus est beatae rem. Sapiente a sint eos itaque!</p>
                <br>
                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequatur, saepe! Quod, natus nihil quasi ipsa officiis explicabo non commodi delectus deserunt, at beatae veritatis magni, sint earum consequatur odio id recusandae minima nam cupiditate sequi. Provident vero at unde? Tempore aliquid optio dolorem sint molestias!</p>
                <br>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Perspiciatis sed cupiditate aliquid laborum. Eum, nesciunt labore? Eligendi nihil harum, nisi voluptas consectetur architecto.</p>
                <br>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat reprehenderit, eius commodi ab pariatur nulla temporibus animi magnam obcaecati, facere, neque quaerat excepturi aspernatur mollitia voluptates? Voluptates ad necessitatibus quibusdam, quo voluptatibus sequi eius molestiae mollitia repellendus, accusamus praesentium pariatur! Doloribus tempora deleniti, sed quae libero voluptas quod, deserunt, delectus eligendi explicabo iste eum obcaecati? Provident?</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>23</span>
                </div>
                <div>
                    <span>Data Analytics</span>
                    <span>42</span>
                </div>
                <div>
                    <span>Machine Learning</span>
                    <span>12</span>
                </div>
                <div>
                    <span>Computer Science</span>
                    <span>31</span>
                </div>
                <div>
                    <span>AutoCAD</span>
                    <span>32</span>
                </div>
                <div>
                    <span>Journalism</span>
                    <span>33</span>
                </div>
                <div>
                    <span>Commerce</span>
                    <span>13</span>
                </div>
            </div>
        </div>
    </section>

    <section class="footer">
        <h4>About Us</h4>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem dolore minus suscipit maxime maiores,<br>magni quaerat impedit incidunt sed repellat architecto, doloremque qui.</p>
        <div class="icons">
            <i class="fab fa-facebook"></i>
            <i class="fab fa-twitter"></i>
            <i class="fab fa-instagram"></i>
            <i class="fab fa-linkedin"></i>
        </div>
        <p>Made with <i class="fa fa-heart"></i> by BuildIT</p>
    </section>
</body>
<script src="script.js"></script>
</html>