SparkAmerica-website-clone/calender.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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<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>CALENDER - SparkAmerica</title>
    <link rel="icon" href="SPARK-America.png">
    <link rel="stylesheet" href="./Style/navbar.css">
    <link rel="stylesheet" href="./Style/footer.css">
    <link rel="stylesheet" href="./Style/calender.css">
    <script src="https://kit.fontawesome.com/0abc29f6ea.js" crossorigin="anonymous"></script>
</head>
<body>
    <nav>

    </nav>
    <div id="line"></div>
    <center>
        <div class="navbar_icon">

        </div>
    </center>

    <div id="desc">
        <h2>OUR CALENDAR</h2>
        <div class="line2"></div>
        <p id="cal_des_tag">SparkAmerica works hard to build community and be accessible to everyone, because leaders come in all shapes, sizes, and levels
             of ability so there's  something for everyone, all year round. The challenges and events on the SparkAmerica Calendar are designed
              by experts in lifestyle coaching and behavior change science for the total health of participants. That means subjects like nutrition,
               mental health, sleep, and even financial wellness will be covered.<br>
                The physical challenges, like the Fit City Challenge, are based on Active Minutes.
                That means that anyone can participate, because all you need is to be active for at least
                 10 minutes a day. All kinds of activity - walk your dog, garden, roller skate, play basketball,
                  dance, hike, skateboard, swim - count toward your Active Minutes!<br>

                 All of our challenges utilize the<span onclick="phs()"> PeopleOne Health portal </span>our
                 free and easy-to-use technology platform.</p>
    </div>

    <div class="calender_divs">
        <div>
            <h2>30-DAY HEALTHY<br>WEIGHT</h2>
            <p>New ways to think about<br>what you eat and how you move.</p>
            <strong>January 1 - 31</strong>
            <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2020/12/Calendar_January.jpg" alt="">
        </div>
        <div>
            <h2>HEALTHY<br>HEART</h2>
            <p>Simple habit changes to<br>keep your ticker in peak condition.</p>
            <strong>February 1 - 28</strong>
            <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2020/12/Calendar_February.jpg" alt="">
        </div>
        <div>
            <h2>MANAGE STRESS<br>MINDFULLY</h2>
            <p>Mindfulness practice to help<br>you deal with all life's demands</p>
            <strong>March 1 - 31</strong>
            <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2020/12/Calendar_June.jpg" alt="">
        </div>
        <div>
            <h2>SPRING INTO<br>SHAPE</h2>
            <p  id="april_tag">Spring clean fitness<br>routine,an exerciser for life</p>
            <strong>April 1 - 14</strong>
            <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2022/01/Calendar_Spring.jpg" alt="">
        </div>
        <div>
            <h2>SPRING FIT CITY<br>CHALLENGE</h2>
            <p>Fitness tracking, leaderboards<br>and friendly competition</p>
            <strong>April 15 - May 31</strong>
            <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2020/12/Calendar_FitCity1.jpg" alt="">
        </div>
        <div>
            <h2>FIT & HEALTHY<br>LEADERSHIP</h2>
            <p>Learn about goal-setting,<br>tools for success and leadership</p>
            <strong>June 1 - 30</strong>
            <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2020/12/Calendar_March.jpg" alt="">
        </div>
        <div>
            <h2>HEALTHY SUMMER<br>HABITS</h2>
            <p id="july_tag">A little time in nature will<br>benefit you in big ways.</p>
            <strong>July 1 - 31</strong>
            <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2020/12/Calendar_April.jpg" alt="">
        </div>
        <div>
            <h2>ACHIEVING FINANCIAL<br>FREEDOM</h2>
            <p>Get your finances in shape<br>with healthy budgeting habits</p>
            <strong>August 1 - 31</strong>
            <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2020/12/Calendar_July.jpg" alt="">
        </div>
        <div>
            <h2>FALL FIT CITY<br>CHALLENGE</h2>
            <p>Fitness tracking,<br>leaderboards and competition</p>
            <strong>September 1 - October 15</strong>
            <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2020/12/Calendar_FitCity2.jpg" alt="">
        </div>
        <div>
            <h2>SLIP INTO<br>SLUMBER</h2>
            <p>Better sleep habits,<br>relaxation techniques, and sleep hygiene</p>
            <strong>October 16 - 31</strong>
            <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2020/12/Calendar_October.jpg" alt="">
        </div>
        <div>
            <h2>HEALTHY HOLIDAYS &<br>HELPING HANDS</h2>
            <p>Set realistic goals while<br>having an impact on those around you</p>
            <strong>November 1 - 30</strong>
            <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2020/12/Calendar_November.jpg" alt="">
        </div>
        <div>
            <h2>CREATE A POSITIVE<br>MINDSET</h2>
            <p  id="dec_tag">Learn the<br>importance of gratitude and positive thinking</p>
            <strong>December 1 - 31</strong>
            <img src="https://secureservercdn.net/45.40.145.201/79x.0e9.myftpupload.com/wp-content/uploads/2020/12/Calendar_August.jpg" alt="">
        </div>
    </div>

    <footer>

    </footer>
</body>
</html>

<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>
function phs(){
    event.preventDefault();
    window.location.href = "peopleone_sign_in.html"
}
</script>
<script src="./Script/navbar_media.js"></script>