UI/index.html at master · Build-Week-Home-Chore-Tracker/UI · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="img/favicon.ico" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Home Chore Tracker</title>

</head>
<body>
  <header>
    <nav id="navbox">
      <a href="#" onclick="hideMenu()" class="showmemobile">
        <img src="img/Menu.svg" alt="Hamburger Menu">
      </a>
      <a href="index.html" class="hidememobile" id="hidebox0">
        <img src="img/Menu.svg" alt="Hamburger Menu">
        <div id="hidebox" class="hideme homelink">Home</div>
      </a>
      <a href="about.html">
        <img src="img/UserProfile.svg" alt="Person">
        <div id="hidebox2" class="hideme aboutlink">About Us</div>
      </a>
      <a href="https://fe.home-chore-tracker.now.sh/signin">
        <img src="img/StarPoints.svg" alt="Star">
        <div id="hidebox3" class="hideme starlink">Login</div>
      </a>
    </nav>
  </header>

  <div class="holdme">

    <section class="sec1">
        <div class="title">
          <h1>Home Chore Tracker</h1>
          <img src="img/Screen-Shot-2019-10-20.png" alt="Person">
          <p class="hideplease">Turn Chores Into Fun!</p>
        </div>
        <div class="missionStatement">
          <h4>Mission Statement</h4>
          <p>Helping parents and children to imporove the way chores are done!</p>
        </div>
    </section>

    <section class="iconsytationforce">
      <div class="icons">
        <div class="icon1">
            <img src="img//BW3-icons/BW3-icons/WashingMachine.svg">
          </div>
          <div class="hideIcon">
            <img src="img/BW3-icons/BW3-icons/Dust.svg">
          </div>
          <div class="icon2">
            <img src="img/BW3-icons/BW3-icons/Toilet.svg">
          </div>
          <div class="hideIcon">
            <img src="img/BW3-icons/BW3-icons/SprayBottle.svg">
          </div>
          <div class="icon3">
            <img src="img/BW3-icons/BW3-icons/Vacuum.svg">
          </div>
        </div>
      <div>
          <p>Icons made by <a href="https://www.flaticon.com/authors/eucalyp" title="Eucalyp">Eucalyp</a> from <a href="https://www.flaticon.com/"     title="Flaticon">www.flaticon.com</a></p>
      </div>
    </section>

    <img src="img/Screen-Shot-2019-10-21.png" alt="Person">

    <section class="sec2">
      <div class="pitch">
        <h4>Is Planning Chores a Chore?</h4>
        <p>Every parent knows the struggle of getting their kids to consistently and meaningfully contribute to the household chores. If you are tired of the exhorbitant allowance demands, half-done chores, and dubious claims that "I can't put that away because I don't know where it goes!" or "Johnny's parents are better than you because they don't make him do chores...", then ChoreChallenge is the tool you have been waiting for. With ChoreChallenge, it's easy to get your kids excited about chores with our "gamified" approach to household chore tracking and management. Easily create a list of chores (or use one of our templates) and then randomly assign them to your children. Foster healthy competition and habits with ChoreScore and CleanStreaks: our proprietary chore rating and tracking tools that have been (un)scientifically proven to be 100% more effecitve than side-eye and time-outs. Create accountability with  ChoreCheck - never again find that 6 month old lost banana rotting behind your precious little angel's nightstand. By requiring a photo of the completed chore to be uploaded, _you_ decide if that chore is actually completed or not. </p>
      </div>
    </section>
  </div>


   <footer>
      <a href="https://fe.home-chore-tracker.now.sh/">Sign Up</a>
   </footer>

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

</body>
</html>