Localvibe.github.io/index.html at main · Samsonvey2/Localvibe.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Localvibe</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
</head>
<body>
    <!--navbar-->
    <header>
        <a href="#" class="logo"><img src="img/logo.png" alt=""></a>
        <div class="bx bx-menu" id="menu-icon"></div>

        <ul class="navbar">
            <li><a href="#home">Home</a></li>
            <li><a href="#app">App</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </header>

<!--Home-->
<section class="home" id="home">
    <div class="home-text">
        <span>Welcome to</span>
        <h1>Localvibe</h1>
        <h2>Connect to your local community <br>and discover local spots</h2>
        <a href="#" class="btn">Download now</a>
    </div>
    <div class="home-img">
        <img src="img/home.png" alt="">
    </div>
</section>
<!--shop-->

</section>
<!--delivery-->
<section class="delivery" id="delivery">
    <div class="heading">
        <span>Join us</span>
        <h1>Discover the Heart of Your Community with LocalVibe</h1>
    </div>
    <div class="container">
        <div class="delivery-img">
            <img src="img/delivery.png" alt="">
        </div>
        <div class="delivery-text">
            <h2>Proximity Based Content</h2>
            <p>LocalVibe makes it easy to stay connected with the people and places in your area. Our unique proximity-based newsfeed curates real-time updates from your local community, helping you discover everything from trending stories to hidden gems. Whether you're looking for neighborhood events, small businesses, or local recommendations, LocalVibe brings the best of your community to your fingertips.</p>
            <p>Stay engaged with what’s happening around you and connect with others who share your passion for local life. With LocalVibe, exploring and sharing the vibrant experiences right outside your door has never been easier.</p>

        </div>
    </div>
</section>
<!--about-->
<section class="app" id="app">
    <div class="heading"></div>
        <span>Our app</span>
        <h1>Download app</h1>
    </div>
    <div class="container">

        <div class="app-text">
            <h2>Get LocalVibe Today!</h2>
            <p>Ready to explore your community like never before? Download LocalVibe now from the Google Play Store and stay connected to what's happening around you. With our proximity-based newsfeed, you'll discover local events, hidden gems, and trending stories in real time, all tailored to your area.</p>
            <p>Join the growing LocalVibe community and start engaging with your neighborhood today. Download the app and unlock the best of local life with just a tap!</p>
            <a href="#" class="btn">Get app</a>
        </div>
        <div class="app-img">
            <img src="img/app.png" alt="">
        </div>
    </div>
</section>
<!--about-->
<section class="about" id="about">
    <div class="about-img">
        <img src="img/about.png" alt="">
    </div>
    <div class="about-text">
        <h2>About LocalVibe</h2>
        <p>LocalVibe was created with a mission to strengthen connections within local communities. Our app is designed to help people discover what's happening around them, from neighborhood events to the small businesses that make each community unique. By highlighting local news, events, and hidden gems, we aim to foster a stronger sense of community and support for local ventures.</p>
        <p>Developed by our passionate team, CodeHouse, from Gordon College, LocalVibe is committed to making local discovery easier and more meaningful. We believe in empowering small businesses and creating a platform where communities can thrive together.</p>

    </div>
</section>
<!--contact-->
<section class="contact" id="contact">
    <div class="social">
        <a href="#"> <i class='bx bxl-facebook'></i></a>
        <a href="#"> <i class='bx bxl-twitter'></i></a>
        <a href="#"> <i class='bx bxl-instagram'></i></a>
        <a href="#"> <i class='bx bxl-youtube'></i></a>
    </div>
    <div class="links">
        <a href="#">Privacy Policy</a>
        <a href="#">Terms of use</a>
        <a href="#">Our team</a>
        <p>&#169; Team Codehouse All rights reserved.</p>
    </div>
</section>


    <script src="main.js"></script>

</body>
</html>