-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstory_jack.html
118 lines (117 loc) · 5.4 KB
/
story_jack.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
<!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/jack_wide.jpg">
<div id="title-text"><p>Stories</p></div>
</div>
<div class="white">
<div class="whole-article">
<p class="magatitle">ARE YOU READY TO <span>START</span> A NEW <span>JOURNEY</span> IN YOUR LIFE?</p>
<p class="magasubtitle">Jack Pearson</p>
<p class="time">The young father</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>J</span>ack is a normal worker who just get married. His beautiful wife is pregnant. This young family is full of the expectation for the new life. Meanwhile, this couple are both faithful clients of Best Super. Under our advisors’ assistance, they just updated their super.
</p>
<p class="magatext">“I can’t wait to see my kid.” Speak of his wife and child, Jack’s voice is full of joy. “We have planned a lot for our future. We will move into a new house soon for a new entry into the family. We already start to save the education fee to ensure he will get a high education. When he can financially independent, that’s the time we prepare for our retirement life.” Jack laughed. “We probably will use our superannuation to go travelling or buy a land.”
</p>
<p class="magatext">“This is a new journey to me, and I think I am ready for it.” Jack smiled with longing of future life.</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">Milk Tea</p>
<p class="member-time">12 October, 2017</p>
<hr>
<p class="member-text">Goodluck with your new life!</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">
Rosalie Goodwin
</p>
<img class="story-img2" src="img/rosalie_thumbnail.jpg">
<p class="story-brief2"><span>“ </span>It will never be too early to choose your super.</p>
<a class="viewbox" href="story_rosalie.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">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>