-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
115 lines (114 loc) · 4.96 KB
/
about.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>About Us</title>
<meta name="description" content="About Us">
<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 class="active"><a href="about.html">ABOUT</a></li>
<li><a href="contactus.html">CONTACT US</a></li>
<li><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/aboutus.jpg" alt="About us">
<div id="title-text"><p>About</p></div>
</div>
<div class="white">
<p class="subtitle">BEST SUPER AND MORE</p>
<p class="title">ABOUT <span>US</span></p>
<article>Best Super o nly run for and benefits for our members. We are here to provide support to every life stage of our members.</article>
<div class="staff-gallery">
<hr>
<p class="staff-title"><span>Staff</span> Gallery</p>
<div class="staff-box">
<img src="img/staff1.jpg" alt="Scarlett Lee-Advisor">
<p class="categorybox">Scarlett Lee</p>
<div class="cover">
<p>Advisor</p>
</div>
</div>
<div class="staff-box">
<img src="img/staff4.jpg" alt="John Ken-online counselor">
<p class="categorybox">John Ken</p>
<div class="cover">
<p>Online Counselor</p>
</div>
</div>
<div class="staff-box">
<img src="img/staff2.jpg" alt="Bella Queen-Analyst">
<p class="categorybox">Bella Queen</p>
<div class="cover">
<p>Analyst</p>
</div>
</div>
<div class="staff-box">
<img src="img/staff5.jpg" alt="Alexander Wien-Analyst">
<p class="categorybox">Alexander Wien</p>
<div class="cover">
<p>Analyst</p>
</div>
</div>
<div class="staff-box">
<img src="img/staff3.jpg" alt="Isabella Gwen-support staff">
<p class="categorybox">Isabella Gwen</p>
<div class="cover">
<p>Support Staff</p>
</div>
</div>
<div class="staff-box">
<img src="img/staff6.jpg" alt="Andrew Goodwin-Support Staff">
<p class="categorybox">Andrew Goodwin</p>
<div class="cover">
<p>Support Staff</p>
</div>
</div>
<hr>
<p class="staff-title">The <span>Magazine</span></p>
<div class="maga-intro">
<p class="storytext"><span>T</span>he magazine section is designed to provide a lot of useful articles which includes superannuation, finance and lifestyle sections to help to our members learn more about their super and its future influence.</p>
<p>Members are able to leave their comments and exchange their ideas in every article. In addtion, if you have any doubt during reading the magazine, you are very welcome to contact us at any time.</p>
</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>[email protected]</p>
<p>[email protected]</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>