-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstory_rosalie.html
117 lines (116 loc) · 5.63 KB
/
story_rosalie.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Stories</title>
<meta name="description" content="Stories">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mobile.css">
<link rel="stylesheet" href="css/wide.css" media="(min-width: 480px)">
</head>
<body>
<div id="navigation">
<nav>
<img src="img/logo.png" alt="Logo">
<ul>
<li><a href="about.html">ABOUT</a></li>
<li><a href="contactus.html">CONTACT US</a></li>
<li class="active"><a href="stories.html">STORIES</a></li>
<li><a href="magazines.html">MAGAZINES</a></li>
<li><a href="homepage.html">HOME</a></li>
</ul>
<div class="dropdown"><p>MENU</p>
<div class="dropdown-content">
<a href="homepage.html">HOME</a>
<a href="magazines.html">MAGAZINES</a>
<a href="stories.html">STORIES</a>
<a href="contactus.html">CONTACT US</a>
<a href="about.html">ABOUT</a>
</div>
</div>
</nav>
</div>
<div id="titlepage">
<img src="img/rosalie_wide.jpg" alt="Rosalie's story">
<div id="title-text"><p>Stories</p></div>
</div>
<div class="white">
<div class="whole-article">
<p class="magatitle">IT WILL NEVER BE TOO <span>EARLT</span> TO CHOOSE YOUR <span>SUPER</span></p>
<p class="magasubtitle">Rosalie Goodwin</p>
<p class="time">The college graduate</p>
<p class="tag">MEMBER STORIES</p>
<ul class="social">
<li class="facebook"></li>
<li class="twitter"></li>
<li class="email"></li>
</ul>
<hr>
<p class="storytext">
<span>R</span>osalie is a college graduate who just has her first full time job. Although she just set her foot in the society, she has already been our loyal customer for over 3 years. In this transition stage of her life, she shares her story to our support staffs.
</p>
<p class="magatext">“I started my first part time job when I am in college.” Rosalie said. “When I could earn enough money in a month, my employer started to make super contributions to my fund. At first, I have no clue on the superannuation at all. I just feel retirement is a status that far away from me.” She laughed.
</p>
<p class="magatext">“My former employer recommended Best Super to me. With the guidance of the adviser, I start to understand the operation mechanism of super and successfully found the suitable one for me.” Rosalie said. “Some of my friends feel it is no necessary to consider the super and fund at my age. However, when I found my best super, I start to have a clearer mind on planning the future.” “The super makes me feel more confident to plan my career. It will never be too early to choose your super.” She concluded.</p>
</div>
</div>
<div class="gray">
<div class="input-comment">
<p class="magacomment">Please Leave Your <span>Comment</span></p>
<hr>
<div class="comment-subtitle">
<p>Nickname</p>
<input class="commentbox" type="text" value=" Please enter your nickname" onfocus="this.value=''" onblur="this.value=' Please enter your nickname'">
<p>Comment</p>
<textarea class="comment-text" type="text" onfocus="this.value=''" onblur="this.value=' How you feel about this story'"> How you feel about this story</textarea>
<a>Submit</a>
</div>
<hr>
<div class="whitebox">
<p class="member-name">Katy</p>
<p class="member-time">15 October, 2017</p>
<hr>
<p class="member-text">It is impressive!</p>
</div>
</div>
</div>
<div class="white">
<div class="relate-maga">
<p><span>You may also like</span></p>
<div class="storybox2">
<p class="categorybox">Jack Pearson
</p>
<img class="story-img2" src="img/jack.jpg" alt="Jack's story">
<p class="story-brief2"><span>“ </span>I am ready for my new journey.</p>
<a class="viewbox" href="story_jack.html">View Story</a>
</div>
<div class="storybox2">
<p class="categorybox">Susanna Cullen
</p>
<img class="story-img2" src="img/susanna.jpg" alt="Susanna's story">
<p class="story-brief2"><span>“ </span>Who said you can only choose one from travelling the world and buying a house?</p>
<a class="viewbox" href="story_susanna.html">View Story</a>
</div>
</div>
</div>
<footer>
<div id="contact">
<div class="logo-text">
<img src="img/tel.png" alt="Telephone">
<p>(+061) 414 5492 32</p>
<p>(+061) 414 5232 32</p>
</div>
<div class="logo-text">
<img src="img/mail.png" alt="Mail">
<p>bestsuper1@gmail.com</p>
<p>bestsuper2@gmail.com</p>
</div>
<div class="logo-text">
<img src="img/twitter.png" alt="Twitter">
<p>@bestsuper1</p>
<p>@bestsuper2</p>
</div>
</div>
<p class="rights">©2017 Best Super Company. All Right Reserved</p></footer>
</body>
</html>