ByteWave/index.html at main · Tife-O/ByteWave · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ByteWave</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js" defer></script>
    <script src="data.js" defer></script>
</head>
<body>
    <div class="hero">
        <header class="header">
        <nav class="navbar">
            <img src="images/demo-logo.png" class="company-logo">
                <ul>
                    <li><a href="index.html">Home</a>

                        <div class="about-menu-wrap" id="aboutMenu">
                            <div class="about-menu">
                                <hr>
                                <a href="index.html#aboutPage" class="about-menu-link">
                                <p>Founders</p>
                                <span>></span>
                                </a>
                                <a href="background.html" class="about-menu-link">
                                    <p>Background</p>
                                    <span>></span>
                                    </a>
                                <a href="index.html#mission-page" class="about-menu-link">
                                    <p>Mission</p>
                                    <span>></span>
                                    </a>
                                <a href="Exconsole.html" class="about-menu-link">
                                    <p>Place an Order</p>
                                    <span>></span>
                                </a>
                            </div>
                        </div>
                    </li>
                    <li><a href="partners.html">Partners</a></li>
                    <li><a href="filter.html">Search Restaurants</a>
                    <li><a href="contact.html">Contact Us</a></li>
                    <li><a href="login.html" class="login">Log In</a></li>
                    <li><a href="signin.html">Sign Up</a></li>
                   </ul>
                </nav>
        </header>
        <img src="images/home-background2.png" id="home-page-background" alt="Background Image">
        <h1>ByteWave</h1>
        <div class="slogan">
            <p>Where Curiosity Meets Cuisine</p>
        </div>

    </div>
   <!-- About Section -->
<section id="aboutPage">
    <div class="container">

        <!-- Founders Section -->
        <div class="founders-section">
            <div class="founders-grid">
                <div class="founder-card">
                    <img src="images/profile image.png"  class="profile-img" alt="Richard Wang">
                    <p>Richard Wang</p>
                </div>
                <div class="founder-card">
                    <img src="images/tife-headshot-img.jpg" class="profile-img" alt="Tife Odepe">
                    <p>Tife Odepe</p>
                </div>
                <div class="founder-card">
                    <img src="images/daren-headshot-img.jpg" class="profile-img" alt="Daren Mceachin">
                    <p>Daren Mceachin</p>

                </div>
                <div class="founder-card">
                    <img src="images/juan-headshot-img.jpg" class="profile-img" alt="Juan Moreno">
                    <p>Juan Moreno</p>
                </div>
            </div>
        </div>

        <div class="about-content">
            <h1>Meet the Founders</h1>
            <p>We are a passionate team of All Star Code students, driven by our ambition to push the boundaries of what's possible in the world of programming. As young innovators, we are dedicated to exploring new technologies, embracing challenges, and turning ideas into reality. Join us on this exciting journey as we learn, create, and inspire the next generation of tech leaders.</p>
        </div>
    </div>
</section>
<section id="mission-page">
    <div class="mission-container">
        <img src="images/mission-img.jpg" id="mission-img">
        <div class="mission-items">
            <h1>Mission</h1>
            <p>Are you tired of the same old dining choices? Do you crave new and exciting culinary experiences but find yourself at a loss for where to start? If so, ByteWave is your destination.
                Our mission is to ignite your culinary curiosity by helping you discover a world of diverse and delicious restaurants catored to your tastes. We understand that finding new places to eat can be a challenge, especially when you're looking for something unique or off the jump. That's why ByteWave is dedicated to connecting you with restaurants that you may be unaware of, but very delicious.
                But our mission goes beyond just helping customers; we are passionate about supporting the growth of small businesses. At ByteWave, we value small businesses of the culinary world: restaurants that might not have the recognition they deserve. By introducing these establishments to our community of food lovers, we hope to help them gain the popularity and patronage they need to thrive.
                Together, we can explore, discover, and savor the endless possibilities that the food world has to offer.
            </p>
        </div>
    </div>
</section>
<section>
    <div class="gallery-spinner">
        <div class="gallery-item"><img src="image-gallery/byte-caribbean.jpg" alt="Image 1"></div>
        <div class="gallery-item"><img src="image-gallery/byte-chicken.jpg" alt="Image 2"></div>
        <div class="gallery-item"><img src="image-gallery/byte-cuisine.jpg" alt="Image 3"></div>
        <div class="gallery-item"><img src="image-gallery/byte-curry.webp" alt="Image 4"></div>
        <div class="gallery-item"><img src="image-gallery/byte-macaroni.webp" alt="Image 5"></div>
        <div class="gallery-item"><img src="image-gallery/byte-nachos.jpg" alt="Image 6"></div>
        <div class="gallery-item"><img src="image-gallery/byte-noodles.webp" alt="Image 7"></div>
        <div class="gallery-item"><img src="image-gallery/byte-rice.webp" alt="Image 8"></div>
        <div class="gallery-item"><img src="image-gallery/byte-soup.jpg" alt="Image 9"></div>
        <div class="gallery-item"><img src="image-gallery/byte-sushi.jpg" alt="Image 10"></div>
    </div>
</section>
<button id="back-to-top">Back to Top</button>
<footer class="footer"><p>&copy; 2024 ByteWave. All rights reserved.</p></footer>

</body>
</html>