codeblogproject/AboutUs.html at main · syamreddy99/codeblogproject · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CodeBlog | About Us</title>
    <link rel="stylesheet" href="css/AboutUs.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
</head>
<body>
    <header class="home-header" id="home-header">
        <nav class="home-navbar" id="home-navbar">
            <div class="home-navbar-left">
                <a href="home.html" class="home-link">
                    <img src="images/logo1.png" alt="Code-Blog logo">
                    <span class="CodeBlog-Name">CodeBlog</span>
                </a>
            </div>
            <div class="home-navbar-center">
                <ul class="home-nav-links">
                    <li><a href="home.html">Blogs</a></li>
                    <li><a href="">Discussions</a></li>
                    <li><a href="Upload.html">Uploads</a></li>
                    <li><a href="AboutUs.html">About</a></li>
                    <li><a href="FAQs.html">FAQs</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </div>
            <div class="home-navbar-right">
                <div class="home-navbar-right-notification">
                    <img src="images/notification.png" alt="">
                </div>

                <div class="home-navbar-right-profile">
                    <a href="profile.html">
                        <img src="images/profile-photo.png" alt="profile">
                    </a>
                </div>
            </div>
        </nav>
    </header>
    <section class="aboutus-section">
        <h1 class="heading-aboutus">About Us</h1>
        <div class="quote">
            <h2>Write, share, inspire.</h2>
            <h2>The stage for developer stories.</h2>
        </div>
        <div class="total-content">
            <div class="leftside-content">
                <div class="content">
                    <p>Write, share, and inspire on our streamlined blogging platform, where code meets creativity. Elevate your developer stories and fuel tech conversations, all while building your network in the community.esses. That's why we've brought together a team of experts who are passionate about helping our clients succeed online. </p>
                </div>
                <div class="socialmedia-links">
                    <div class="linkedin"><img src="images/linkedin.png"></div>
                    <div class="github"><img src="images/github.png"></div>
                    <div class="twitter"><img src="images/logos.png"></div>
                    <div class="insta"><img src="images/instagram.png"></div>
                </div>
            </div>
            <div class="rightside-content">
                <img src="Images/Screenshot 2024-04-15 220549.png" alt="About Us">
            </div>
        </div>
    </section>
</body>
</html>