SparkAmerica-website-clone/contact-us.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
<!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>CONTACT US - SparkAmerica</title>
    <link rel="stylesheet" href="Style/contact-us.css" />
    <link rel="stylesheet" href="Style/footer.css" />
    <link rel="stylesheet" href="Style/navbar.css" />
    <link rel="icon" href="SPARK-America.png" />
    <script
      src="https://kit.fontawesome.com/0abc29f6ea.js"
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <nav class="position_index">
      <!-- Import Navbar Data Append Here -->
    </nav>
    <div id="line"></div>
    <center>
      <div class="navbar_icon">

      </div>
    </center>

    <div id="partner_container">
      <div id="content">
        <!-- Ready join content -->
        <div id="heading_content">
          <h2 id="heading">
            <span class="heading_text">READY TO JOIN?</span>
          </h2>

          <div class="separator_parent">
            <!-- separator line -->
            <div class="separator"></div>
          </div>

          <div class="subheading_text">
            <p>
              SparkAmerica is made up of
              <a href="#/">organizations and businesse</a>s just like yours. If
              you're interested in participating, joining us as a strategic
              partner, or becoming a sponsor, we would love to hear from you.
              Have questions about how you can utilize our
              <a href="calender.html">Annual Calendar</a>
              in your organization? We can help you understand how it all works
              to deliver a thriving culture. <br />
              If you're an individual interested in joining a team, please visit
              our
              <a href="#">SparkCities</a>
              page to see if your city is listed. From there you can see visit
              one of our SparkCity home pages and look for your organization. If
              you don't see your organization, ask your HR leader to sign up and
              enter your business name and, once verified, your organization
              will become a part of the movement.
            </p>
          </div>
        </div>
        <!-- Reach out form-->

        <div id="reach_out">
          <div id="form_div">
            <h3>REACH OUT</h3>
            <form id="form">
              <input type="text" id="name" placeholder="Your Name" />
              <label id="war_name"></label>
              <input type="email" id="email" placeholder="Email Address" />
              <label id="war_email"></label>
              <div id="checkbox">
                <label>Your Interest in SparkAmerica</label>
                <ul>
                  <li>
                    <input type="checkbox" />
                    <label>Interested in Partnering</label>
                  </li>
                  <li>
                    <input type="checkbox" />
                    <label>Interested in Sponsoring</label>
                  </li>
                  <li>
                    <input type="checkbox" />
                    <label>Please bring SparkAmerica to Our City</label>
                  </li>
                </ul>
              </div>
              <div id="captcha">
                <input
                  id="captcha_checkbox"
                  type="checkbox"
                  onclick="off()"
                  value="off"
                />
                <img
                  src="https://www.a2hosting.com/blog/content/uploads/2017/02/image01-1.png"
                />
                <div><label id="war_captcha"></label></div>
              </div>

              <button type="submit" id="submit">SEND MESSAGE</button>
            </form>
          </div>
          <div id="contact_details">
            <h3>OUR INFORMATION</h3>
            <p>
              <a href="mailto:support@sparkamerica.com"
                >support@sparkamerica.com</a
              ><br />
              (888) 330-6891
              <br />
              SparkAmerica
              <br />
              P.O. Box 123, Oakmont, PA 15139
            </p>
          </div>
        </div>
      </div>
    </div>
    <footer>
      <!-- Import Footer Data Append Here -->
    </footer>
  </body>
</html>
<script src="script/contact-us.js"></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>