SparkAmerica-website-clone/ourapp.html at main · Awresh/SparkAmerica-website-clone · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- title icon -->
    <link rel="icon" href="SPARK-America.png">
<!-- css link for h1 tag -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">

<!-- css file -->
<link rel="stylesheet" href="Style/ourapp.css">
<link rel="stylesheet" href="./Style/navbar.css">
<link rel="stylesheet" href="./Style/footer.css">
<script src="https://kit.fontawesome.com/0abc29f6ea.js" crossorigin="anonymous"></script>
<title>THE APP - SparkAmerica</title>
</head>
<body>
    <nav>

    </nav>
    <div id="line"></div>
    <center>
        <div class="navbar_icon">
        </div>
    </center>
    <div id="ourapp_desc">
        <h1>OUR APP</h1>
    <div id="sep1"></div>
    <p class="p1">SparkAmerica is powered by the <span class="bhuro">PeopleOne Health </span>app , a world-class technology platform created by our experienced team responsible for developing we ready interfaces and apps that received more than 50 million annual visitors with high engagement levels. It's designed to be intuitive and user friendly, and makes it easy to participate in SparkAmerica challenges, users can track their progress, get access to helpful resources, and view community information like leaderboards and updates.</p>
    <div id="appWeb">
        <div>
            <img id="image1" src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2021/09/POH_FitnessGameMain.jpg" alt="">
        </div>

        <div id="description">
            <h2 id="heading1">THE PEOPLEONE HEALTH APP WEBSITE</h2>
            <p class="p2"><span class="bhuro">The PeopleOne Health App Website</span>  is a feature rich technology tool used to do things like :</p>
            <ul>
                <li>Track user progress during challenges</li>
                <li>Receive updates and access resources like helpful articles and videos that can boost your health journey</li>
                <li>View Leaderboards during challenges that incorporate friendly competition</li>
                <li>Access the Fitness Game and track daily habits and goals</li>
            </ul>
        </div>
    </div>
    <div id="sep2"></div>
    <div id="appMob">
        <div id="description2">
            <h2>THE PEOPLEONE HEALTH MOBILE APP</h2>
            <p class="p1">SparkAmerica participants can also use the PeopleOne Health Mobile app to track their progress during challenges. The app can be downloaded for free for both iPhone and Android devices from the <span class="bhuri">iOS App Store</span>  or the <span class="bhuri">Google App Store</span> , and utilizes the same easy-to-use features and amazing resources as the desktop portal.</p>
            <p class="p1">Additionally, the PeopleOne Health app syncs with:</p>
            <ul>
                <li>Apple Health</li>
                <li>Google Fit</li>
                <li>FitBit</li>
            </ul>
            <p class="p1">This feature makes it more convenient to log Active Minutes. Users can also manually enter their minutes and activities in the Fitness Game.</p>
        </div>
        <div>
            <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2021/09/POH_AppHomeScreen.jpg" alt="" id="image2">
        </div>
    </div>
    <div id="sep3"></div>
    <div id="game">
        <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2021/09/POH_FitnessGameMobile.jpg" alt="" id="image3">
        <div id="description3">
            <h2>THE FITNESS GAME</h2>
            <p class="p1">The Fitness Game lives inside of the PeopleOne Health portal to help users see their progress in a fun and convenient format. Every day the game will sync with your mobile health app or you can enter your Active Minutes manually. It's as easy as putting in the number of minutes, the Activity Description, and hitting the Add Minutes button. Then "Pow!", you'll see your minutes added and as you scroll down you can also see your history and activity streaks.</p>
        </div>
    </div>
    </div>

    <footer>

    </footer>
</body>
</html>
<script>
document.querySelector(".bhuro").addEventListener("click",function(){
    window.location.href="peopleone_sign_in.html"
})
document.querySelector(".p2>.bhuro").addEventListener("click",function(){
    window.location.href="peopleone_sign_in.html"
})
</script>
<script type="module">
    import {navbar,footer,navbar2} from './Componets/navbar_footer.js';

    document.querySelector("nav").innerHTML = navbar();
    document.querySelector("footer").innerHTML = footer();
    document.querySelector(".navbar_icon").innerHTML = navbar2();


 </script>
<!-- <script src="./Script/navbar_media.js"></script> -->

<script>
    function getmenu(){
    event.preventDefault();
    document.querySelector(".list_of_links").style.display = "block";
    document.querySelector("#menu_icon_delete").style.display = "block";
    document.querySelector("#menu_icon_div").style.display = "none";

    document.querySelector("#ourapp_desc").style.marginTop = "280px";

 }

 function Delete(){
    event.preventDefault();
    document.querySelector("#menu_icon_delete").style.display = "none";
    document.querySelector("#menu_icon_div").style.display = "block";
    document.querySelector(".list_of_links").style.display = "none";
    document.querySelector("#ourapp_desc").style.marginTop = "30px";


 }
</script>