-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhowItWorks.html
99 lines (83 loc) · 4.49 KB
/
howItWorks.html
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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
lang="en-GB" xml:lang="en-GB">
<head>
<meta charset="UTF-8"/>
<title>How it works</title>
<link rel="shortcut icon" href="favicon.ico"/>
<link rel = "stylesheet" type="text/css" href="css/navigation.css"/>
<link rel = "stylesheet" type = "text/css" href = "css/howItWorks.css"/>
<link rel = "stylesheet" type = "text/css" href = "css/base.css"/>
<link rel="shortcut icon" href="images/logoBandW.ico"/>
<script src="js/modernizr.js"></script>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="selectivizr.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="selectivizr.js"></script>
<noscript><link rel="stylesheet" href="[fallback css]" /></noscript>
<![endif]-->
</head>
<body>
<header>
<div class="logo">
<img src="images/logoGreen.png" alt = "logo"/>
</div>
<div class="navigation">
<nav class="centre">
<ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="findSomeone.html">Find Someone</a></li>
<li><a href="yourList.html">Your List</a></li>
<li><a href="howItWorks.html">How it works</a></li>
</ul>
</nav>
</div>
</header>
<div class="wrapper">
<main>
<section class="module parallax parallax-one">
<div class="container">
<h1>How it Works...</h1>
</div>
</section>
<section class="module content">
<div class="container">
<h2>Sign Up</h2>
<p>The first step to getting started is to sign up. This isn't nessesary if you just want to get a gift for someone, but is recommended if you wish to recive a gift back!</p>
</div>
</section>
<section class="module parallax parallax-two">
<div class="container">
<h1>Signed Up?</h1>
</div>
</section>
<section class="module content">
<div class="container">
<h2>Add to Your List</h2>
<p>Once your signed up you can start filling up your gift list. From the <a class="link" href="yourList.html"><b>Your List</b></a> page, you can copy links from any website containing the gift you would like. You can also write a brief description so that whoever is looking at your list might get a clearer idea as to what the gift is and why you would like it. This might help them pick the gift from your list that best suits them.</p>
<p>People will then be able to look at your list, find a gift they would like to get you and then click the link to take them to the page or shop they can get your gift from. Once they have decided to buy the gift they will confirm this and the item will be removed from your list to avoid duplicate gifts.</p>
</div>
</section>
<section class="module parallax parallax-three">
<div class="container">
<h1>Buy a Gift</h1>
</div>
</section>
<section class="module content">
<div class="container">
<h2>The gift of Giving</h2>
<p>Now you're all signed up and ready to be treated to all kinds of goodies from hoards of people who have never even sent a card! It's time to repay the favor.</p>
<p>On the <a class="link" href="findSomeone.html"><b>Find Someone</b></a> page you can type names of your friends and family. When you enter a name, a list of people matching will be displayed and if needed you can use other provided information(DOB or city) to find the correct person. If the person is not registered, you can provide an email address to send them and invitation or just poke them the next time you see them!</p>
<p>When you click on this person you will be able to see their list. It will look very much like Your List, but will only give you the option to buy the gift or not.</p>
</div>
</section>
<section class="module parallax parallax-four">
<div class="container">
</div>
</section>
</main>
</div>
<script src="js/howItWorks.js"></script>
<script src="js/container.js"></script>
</body>
</html>