codewheel/blog.html at main · PiyushSoniDev/codewheel · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blog Posts - Code Wheel</title>
    <link rel="stylesheet" href="css/navbar.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" href="images/logo.png" type="image/png">
</head>
<body>
    <nav class="nav_bar navitems">
        <div class="navbar__item">
            <div class="main">
                <img src="images/logo.png" onclick="window.location.href = 'index.html'" alt="Code Wheel Logo" class="logo">
                <h2 id="logo">Code Wheel</h2>
            </div>
            <div class="mobile-menu">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </div>
        </div>
        <ul class="nav_list">
            <li><a href="index.html">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Blogs</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li class="sign"><a href="#" class="login">Login</a></li>
            <li class="sign"><a href="#" class="register">Register</a></li>
        </ul>
    </nav>
        <div class="introduction">
            <h1>CodeWheel Blogs</h1>
            <img src="images/logo.png" alt="Code Wheel Logo">
            <h2>Learn To Code</h2>
            <div class="buttons">
                <a class="blog" href="index.html">Go to Home</a>
                <a class="contactbtn" href="contact.html">Contact Me</a>
            </div>
            <div class="socialLinks">
                <a href="https://www.facebook.com/code.wheel.5" target="_blank"><img src="social/facebook.png" alt="facebook" title="FaceBook"></a>
                <a href="#"><img src="social/linked.png" alt="facebook" title="Linkedin" ></a>
                <a href="#"><img src="social/instagram.png" alt="facebook" title="Instagram"></a>
                <a href="#"><img src="social/twitter.png" alt="facebook" title="Twitter"></a>
            </div>
        </div>
    <div class="blogs">
        <div class="blog_div">
            <h1 class="title">How  to make grid?</h1>
            <p class="description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum doloribus
                                   repudiandae atque aut libero animi aspernatur quibusdam quaerat aliquid hic.....</p>
            <button class="read_more">Read More</button>
        </div>
        <div class="blog_div">
            <h1 class="title">How  to make grid?</h1>
            <p class="description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum doloribus
                                   repudiandae atque aut libero animi aspernatur quibusdam quaerat aliquid hic.....</p>
            <button class="read_more">Read More</button>
        </div>
        <div class="blog_div">
            <h1 class="title">How  to make grid?</h1>
            <p class="description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum doloribus
                                   repudiandae atque aut libero animi aspernatur quibusdam quaerat aliquid hic.....</p>
            <button class="read_more">Read More</button>
        </div>
        <div class="blog_div">
            <h1 class="title">How  to make grid?</h1>
            <p class="description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum doloribus
                                   repudiandae atque aut libero animi aspernatur quibusdam quaerat aliquid hic.....</p>
            <button class="read_more">Read More</button>
        </div>
        <div class="blog_div">
            <h1 class="title">How  to make grid?</h1>
            <p class="description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum doloribus
                                   repudiandae atque aut libero animi aspernatur quibusdam quaerat aliquid hic.....</p>
            <button class="read_more">Read More</button>
        </div>
        <div class="blog_div">
            <h1 class="title">How  to make grid?</h1>
            <p class="description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum doloribus
                                   repudiandae atque aut libero animi aspernatur quibusdam quaerat aliquid hic.....</p>
            <button class="read_more">Read More</button>
        </div>
        <div class="blog_div">
            <h1 class="title">How  to make grid?</h1>
            <p class="description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum doloribus
                                   repudiandae atque aut libero animi aspernatur quibusdam quaerat aliquid hic.....</p>
            <button class="read_more">Read More</button>
        </div>
        <div class="pagination">
            <button>Previous</button>
            <button>Next</button>
        </div>
    </div>

    <footer class="copy">
        <div class="copyright">&copy; 2020-2021 CodeWheel</div>
    </footer>
    <script src="js/main.js"></script>
</body>
</html>