FinalProject/index.php at main · sedemkofi/FinalProject · 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
<?php
    include 'feedback/general.php';
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Wavers - Music Collaboration</title>
    <link rel="icon" href="images/waveform.svg">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="js/index.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/loading.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

</head>
<body>
    <div class="loader_bg">
        <div class="loader"><img src="images/loading.gif" alt="#" /><br><p>Loading</p></div>
    </div>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="index.php">Wavers</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-link" href="login/login.php">Sign In</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="login/signup.php">Sign Up</a>
                </li>
            </ul>
        </div>
    </nav>
    <div class="home-back"></div>
    <div class="jumbotron text-center">
        <h1 class="display-4">Welcome to Wavers!</h1>
        <p class="lead">Join us and collaborate with musicians around the world.</p>
        <hr class="my-4">
    </div>
    <div class="features-section" id="features">
        <div class="container">
            <div class="row">
                <div class="col border-right">
                    <span class="head">Music Uploads</span><br><br>
                    Whether you're a solo artist, a band member, or a producer,
                    sharing your work here opens doors to constructive criticism, potential collaborations, and invaluable insights from fellow musicians
                    and industry professionals. Simply upload your tracks, and let the community inspire and elevate your music to new heights.
                </div>
                <div class="col border-right">
                    <span class="head">Collaboration</span><br><br>
                    Connecting with like-minded musicians has never been easier! Our platform offers a seamless way to reach out and network with other musicians who share your passion and interests.
                    Whether you're seeking collaborators for your next project, looking to join a band, or simply want to expand your musical circle, you can easily contact other musicians on the platform.
                    Forge new connections, exchange ideas, and embark on exciting musical journeys together!
                </div>
                <div class="col">
                    <span class="head">Explore Music from Around the World</span><br><br>
                    Discover a world of music beyond borders! Our platform brings together musicians and artists from diverse cultures and backgrounds, offering you a unique opportunity to explore and appreciate music from all corners of the globe.
                    Immerse yourself in the rich tapestry of sounds, rhythms, and melodies from different countries and regions. Join our global community and embark on a journey of musical discovery like never before.
                </div>
            </div>
            <div class="get-started-div">
                <a class="btn btn-primary" href="#" role="button" id="get-started">Get Started</a>
            </div>
        </div>
        <br><br>
        <div class="container-fluid text-center">
            <span class="text-muted">Wavers &copy; 2020</span>
        </div>

    </div>
    <!-- Footer -->
    <div id="footer-index"></div>
    <!-- Footer -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#get-started").click(function(event){
                event.preventDefault();
                $('html, body').animate({scrollTop: 0}, 'slow');
            });
        });
        $(function(){
            $("#footer-index").load("view/index-footer.php");
        });
        window.addEventListener('load', function() {
            setTimeout(function() {
                document.querySelector('.loader_bg').style.display = 'none';
            }, 1500);
        });
    </script>
</body>
</html>