B-Review/html/about.html at main · hamda285/B-Review · 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
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>About Us|Business Review</title>
        <!-- Google Fonts -->
        <link rel="stylesheet"
            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
            integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
            crossorigin="anonymous" referrerpolicy="no-referrer" />
        <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css'
            rel='stylesheet'>
        <link
            href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
            rel="stylesheet" />
        <!-- css links -->
        <link rel="stylesheet" href="../style.css">
        <link rel="stylesheet" href="../css/styles.css">
        <link rel="stylesheet" href="../css/about.css">
        <link rel="stylesheet" href="../css/footer.css">
        <!-- js -->
        <script defer src="../js/script.js"></script>
        <!-- Font Awesome CDN for social media icons -->
        <script defer src="https://kit.fontawesome.com/a076d05399.js"></script>
    </head>

    <body style="background-color: #f4f4f4;">
        <!-- Header Section -->
        <header>
            <div class="container">
                <h1>Business Reviews</h1>
                <!-- Hamburger Icon for mobile view -->
                <div class="hamburger" id="hamburger">
                    <span class="bar"></span>
                    <span class="bar"></span>
                    <span class="bar"></span>
                </div>

                <div class="header-nav" id="navMenu">
                    <ul>
                        <li><a href="../index.html">Home</a></li>
                        <li><a href="../html/about.html">About</a></li>
                        <li><a
                                href="../html/categories.html">Categories</a></li>
                        <li><a href="../html/contactUs.html">Contact Us</a></li>
                    </ul>
                    <button id="signinBtn"><i
                            class="fa-solid fa-user"></i> SignIn</button>

                </div>
            </div>
        </header>

        <!-- About Section -->
        <section class="about">
            <div class="container">
                <h2>About Business Review</h2>
                <p>At Business Review Hub, our goal is to help consumers make
                    informed decisions by providing honest and
                    insightful reviews from real customers. Whether you're
                    looking for the best local restaurant or a
                    reliable service provider, we've got you covered.</p>
            </div>
        </section>

        <!-- Mission Section -->
        <section class="mission">
            <div class="container">
                <h3>Our Mission</h3>
                <p>We strive to provide a platform that connects consumers with
                    the best businesses in their area. By
                    sharing reviews, feedback, and experiences, we empower
                    people to make smarter, more confident choices
                    when it comes to choosing services and products.</p>
            </div>
        </section>

        <!-- Benefits Section -->
        <section class="benefits">
            <div class="container">
                <h3>Why Choose Us?</h3>
                <div class="benefit">
                    <h4>Verified Reviews</h4>
                    <p>We prioritize authenticity by ensuring that only verified
                        customers can submit reviews, so you can
                        trust what you read.</p>
                </div>
                <div class="benefit">
                    <h4>Easy to Navigate</h4>
                    <p>Our user-friendly interface allows you to quickly find
                        businesses based on category, location, or
                        name.</p>
                </div>
                <div class="benefit">
                    <h4>Submit Your Own Review</h4>
                    <p>Want to share your own experiences? You can easily submit
                        your reviews to help others find the best
                        businesses.</p>
                </div>
            </div>
        </section>

        <!-- Footer Section -->
        <footer>
            <div class="footer-container">
                <!-- Quick Links Section -->
                <div class="footer-section">
                    <h3>BUSINESS REVIEW</h3>

                </div>

                <div class="footer-section">
                    <h3>Quick Links</h3>
                    <ul>
                        <li><a href="../index.html">Home</a></li>
                        <li><a href="../html/about.html">About</a></li>
                        <li><a
                                href="../html/categories.html">Categories</a></li>
                        <li><a href="../html/contactUs.html">Contact Us</a></li>
                    </ul>
                </div>

                <!-- Social Media Section -->
                <div class="footer-section">
                    <h3>Follow Us</h3>
                    <div class="social-media-icons">
                        <a href="#" class="social-icon"><i
                                class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon"><i
                                class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon"><i
                                class="fab fa-instagram"></i></a>
                        <a href="#" class="social-icon"><i
                                class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </div>

            <div class="footer-bottom">
                <p>&copy; 2024 Business Reviews. All Rights Reserved.</p>
            </div>
        </footer>
    </body>
</html>