precious-snacks/about.html at master · HackToHelpUTD/precious-snacks · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>About Us | Precious Snacks</title>
    <link rel="stylesheet" href="src/style/about.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500|Satisfy" rel="stylesheet">
    <!-- Nav Bar CSS, Add Custom CSS After -->
    <link rel="stylesheet" href="src/style/style.css">
    <!--navbar JS-->
    <script src="src\js\nav.js"></script>
    <!--Favicons-->
    <link rel="apple-touch-icon" sizes="180x180" href="/src/imgs/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/src/imgs/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/src/imgs/favicons/favicon-16x16.png">
    <link rel="manifest" href="/src/imgs/favicons/manifest.json">
    <link rel="shortcut icon" href="/src/imgs/favicons/favicon.ico">
    <meta name="msapplication-config" content="/src/imgs/favicons/browserconfig.xml">
    <meta name="theme-color" content="#789f73">
  </head>
  <body>
    <div class="not-footer">
      <nav class="navBar" id="navBar">
        <a href="./" class="logo">
          <img src="src/imgs/logo.svg" alt="logo" class="logo-image">
          <p class="logo-text">Precious Snacks</p>
        </a>
        <a href="./contact.html" class="navtext">Contact</a>
        <a href="./products.html" class="navtext">Products</a>
        <a href="./about.html" class="navtext active">About</a>
        <a href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>
      </nav>
      <div id="missionState">
        <h2>Our Mission Statement</h2>
        <p>Precious Snacks works to enhance
            the quality of life for families
            that don't have the certain skillsets
            to obtain job oppurtunities and help
            people reach their full potential through
            learning and the power of work.</p>
      </div>
      <div class="flex" id="WhoAreWe"> <!-- start first flex-->
          <div id="whoContent">
            <h3>Who Are We?</h3>
            <p>We are a community that aspires to help other
              people in our community that needs helping.
              Some families in our community don't have the
              resources to further their careers financially,
              so we help them to run a side business that can
              help to insure an income. Our community strives
              to facilitate income influx and deficits with
              the US economy. Through Precious Snacks, we
              help our friends in society and help them to be
              more aware and involved in the economy.</p>
          </div>
          <div id="whoPic">
            <img src="src/imgs/people_holding.svg" alt="people holding hands">
          </div>
      </div> <!-- end of first flex -->
      <div class="flex" id="Purp">  <!-- start second flex -->
        <div id="purposePic">
            <img src="src/imgs/World_icon.svg.png" alt="world">
          </div>
        <div id="Purpose">
          <h3>What is our Purpose?</h3>
          <p>Some families in our community don't have the resources
            to further their careers financially, so we help them to
            run a side business that can help to insure an income.
            Our community strives to facilitate income influx and deficits
            with the US economy. Through Precious Snacks, we help
            our friends in society and help them to be more aware
            and involved in the economy.</p>
        </div>

      </div> <!-- end of second flex -->

    </div>
    <div class="footer flex">
      <div class="left">
        <p>&copy; Copyright 2017 Precious Snacks</p>
      </div>
      <div class="right">
        <p>Designed and Developed by <a href="https://itwd.us/2017">ITWD 2017</a></p>
      </div>
    </div>
  </body>
</html>