forked from nitral/Arista
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (142 loc) · 6.16 KB
/
index.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
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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Arista - Valentine's Week Adviser</title>
<link rel="stylesheet" type="text/css" href="./formatting.css">
</head>
<body>
<header id="header">
<div id="prev-page">
<img src="./images/previous.png" id="prev-page-button" />
</div>
<div id="cover-page-heading" class="page-heading">
</div>
<div id="rose-day-page-heading" class="page-heading">
Rose Day
</div>
<div id="propose-day-page-heading" class="page-heading">
Propose Day
</div>
<div id="chocolate-day-page-heading" class="page-heading">
Chocolate Day
</div>
<div id="teddy-day-page-heading" class="page-heading">
Teddy Day
</div>
<div id="promise-day-page-heading" class="page-heading">
Promise Day
</div>
<div id="hug-day-page-heading" class="page-heading">
Hug Day
</div>
<div id="kiss-day-page-heading" class="page-heading">
Kiss Day
</div>
<div id="valentine-day-page-heading" class="page-heading">
Valentine's Day
</div>
<div id="next-page">
<img src="./images/next.png" id="next-page-button"/>
</div>
</header>
<div class="clear-div"></div>
<hr />
<div id="main-body">
<div id="cover-body">
<section id="cover-body-logo"><img src="./images/logo.png" /></section>
<img src="./images/title.png" id="cover-body-title" />
<br /><br />
<img src="./images/tagline.png" id="cover-body-tagline" />
<br />
<section id="cover-footer">
<a href="http://www.facebook.com/BitsFirefox" target="_blank"><img src="./images/fb.jpg" id="cover-fb" /></a>
<a href="mailto:[email protected]"><img src="./images/email.jpg" id="cover-email" /></a>
</section>
</div>
<div id="day-body">
<section id="day-description">
<section id="rose-day-description" class="day-description">
<img src="./images/rose.jpg" align="left" class="day-description-image" />Roses, beautiful red ones, express love in the best way. Give your beloved a red rose today and express yourself!
</section>
<section id="propose-day-description" class="day-description">
<img src="./images/propose.jpg" align="right" class="day-description-image" />It is believed to be the best day in the entire year to propose to your sweetheart. On this day, youngsters give roses to propose their beloved.
</section>
<section id="chocolate-day-description" class="day-description">
<img src="./images/chocolate.jpg" align="left" class="day-description-image" />Mmmmmmm.... melt-in-the-mouth, yummy chocolates express your soft melting feelings. So, go and give that silky nutty bar to your love.
</section>
<section id="teddy-day-description" class="day-description">
<img src="./images/teddy.jpg" align="right" class="day-description-image" />There is hardly a girl who does not love a teddy. She would love it if a cute bear is gifted to her today. And Boys would love anything gifted to them by their sweethearts!
</section>
<section id="promise-day-description" class="day-description">
<img src="./images/promise.jpg" align="left" class="day-description-image" />This is the day for making serious commitments. If you want to carry this relationship forward then don't lose the opportunity of promising commitment to your love.
</section>
<section id="hug-day-description" class="day-description">
<img src="./images/hug.jpg" align="right" class="day-description-image" />Celebrate togetherness by giving a big hug. Hug your lover warm and tight. Show your affection and make your day bright!
</section>
<section id="kiss-day-description" class="day-description">
<img src="./images/kiss.jpg" align="left" class="day-description-image" />It is perhaps the most awaited days of the Valentine's week. Plant a kiss on those luscious lips and claim your love!
</section>
<section id="valentine-day-description" class="day-description">
<img src="./images/valentine.jpg" align="right" class="day-description-image" />A day on which lovers express their love for each other. It is a special day to show how much you love and care and spend some quality time together.
</section>
</section>
<div class="clear-div"></div>
<hr />
<section id="day-advice-body">
<section id="notification">
<section id="ajax-loading">
<img src="./images/ajaxload.gif" />
</section>
<section id="success">
<img src="./images/success.png" />
<br />
Your submission was completed successfully.
<br />
<button id="success-back-button">Back</button>
</section>
<section id="submit-message">
Submitting your Advice... With love.
</section>
<section id="fetch-message">
Fetching Advice just for you...
</section>
<section id="like-message">
Lovely that you liked this Advice...
</section>
</section>
<section id="day-advice-refresh">
<img src="./images/refresh-button.svg" id="main-refresh-button"/>
</section>
<section id="day-advice-header">
<section id="day-advice-author">
By: <span id="day-advice-author-name"></span>
</section>
<section id="day-advice-interaction">
<img src="./images/refresh-icon.png" id="refresh-advice" /> <img src="./images/love-icon.png" id="like-advice" />
</section>
<div class="clear-div"></div>
</section>
<section id="day-advice">
</section>
</section>
<section id="submit-advice-form">
<div id="advice-submit-form-title">Submit your Advice for this Day!</div>
<br />
<input type="text" id="adviser-name" placeholder="Your alias" />
<input type="checkbox" id="adviser-anonymous" value="Anonymous" />As Anonymous
<br /><br />
<textarea id="advice" cols="35" rows="7" placeholder="Write your advice here..."></textarea>
</section>
</div>
</div>
<footer id="footer">
<span id="request-share-button">Share your Advice!</span>
<span id="advice-submit-button">Submit your Advice!</span>
</footer>
<script src="./ui.js"></script>
<script src="./adviceInteraction.js"></script>
<script src="./submitAdvice.js"></script>
</body>
</html>